@rolatech/angular-cart 18.0.0

package/fesm2022/rolatech-angular-cart-rolatech-angular-cart-Es6OXxDd.mjs

@@ -0,0 +1,297 @@
+import * as i0 from '@angular/core';
+import { input, model, computed, output, Component, inject, effect, ViewEncapsulation } from '@angular/core';
+import * as i1$1 from '@angular/common';
+import { CommonModule, NgClass } from '@angular/common';
+import * as i4 from '@angular/material/icon';
+import { MatIcon } from '@angular/material/icon';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { ContainerComponent, ToolbarComponent, SpinnerComponent, AngularComponentsModule } from '@rolatech/angular-components';
+import { CartService, ProductService, OrderService } from '@rolatech/angular-services';
+import { OptionsFormatPipe, AngularCommonModule } from '@rolatech/angular-common';
+import { sumBy, uniq, map } from 'lodash';
+import * as i1$2 from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
+import * as i2 from '@angular/material/badge';
+import { MatBadge } from '@angular/material/badge';
+import { MatDivider } from '@angular/material/divider';
+import { CartState } from 'libs/angular-cart/src/state';
+import * as i5 from '@angular/material/menu';
+
+class CartCheckoutItemComponent {
+    constructor() {
+        this.thumbnail = input();
+        this.name = input();
+        this.description = input();
+        this.quantity = model(1);
+        this.price = input.required();
+        this.priceDisplay = computed(() => {
+            return (this.price() / 100).toFixed(2);
+        });
+        this.add = output();
+        this.remove = output();
+        this.delete = output();
+        this.max = input();
+    }
+    onAdd() {
+        this.quantity.update((item) => item + 1);
+        this.add.emit();
+    }
+    onRemove() {
+        this.quantity.update((item) => item - 1);
+        this.remove.emit();
+    }
+    onDelete() {
+        this.delete.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartCheckoutItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.4", type: CartCheckoutItemComponent, isStandalone: true, selector: "rolatech-cart-checkout-item", inputs: { thumbnail: { classPropertyName: "thumbnail", publicName: "thumbnail", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, quantity: { classPropertyName: "quantity", publicName: "quantity", isSignal: true, isRequired: false, transformFunction: null }, price: { classPropertyName: "price", publicName: "price", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { quantity: "quantityChange", add: "add", remove: "remove", delete: "delete" }, ngImport: i0, template: "<div class=\"flex justify-between py-3\">\n  <div class=\"flex w-full\">\n    <div class=\"w-1/4 aspect-video bg-gray-200 rounded-lg h-fit\">\n      <div class=\"object-cover aspect-video\">\n        @defer (on viewport()) {\n          <rolatech-thumbnail [src]=\"thumbnail()\" size=\"medium\" mode=\"full\"> </rolatech-thumbnail>\n        } @placeholder {\n          <div class=\"bg-gray-200 h-full w-full object-cover aspect-video\"></div>\n        }\n      </div>\n    </div>\n    <div class=\"w-3/4 ml-3 flex flex-col justify-between\">\n      <!-- info -->\n      <div class=\"flex justify-between\">\n        <div class=\"flex flex-col\">\n          <span class=\"text-lg font-bold\">{{ name() }}</span>\n          <span class=\"text-sm text-gray-600 mt-2\">{{ description() }}</span>\n        </div>\n        <div>\u00A5{{ priceDisplay() }}</div>\n      </div>\n      <!-- action -->\n      <div class=\"flex justify-between items-center w-full\">\n        <div class=\"flex items-center text-sm\">\n          <span class=\"mr-3\">\u6570\u91CF</span>\n          <button mat-icon-button (click)=\"onRemove()\" [disabled]=\"quantity() === 1\">\n            <mat-icon>remove</mat-icon>\n          </button>\n          <span class=\"w-11 text-center\">{{ quantity() }}</span>\n          <button mat-icon-button (click)=\"onAdd()\" [disabled]=\"quantity() === max()\">\n            <mat-icon>add</mat-icon>\n          </button>\n        </div>\n        <button mat-icon-button (click)=\"onDelete()\">\n          <mat-icon>delete</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["mat-icon{scale:.7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], deferBlockDependencies: [() => [import('@rolatech/angular-components').then(m => m.ThumbnailComponent)]] }); }
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.4", ngImport: i0, type: CartCheckoutItemComponent, resolveDeferredDeps: () => [import('@rolatech/angular-components').then(m => m.ThumbnailComponent)], resolveMetadata: ThumbnailComponent => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'rolatech-cart-checkout-item', standalone: true, imports: [CommonModule, ThumbnailComponent, MatIcon, MatButtonModule], template: "<div class=\"flex justify-between py-3\">\n  <div class=\"flex w-full\">\n    <div class=\"w-1/4 aspect-video bg-gray-200 rounded-lg h-fit\">\n      <div class=\"object-cover aspect-video\">\n        @defer (on viewport()) {\n          <rolatech-thumbnail [src]=\"thumbnail()\" size=\"medium\" mode=\"full\"> </rolatech-thumbnail>\n        } @placeholder {\n          <div class=\"bg-gray-200 h-full w-full object-cover aspect-video\"></div>\n        }\n      </div>\n    </div>\n    <div class=\"w-3/4 ml-3 flex flex-col justify-between\">\n      <!-- info -->\n      <div class=\"flex justify-between\">\n        <div class=\"flex flex-col\">\n          <span class=\"text-lg font-bold\">{{ name() }}</span>\n          <span class=\"text-sm text-gray-600 mt-2\">{{ description() }}</span>\n        </div>\n        <div>\u00A5{{ priceDisplay() }}</div>\n      </div>\n      <!-- action -->\n      <div class=\"flex justify-between items-center w-full\">\n        <div class=\"flex items-center text-sm\">\n          <span class=\"mr-3\">\u6570\u91CF</span>\n          <button mat-icon-button (click)=\"onRemove()\" [disabled]=\"quantity() === 1\">\n            <mat-icon>remove</mat-icon>\n          </button>\n          <span class=\"w-11 text-center\">{{ quantity() }}</span>\n          <button mat-icon-button (click)=\"onAdd()\" [disabled]=\"quantity() === max()\">\n            <mat-icon>add</mat-icon>\n          </button>\n        </div>\n        <button mat-icon-button (click)=\"onDelete()\">\n          <mat-icon>delete</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["mat-icon{scale:.7}\n"] }]
+            }], ctorParameters: null, propDecorators: null }) });
+
+class CartCheckoutActionComponent {
+    constructor() {
+        this.create = output();
+    }
+    onCreate() {
+        this.create.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartCheckoutActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: CartCheckoutActionComponent, isStandalone: true, selector: "rolatech-cart-checkout-action", outputs: { create: "create" }, ngImport: i0, template: "<a mat-flat-button class=\"w-full min-h-11 my-6\" (click)=\"onCreate()\">\u63D0\u4EA4\u8BA2\u5355</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartCheckoutActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-cart-checkout-action', standalone: true, imports: [CommonModule, MatButtonModule], template: "<a mat-flat-button class=\"w-full min-h-11 my-6\" (click)=\"onCreate()\">\u63D0\u4EA4\u8BA2\u5355</a>\n" }]
+        }] });
+
+class CartCheckoutSummaryComponent {
+    constructor() {
+        this.price = input.required();
+        this.priceDisplay = computed(() => {
+            return (this.price() / 100).toFixed(2);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartCheckoutSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.4", type: CartCheckoutSummaryComponent, isStandalone: true, selector: "rolatech-cart-checkout-summary", inputs: { price: { classPropertyName: "price", publicName: "price", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"text-2xl font-medium mb-2\">\u7EDF\u8BA1</div>\n<div class=\"divide-y\">\n  <div class=\"flex justify-between py-2 pb-32 md:pb-3\">\n    <span> \u8BA2\u5355\u91D1\u989D </span>\n    <span> \u00A5{{ priceDisplay() }} </span>\n  </div>\n  <div class=\"py-3 bottom-0 left-0 right-0 md:static\">\n    <div>\n      <div class=\"flex justify-between\">\n        <span class=\"text-lg font-medium\">\u603B\u8BA1</span>\n        <span>\u00A5{{ priceDisplay() }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartCheckoutSummaryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-cart-checkout-summary', standalone: true, imports: [CommonModule], template: "<div class=\"text-2xl font-medium mb-2\">\u7EDF\u8BA1</div>\n<div class=\"divide-y\">\n  <div class=\"flex justify-between py-2 pb-32 md:pb-3\">\n    <span> \u8BA2\u5355\u91D1\u989D </span>\n    <span> \u00A5{{ priceDisplay() }} </span>\n  </div>\n  <div class=\"py-3 bottom-0 left-0 right-0 md:static\">\n    <div>\n      <div class=\"flex justify-between\">\n        <span class=\"text-lg font-medium\">\u603B\u8BA1</span>\n        <span>\u00A5{{ priceDisplay() }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }] });
+
+class CartIndexComponent {
+    constructor() {
+        this.cartService = inject(CartService);
+        this.productService = inject(ProductService);
+        this.orderService = inject(OrderService);
+        this.router = inject(Router);
+        this.carts = [];
+        this.totalPrice = 0;
+    }
+    ngOnInit() {
+        this.findCarts();
+    }
+    findCarts() {
+        this.cartService.findDetails({}).subscribe({
+            next: (res) => {
+                this.carts = res.data;
+                this.calcPrice();
+            },
+        });
+    }
+    calcPrice() {
+        this.totalPrice = sumBy(this.carts, (item) => item.variant ? item.quantity * item.variant.price : item.quantity * item.product.price);
+    }
+    onAdd(cart) {
+        this.cartService.update(cart.id, { quantity: cart.quantity }).subscribe({
+            next: (res) => {
+                this.calcPrice();
+            },
+        });
+    }
+    onRemove(cart) {
+        this.cartService.update(cart.id, { quantity: cart.quantity }).subscribe({
+            next: (res) => {
+                this.calcPrice();
+            },
+        });
+    }
+    onDelete(cart) {
+        this.cartService.delete(cart.id).subscribe({
+            next: (res) => {
+                const index = this.carts.findIndex((item) => item.id === cart.id);
+                this.carts.splice(index, 1);
+                this.calcPrice();
+            },
+        });
+    }
+    createOrder() {
+        const ids = uniq(map(this.carts, 'id')); // [12, 14, 16, 18]
+        this.orderService.create({ type: 'PRODUCT', cartIds: ids }).subscribe({
+            next: (res) => {
+                this.router.navigateByUrl(`/orders/${res.data.id}`);
+            },
+        });
+    }
+    deleteAllCarts() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.4", type: CartIndexComponent, isStandalone: true, selector: "rolatech-cart-index", ngImport: i0, template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u8D2D\u7269\u8F66\" large></rolatech-toolbar>\n  <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n    <div class=\"md:w-2/3 md:pr-16\">\n      <div>\n        @for (item of carts; track $index) {\n          @if (item.variant) {\n            <rolatech-cart-checkout-item\n              [name]=\"item.variant.title ? item.variant.title : item.product.name\"\n              [description]=\"item.variant.options | options\"\n              [thumbnail]=\"item.variant.media ? item.variant.media[0].url + '!w400' : item.product.media[0].url + '!w400'\"\n              [price]=\"item.variant ? item.variant.price * item.quantity : item.product.price\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n              (add)=\"onAdd(item)\"\n              (remove)=\"onRemove(item)\"\n              (delete)=\"onDelete(item)\"\n            ></rolatech-cart-checkout-item>\n          } @else {\n            <rolatech-cart-checkout-item\n              [name]=\"item.product.name\"\n              [description]=\"item.product.description\"\n              [thumbnail]=\"item.product.media[0].url + '!w400'\"\n              [price]=\"item.product.price * item.quantity\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n              (add)=\"onAdd(item)\"\n              (remove)=\"onRemove(item)\"\n              (delete)=\"onDelete(item)\"\n            ></rolatech-cart-checkout-item>\n          }\n        }\n      </div>\n    </div>\n    <div class=\"md:w-1/3\">\n      <rolatech-cart-checkout-summary [price]=\"totalPrice\"></rolatech-cart-checkout-summary>\n      <rolatech-cart-checkout-action (create)=\"createOrder()\"></rolatech-cart-checkout-action>\n    </div>\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: "component", type: CartCheckoutItemComponent, selector: "rolatech-cart-checkout-item", inputs: ["thumbnail", "name", "description", "quantity", "price", "max"], outputs: ["quantityChange", "add", "remove", "delete"] }, { kind: "component", type: CartCheckoutSummaryComponent, selector: "rolatech-cart-checkout-summary", inputs: ["price"] }, { kind: "component", type: CartCheckoutActionComponent, selector: "rolatech-cart-checkout-action", outputs: ["create"] }, { kind: "pipe", type: OptionsFormatPipe, name: "options" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartIndexComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-cart-index', standalone: true, imports: [
+                        CommonModule,
+                        ContainerComponent,
+                        ToolbarComponent,
+                        CartCheckoutItemComponent,
+                        CartCheckoutSummaryComponent,
+                        CartCheckoutActionComponent,
+                        OptionsFormatPipe,
+                    ], template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u8D2D\u7269\u8F66\" large></rolatech-toolbar>\n  <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n    <div class=\"md:w-2/3 md:pr-16\">\n      <div>\n        @for (item of carts; track $index) {\n          @if (item.variant) {\n            <rolatech-cart-checkout-item\n              [name]=\"item.variant.title ? item.variant.title : item.product.name\"\n              [description]=\"item.variant.options | options\"\n              [thumbnail]=\"item.variant.media ? item.variant.media[0].url + '!w400' : item.product.media[0].url + '!w400'\"\n              [price]=\"item.variant ? item.variant.price * item.quantity : item.product.price\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n              (add)=\"onAdd(item)\"\n              (remove)=\"onRemove(item)\"\n              (delete)=\"onDelete(item)\"\n            ></rolatech-cart-checkout-item>\n          } @else {\n            <rolatech-cart-checkout-item\n              [name]=\"item.product.name\"\n              [description]=\"item.product.description\"\n              [thumbnail]=\"item.product.media[0].url + '!w400'\"\n              [price]=\"item.product.price * item.quantity\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n              (add)=\"onAdd(item)\"\n              (remove)=\"onRemove(item)\"\n              (delete)=\"onDelete(item)\"\n            ></rolatech-cart-checkout-item>\n          }\n        }\n      </div>\n    </div>\n    <div class=\"md:w-1/3\">\n      <rolatech-cart-checkout-summary [price]=\"totalPrice\"></rolatech-cart-checkout-summary>\n      <rolatech-cart-checkout-action (create)=\"createOrder()\"></rolatech-cart-checkout-action>\n    </div>\n  </div>\n</rolatech-container>\n" }]
+        }] });
+
+const cartRoutes = [
+    {
+        path: '',
+        component: CartIndexComponent,
+    },
+    {
+        path: 'checkout',
+        loadChildren: () => import('./rolatech-angular-cart-cart-checkout.routes-GF-sHoRZ.mjs'),
+    },
+];
+
+class CartSideComponent {
+    constructor() {
+        this.router = input('/cart');
+        this.cartService = inject(CartService);
+        this.info = model(false);
+        this.loading = false;
+        this.count = 0;
+        this.totalPrice = '';
+        this.toggle = effect(() => {
+            if (this.info()) {
+                document.body.style.overflow = 'hidden';
+            }
+            else {
+                document.body.style.overflow = 'auto';
+            }
+        });
+    }
+    ngOnDestroy() {
+        if (this.countSubscription)
+            this.countSubscription.unsubscribe();
+    }
+    calcPrice() {
+        const price = sumBy(this.carts, (item) => item.variant ? item.quantity * item.variant.price : item.quantity * item.product.price);
+        this.totalPrice = (price / 100).toFixed(2);
+    }
+    show() {
+        this.info.set(true);
+        this.loading = true;
+        this.cartService.findDetails({}).subscribe({
+            next: (res) => {
+                this.carts = res.data;
+                this.loading = false;
+                this.calcPrice();
+            },
+            error: (error) => {
+                this.loading = false;
+            },
+        });
+    }
+    dismiss() {
+        this.info.set(false);
+    }
+    onAdd(cart) {
+        this.cartService.update(cart.id, { quantity: cart.quantity }).subscribe({
+            next: (res) => {
+                this.calcPrice();
+            },
+        });
+    }
+    onRemove(cart) {
+        this.cartService.update(cart.id, { quantity: cart.quantity }).subscribe({
+            next: (res) => {
+                this.calcPrice();
+            },
+        });
+    }
+    onDelete(cart) {
+        this.cartService.delete(cart.id).subscribe({
+            next: (res) => {
+                const index = this.carts.findIndex((item) => item.id === cart.id);
+                this.carts.splice(index, 1);
+                this.calcPrice();
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartSideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.4", type: CartSideComponent, isStandalone: true, selector: "rolatech-cart-side", inputs: { router: { classPropertyName: "router", publicName: "router", isSignal: true, isRequired: false, transformFunction: null }, info: { classPropertyName: "info", publicName: "info", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { info: "infoChange" }, ngImport: i0, template: "<div class=\"px-2\">\n  <button mat-icon-button class=\"flex\" (click)=\"show()\">\n    <mat-icon aria-hidden=\"false\" [matBadge]=\"count\" [matBadgeHidden]=\"count === 0\">shopping_bag</mat-icon>\n  </button>\n</div>\n<div\n  [ngClass]=\"{ 'translate-none': info(), 'translate-y-full  md:translate-x-full md:translate-y-0': !info() }\"\n  class=\"fixed top-0 right-0 z-[1001] h-screen p-4 overflow-y-auto transition-transform bg-[--rt-raised-background] w-full md:w-[600px] shadow-xl\"\n>\n  <div class=\"flex justify-between items-center sm:p-4\">\n    <div class=\"text-2xl font-bold\">\u8D2D\u7269\u8F66</div>\n    <button mat-icon-button (click)=\"dismiss()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n  @if (!loading) {\n    <div class=\"mt-3 p-1 sm:p-4\">\n      @for (item of carts; track item) {\n        @if (item.variant) {\n          <rolatech-cart-checkout-item\n            [name]=\"item.variant.title ? item.variant.title : item.product.name\"\n            [description]=\"item.variant.options | options\"\n            [thumbnail]=\"item.variant.media ? item.variant.media[0].url + '!w400' : item.product.media[0].url + '!w400'\"\n            [price]=\"item.variant ? item.variant.price * item.quantity : item.product.price\"\n            [(quantity)]=\"item.quantity\"\n            [max]=\"3\"\n            (add)=\"onAdd(item)\"\n            (remove)=\"onRemove(item)\"\n            (delete)=\"onDelete(item)\"\n          ></rolatech-cart-checkout-item>\n        } @else {\n          <rolatech-cart-checkout-item\n            [name]=\"item.product.name\"\n            [description]=\"item.product.description\"\n            [thumbnail]=\"item.product.media[0].url + '!w400'\"\n            [price]=\"item.product.price * item.quantity\"\n            [(quantity)]=\"item.quantity\"\n            [max]=\"3\"\n            (add)=\"onAdd(item)\"\n            (remove)=\"onRemove(item)\"\n            (delete)=\"onDelete(item)\"\n          ></rolatech-cart-checkout-item>\n        }\n      }\n      <mat-divider></mat-divider>\n      <div class=\"h-14 flex justify-between items-center\">\n        <div class=\"text-lg font-bold\">\u603B\u8BA1</div>\n        <div>\u00A5{{ totalPrice }}</div>\n      </div>\n      <div class=\"flex flex-row gap-3 w-full items-center justify-center mt-3\">\n        <button mat-flat-button [routerLink]=\"router()\" (click)=\"dismiss()\" class=\"w-8/12\">\n          <a>\u53BB\u8D2D\u7269\u8F66\u7ED3\u7B97</a>\n        </button>\n        <button mat-stroked-button (click)=\"dismiss()\" class=\"w-4/12\">\n          <a>\u7EE7\u7EED\u8D2D\u7269</a>\n        </button>\n      </div>\n    </div>\n  }\n  @if (loading) {\n    <div>\n      <rolatech-spinner></rolatech-spinner>\n    </div>\n  }\n</div>\n<div\n  (click)=\"dismiss()\"\n  [ngClass]=\"info() ? 'visible' : 'invisible'\"\n  class=\"bg-[--rt-10-percent-layer] fixed h-screen inset-0 z-[1000]\"\n></div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: SpinnerComponent, selector: "rolatech-spinner", inputs: ["title"] }, { kind: "component", type: CartCheckoutItemComponent, selector: "rolatech-cart-checkout-item", inputs: ["thumbnail", "name", "description", "quantity", "price", "max"], outputs: ["quantityChange", "add", "remove", "delete"] }, { kind: "pipe", type: OptionsFormatPipe, name: "options" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartSideComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-cart-side', standalone: true, imports: [
+                        CommonModule,
+                        NgClass,
+                        MatButtonModule,
+                        MatIcon,
+                        MatBadge,
+                        SpinnerComponent,
+                        CartCheckoutItemComponent,
+                        OptionsFormatPipe,
+                        RouterLink,
+                        MatDivider,
+                    ], template: "<div class=\"px-2\">\n  <button mat-icon-button class=\"flex\" (click)=\"show()\">\n    <mat-icon aria-hidden=\"false\" [matBadge]=\"count\" [matBadgeHidden]=\"count === 0\">shopping_bag</mat-icon>\n  </button>\n</div>\n<div\n  [ngClass]=\"{ 'translate-none': info(), 'translate-y-full  md:translate-x-full md:translate-y-0': !info() }\"\n  class=\"fixed top-0 right-0 z-[1001] h-screen p-4 overflow-y-auto transition-transform bg-[--rt-raised-background] w-full md:w-[600px] shadow-xl\"\n>\n  <div class=\"flex justify-between items-center sm:p-4\">\n    <div class=\"text-2xl font-bold\">\u8D2D\u7269\u8F66</div>\n    <button mat-icon-button (click)=\"dismiss()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n  @if (!loading) {\n    <div class=\"mt-3 p-1 sm:p-4\">\n      @for (item of carts; track item) {\n        @if (item.variant) {\n          <rolatech-cart-checkout-item\n            [name]=\"item.variant.title ? item.variant.title : item.product.name\"\n            [description]=\"item.variant.options | options\"\n            [thumbnail]=\"item.variant.media ? item.variant.media[0].url + '!w400' : item.product.media[0].url + '!w400'\"\n            [price]=\"item.variant ? item.variant.price * item.quantity : item.product.price\"\n            [(quantity)]=\"item.quantity\"\n            [max]=\"3\"\n            (add)=\"onAdd(item)\"\n            (remove)=\"onRemove(item)\"\n            (delete)=\"onDelete(item)\"\n          ></rolatech-cart-checkout-item>\n        } @else {\n          <rolatech-cart-checkout-item\n            [name]=\"item.product.name\"\n            [description]=\"item.product.description\"\n            [thumbnail]=\"item.product.media[0].url + '!w400'\"\n            [price]=\"item.product.price * item.quantity\"\n            [(quantity)]=\"item.quantity\"\n            [max]=\"3\"\n            (add)=\"onAdd(item)\"\n            (remove)=\"onRemove(item)\"\n            (delete)=\"onDelete(item)\"\n          ></rolatech-cart-checkout-item>\n        }\n      }\n      <mat-divider></mat-divider>\n      <div class=\"h-14 flex justify-between items-center\">\n        <div class=\"text-lg font-bold\">\u603B\u8BA1</div>\n        <div>\u00A5{{ totalPrice }}</div>\n      </div>\n      <div class=\"flex flex-row gap-3 w-full items-center justify-center mt-3\">\n        <button mat-flat-button [routerLink]=\"router()\" (click)=\"dismiss()\" class=\"w-8/12\">\n          <a>\u53BB\u8D2D\u7269\u8F66\u7ED3\u7B97</a>\n        </button>\n        <button mat-stroked-button (click)=\"dismiss()\" class=\"w-4/12\">\n          <a>\u7EE7\u7EED\u8D2D\u7269</a>\n        </button>\n      </div>\n    </div>\n  }\n  @if (loading) {\n    <div>\n      <rolatech-spinner></rolatech-spinner>\n    </div>\n  }\n</div>\n<div\n  (click)=\"dismiss()\"\n  [ngClass]=\"info() ? 'visible' : 'invisible'\"\n  class=\"bg-[--rt-10-percent-layer] fixed h-screen inset-0 z-[1000]\"\n></div>\n" }]
+        }] });
+
+class CartIconComponent {
+    constructor() {
+        this.router = input('/cart');
+        this.carts = [];
+        this.cartService = inject(CartService);
+        this.cartState = inject(CartState);
+        this.count = 0;
+    }
+    ngOnInit() {
+        this.cartState.$count.subscribe((data) => {
+            this.count = data;
+        });
+        this.loadCarts();
+    }
+    ngOnDestroy() {
+        if (this.countSubscription)
+            this.countSubscription.unsubscribe();
+    }
+    loadCarts() {
+        const options = {};
+        this.cartService.find(options).subscribe({
+            next: (res) => {
+                this.carts = res.data;
+            },
+        });
+    }
+    deleteAll() {
+        this.cartService.deleteAll().subscribe({
+            next: (res) => {
+                this.carts = [];
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.4", type: CartIconComponent, isStandalone: true, selector: "rolatech-cart-icon", inputs: { router: { classPropertyName: "router", publicName: "router", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"px-2\">\n  <button mat-icon-button class=\"flex\" onclick=\"this.blur()\" [matMenuTriggerFor]=\"notificationsMenu\">\n    <mat-icon aria-hidden=\"false\" [matBadge]=\"count\" [matBadgeHidden]=\"count === 0\">shopping_bag</mat-icon>\n  </button>\n</div>\n<mat-menu #notificationsMenu=\"matMenu\" class=\"custom-menu\">\n  <div class=\"flex flex-col divide-y min-w-[320px]\">\n    <div class=\"h-11 px-3 flex justify-between items-center\">\n      <span class=\"font-medium\">\u8D2D\u7269\u8F66</span>\n      @if (count) {\n        <span class=\"text-sm font-medium cursor-pointer hover:underline\" (click)=\"deleteAll()\">\u5220\u9664\u5168\u90E8</span>\n      }\n    </div>\n    <div>\n      @if (carts && carts.length > 0) {\n        <div class=\"divide-y\">\n          @for (item of carts; track item) {\n            <div class=\"p-2 cursor-pointer hover:bg-[--rt-raised-background]\" [routerLink]=\"[router(), item.id]\">\n              <div>\n                {{ item.title }}\n              </div>\n              <div class=\"text-sm\">\n                {{ item.content }}\n              </div>\n            </div>\n          }\n        </div>\n      } @else {\n        <div class=\"h-32 flex justify-center items-center\">\u6682\u65E0</div>\n      }\n    </div>\n    <div class=\"h-11 flex justify-center items-center cursor-pointer hover:bg-[--rt-raised-background]\" [routerLink]=\"router()\">\n      <a class=\"flex justify-center items-center\">\n        <span class=\"text-sm text-orange-600\"> \u524D\u5F80\u8D2D\u7269\u8F66 </span>\n      </a>\n    </div>\n  </div>\n</mat-menu>\n", styles: ["rolatech-cart-icon{color:var(--rt-text-primary, #000)}.custom-menu{color:var(--rt-text-primary, #000)}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "directive", type: i2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-cart-icon', standalone: true, imports: [AngularCommonModule, AngularComponentsModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"px-2\">\n  <button mat-icon-button class=\"flex\" onclick=\"this.blur()\" [matMenuTriggerFor]=\"notificationsMenu\">\n    <mat-icon aria-hidden=\"false\" [matBadge]=\"count\" [matBadgeHidden]=\"count === 0\">shopping_bag</mat-icon>\n  </button>\n</div>\n<mat-menu #notificationsMenu=\"matMenu\" class=\"custom-menu\">\n  <div class=\"flex flex-col divide-y min-w-[320px]\">\n    <div class=\"h-11 px-3 flex justify-between items-center\">\n      <span class=\"font-medium\">\u8D2D\u7269\u8F66</span>\n      @if (count) {\n        <span class=\"text-sm font-medium cursor-pointer hover:underline\" (click)=\"deleteAll()\">\u5220\u9664\u5168\u90E8</span>\n      }\n    </div>\n    <div>\n      @if (carts && carts.length > 0) {\n        <div class=\"divide-y\">\n          @for (item of carts; track item) {\n            <div class=\"p-2 cursor-pointer hover:bg-[--rt-raised-background]\" [routerLink]=\"[router(), item.id]\">\n              <div>\n                {{ item.title }}\n              </div>\n              <div class=\"text-sm\">\n                {{ item.content }}\n              </div>\n            </div>\n          }\n        </div>\n      } @else {\n        <div class=\"h-32 flex justify-center items-center\">\u6682\u65E0</div>\n      }\n    </div>\n    <div class=\"h-11 flex justify-center items-center cursor-pointer hover:bg-[--rt-raised-background]\" [routerLink]=\"router()\">\n      <a class=\"flex justify-center items-center\">\n        <span class=\"text-sm text-orange-600\"> \u524D\u5F80\u8D2D\u7269\u8F66 </span>\n      </a>\n    </div>\n  </div>\n</mat-menu>\n", styles: ["rolatech-cart-icon{color:var(--rt-text-primary, #000)}.custom-menu{color:var(--rt-text-primary, #000)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CartCheckoutSummaryComponent as C, CartCheckoutItemComponent as a, CartCheckoutActionComponent as b, cartRoutes as c, CartSideComponent as d, CartIconComponent as e };
+//# sourceMappingURL=rolatech-angular-cart-rolatech-angular-cart-Es6OXxDd.mjs.map

package/fesm2022/rolatech-angular-cart-rolatech-angular-cart-Es6OXxDd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-cart-rolatech-angular-cart-Es6OXxDd.mjs","sources":["../../../../libs/angular-cart/src/lib/components/cart-checkout-item/cart-checkout-item.component.ts","../../../../libs/angular-cart/src/lib/components/cart-checkout-item/cart-checkout-item.component.html","../../../../libs/angular-cart/src/lib/components/cart-checkout-action/cart-checkout-action.component.ts","../../../../libs/angular-cart/src/lib/components/cart-checkout-action/cart-checkout-action.component.html","../../../../libs/angular-cart/src/lib/components/cart-checkout-summary/cart-checkout-summary.component.ts","../../../../libs/angular-cart/src/lib/components/cart-checkout-summary/cart-checkout-summary.component.html","../../../../libs/angular-cart/src/lib/pages/cart-index/cart-index.component.ts","../../../../libs/angular-cart/src/lib/pages/cart-index/cart-index.component.html","../../../../libs/angular-cart/src/lib/pages/cart.routes.ts","../../../../libs/angular-cart/src/lib/components/cart-side/cart-side.component.ts","../../../../libs/angular-cart/src/lib/components/cart-side/cart-side.component.html","../../../../libs/angular-cart/src/lib/components/cart-icon/cart-icon.component.ts","../../../../libs/angular-cart/src/lib/components/cart-icon/cart-icon.component.html","../../../../libs/angular-cart/src/rolatech-angular-cart.ts"],"sourcesContent":["import { Component, computed, input, model, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThumbnailComponent } from '@rolatech/angular-components';\nimport { Product, ProductMedia, ProductVariant } from '@rolatech/angular-product';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\n@Component({\n  selector: 'rolatech-cart-checkout-item',\n  standalone: true,\n  imports: [CommonModule, ThumbnailComponent, MatIcon, MatButtonModule],\n  templateUrl: './cart-checkout-item.component.html',\n  styleUrl: './cart-checkout-item.component.scss',\n})\nexport class CartCheckoutItemComponent {\n  thumbnail = input<string>();\n  name = input<string>();\n  description = input<string>();\n  quantity = model<number>(1);\n  price = input.required<number>();\n  priceDisplay = computed(() => {\n    return (this.price() / 100).toFixed(2);\n  });\n  add = output();\n  remove = output();\n  delete = output();\n  max = input<number>();\n  onAdd() {\n    this.quantity.update((item) => item + 1);\n    this.add.emit();\n  }\n  onRemove() {\n    this.quantity.update((item) => item - 1);\n    this.remove.emit();\n  }\n  onDelete() {\n    this.delete.emit();\n  }\n}\n","<div class=\"flex justify-between py-3\">\n  <div class=\"flex w-full\">\n    <div class=\"w-1/4 aspect-video bg-gray-200 rounded-lg h-fit\">\n      <div class=\"object-cover aspect-video\">\n        @defer (on viewport()) {\n          <rolatech-thumbnail [src]=\"thumbnail()\" size=\"medium\" mode=\"full\"> </rolatech-thumbnail>\n        } @placeholder {\n          <div class=\"bg-gray-200 h-full w-full object-cover aspect-video\"></div>\n        }\n      </div>\n    </div>\n    <div class=\"w-3/4 ml-3 flex flex-col justify-between\">\n      <!-- info -->\n      <div class=\"flex justify-between\">\n        <div class=\"flex flex-col\">\n          <span class=\"text-lg font-bold\">{{ name() }}</span>\n          <span class=\"text-sm text-gray-600 mt-2\">{{ description() }}</span>\n        </div>\n        <div>¥{{ priceDisplay() }}</div>\n      </div>\n      <!-- action -->\n      <div class=\"flex justify-between items-center w-full\">\n        <div class=\"flex items-center text-sm\">\n          <span class=\"mr-3\">数量</span>\n          <button mat-icon-button (click)=\"onRemove()\" [disabled]=\"quantity() === 1\">\n            <mat-icon>remove</mat-icon>\n          </button>\n          <span class=\"w-11 text-center\">{{ quantity() }}</span>\n          <button mat-icon-button (click)=\"onAdd()\" [disabled]=\"quantity() === max()\">\n            <mat-icon>add</mat-icon>\n          </button>\n        </div>\n        <button mat-icon-button (click)=\"onDelete()\">\n          <mat-icon>delete</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n","import { Component, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\n\n@Component({\n  selector: 'rolatech-cart-checkout-action',\n  standalone: true,\n  imports: [CommonModule, MatButtonModule],\n  templateUrl: './cart-checkout-action.component.html',\n  styleUrl: './cart-checkout-action.component.scss',\n})\nexport class CartCheckoutActionComponent {\n  create = output();\n  onCreate() {\n    this.create.emit();\n  }\n}\n","<a mat-flat-button class=\"w-full min-h-11 my-6\" (click)=\"onCreate()\">提交订单</a>\n","import { Component, computed, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'rolatech-cart-checkout-summary',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './cart-checkout-summary.component.html',\n  styleUrl: './cart-checkout-summary.component.scss',\n})\nexport class CartCheckoutSummaryComponent {\n  price = input.required<number>();\n  priceDisplay = computed(() => {\n    return (this.price() / 100).toFixed(2);\n  });\n}\n","<div class=\"text-2xl font-medium mb-2\">统计</div>\n<div class=\"divide-y\">\n  <div class=\"flex justify-between py-2 pb-32 md:pb-3\">\n    <span> 订单金额 </span>\n    <span> ¥{{ priceDisplay() }} </span>\n  </div>\n  <div class=\"py-3 bottom-0 left-0 right-0 md:static\">\n    <div>\n      <div class=\"flex justify-between\">\n        <span class=\"text-lg font-medium\">总计</span>\n        <span>¥{{ priceDisplay() }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n","import { Component, inject, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CartCheckoutItemComponent } from '../../components/cart-checkout-item/cart-checkout-item.component';\nimport { ContainerComponent, ToolbarComponent } from '@rolatech/angular-components';\nimport { CartService } from '@rolatech/angular-services';\nimport { OptionsFormatPipe } from '@rolatech/angular-common';\nimport { CartCheckoutActionComponent } from '../../components/cart-checkout-action/cart-checkout-action.component';\nimport { CartCheckoutSummaryComponent } from '../../components/cart-checkout-summary/cart-checkout-summary.component';\nimport { sumBy, map, uniq } from 'lodash';\nimport { ProductService, OrderService } from '@rolatech/angular-services';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'rolatech-cart-index',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ContainerComponent,\n    ToolbarComponent,\n    CartCheckoutItemComponent,\n    CartCheckoutSummaryComponent,\n    CartCheckoutActionComponent,\n    OptionsFormatPipe,\n  ],\n  templateUrl: './cart-index.component.html',\n  styleUrl: './cart-index.component.scss',\n})\nexport class CartIndexComponent implements OnInit {\n  cartService = inject(CartService);\n  productService = inject(ProductService);\n  orderService = inject(OrderService);\n  router = inject(Router);\n  carts: any = [];\n  totalPrice = 0;\n  ngOnInit(): void {\n    this.findCarts();\n  }\n  findCarts() {\n    this.cartService.findDetails({}).subscribe({\n      next: (res: any) => {\n        this.carts = res.data;\n        this.calcPrice();\n      },\n    });\n  }\n  calcPrice(): any {\n    this.totalPrice = sumBy(this.carts, (item: any) =>\n      item.variant ? item.quantity * item.variant.price : item.quantity * item.product.price,\n    );\n  }\n  onAdd(cart: any) {\n    this.cartService.update(cart.id, { quantity: cart.quantity }).subscribe({\n      next: (res) => {\n        this.calcPrice();\n      },\n    });\n  }\n  onRemove(cart: any) {\n    this.cartService.update(cart.id, { quantity: cart.quantity }).subscribe({\n      next: (res) => {\n        this.calcPrice();\n      },\n    });\n  }\n  onDelete(cart: any) {\n    this.cartService.delete(cart.id).subscribe({\n      next: (res) => {\n        const index = this.carts.findIndex((item) => item.id === cart.id);\n        this.carts.splice(index, 1);\n        this.calcPrice();\n      },\n    });\n  }\n  createOrder() {\n    const ids = uniq(map(this.carts, 'id')); // [12, 14, 16, 18]\n    this.orderService.create({ type: 'PRODUCT', cartIds: ids }).subscribe({\n      next: (res: any) => {\n        this.router.navigateByUrl(`/orders/${res.data.id}`);\n      },\n    });\n  }\n  deleteAllCarts() {}\n}\n","<rolatech-container>\n  <rolatech-toolbar title=\"购物车\" large></rolatech-toolbar>\n  <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n    <div class=\"md:w-2/3 md:pr-16\">\n      <div>\n        @for (item of carts; track $index) {\n          @if (item.variant) {\n            <rolatech-cart-checkout-item\n              [name]=\"item.variant.title ? item.variant.title : item.product.name\"\n              [description]=\"item.variant.options | options\"\n              [thumbnail]=\"item.variant.media ? item.variant.media[0].url + '!w400' : item.product.media[0].url + '!w400'\"\n              [price]=\"item.variant ? item.variant.price * item.quantity : item.product.price\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n              (add)=\"onAdd(item)\"\n              (remove)=\"onRemove(item)\"\n              (delete)=\"onDelete(item)\"\n            ></rolatech-cart-checkout-item>\n          } @else {\n            <rolatech-cart-checkout-item\n              [name]=\"item.product.name\"\n              [description]=\"item.product.description\"\n              [thumbnail]=\"item.product.media[0].url + '!w400'\"\n              [price]=\"item.product.price * item.quantity\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n              (add)=\"onAdd(item)\"\n              (remove)=\"onRemove(item)\"\n              (delete)=\"onDelete(item)\"\n            ></rolatech-cart-checkout-item>\n          }\n        }\n      </div>\n    </div>\n    <div class=\"md:w-1/3\">\n      <rolatech-cart-checkout-summary [price]=\"totalPrice\"></rolatech-cart-checkout-summary>\n      <rolatech-cart-checkout-action (create)=\"createOrder()\"></rolatech-cart-checkout-action>\n    </div>\n  </div>\n</rolatech-container>\n","import { Routes } from '@angular/router';\nimport { CartIndexComponent } from './cart-index/cart-index.component';\n\nexport const cartRoutes: Routes = [\n  {\n    path: '',\n    component: CartIndexComponent,\n  },\n  {\n    path: 'checkout',\n    loadChildren: () => import('./cart-checkout/cart-checkout.routes'),\n  },\n];\n","import { Component, computed, effect, inject, input, model, OnDestroy, OnInit } from '@angular/core';\nimport { CommonModule, NgClass } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatBadge } from '@angular/material/badge';\nimport { SpinnerComponent } from '@rolatech/angular-components';\nimport { CartService } from '@rolatech/angular-services';\nimport { Subscription } from 'rxjs';\nimport { CartCheckoutItemComponent } from '../cart-checkout-item/cart-checkout-item.component';\nimport { RouterLink } from '@angular/router';\nimport { sumBy } from 'lodash';\nimport { MatDivider } from '@angular/material/divider';\nimport { OptionsFormatPipe } from '@rolatech/angular-common';\n\n@Component({\n  selector: 'rolatech-cart-side',\n  standalone: true,\n  imports: [\n    CommonModule,\n    NgClass,\n    MatButtonModule,\n    MatIcon,\n    MatBadge,\n    SpinnerComponent,\n    CartCheckoutItemComponent,\n    OptionsFormatPipe,\n    RouterLink,\n    MatDivider,\n  ],\n  templateUrl: './cart-side.component.html',\n  styleUrl: './cart-side.component.scss',\n})\nexport class CartSideComponent implements OnDestroy {\n  router = input<string>('/cart');\n  cartService = inject(CartService);\n  carts: any;\n  info = model(false);\n  loading = false;\n  count = 0;\n  totalPrice = '';\n  private countSubscription!: Subscription;\n  toggle = effect(() => {\n    if (this.info()) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = 'auto';\n    }\n  });\n\n  ngOnDestroy() {\n    if (this.countSubscription) this.countSubscription.unsubscribe();\n  }\n  calcPrice(): any {\n    const price = sumBy(this.carts, (item: any) =>\n      item.variant ? item.quantity * item.variant.price : item.quantity * item.product.price,\n    );\n    this.totalPrice = (price / 100).toFixed(2);\n  }\n  show() {\n    this.info.set(true);\n    this.loading = true;\n    this.cartService.findDetails({}).subscribe({\n      next: (res: any) => {\n        this.carts = res.data;\n        this.loading = false;\n        this.calcPrice();\n      },\n      error: (error) => {\n        this.loading = false;\n      },\n    });\n  }\n  dismiss() {\n    this.info.set(false);\n  }\n  onAdd(cart: any) {\n    this.cartService.update(cart.id, { quantity: cart.quantity }).subscribe({\n      next: (res) => {\n        this.calcPrice();\n      },\n    });\n  }\n  onRemove(cart: any) {\n    this.cartService.update(cart.id, { quantity: cart.quantity }).subscribe({\n      next: (res) => {\n        this.calcPrice();\n      },\n    });\n  }\n  onDelete(cart: any) {\n    this.cartService.delete(cart.id).subscribe({\n      next: (res) => {\n        const index = this.carts.findIndex((item) => item.id === cart.id);\n        this.carts.splice(index, 1);\n        this.calcPrice();\n      },\n    });\n  }\n}\n","<div class=\"px-2\">\n  <button mat-icon-button class=\"flex\" (click)=\"show()\">\n    <mat-icon aria-hidden=\"false\" [matBadge]=\"count\" [matBadgeHidden]=\"count === 0\">shopping_bag</mat-icon>\n  </button>\n</div>\n<div\n  [ngClass]=\"{ 'translate-none': info(), 'translate-y-full  md:translate-x-full md:translate-y-0': !info() }\"\n  class=\"fixed top-0 right-0 z-[1001] h-screen p-4 overflow-y-auto transition-transform bg-[--rt-raised-background] w-full md:w-[600px] shadow-xl\"\n>\n  <div class=\"flex justify-between items-center sm:p-4\">\n    <div class=\"text-2xl font-bold\">购物车</div>\n    <button mat-icon-button (click)=\"dismiss()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n  @if (!loading) {\n    <div class=\"mt-3 p-1 sm:p-4\">\n      @for (item of carts; track item) {\n        @if (item.variant) {\n          <rolatech-cart-checkout-item\n            [name]=\"item.variant.title ? item.variant.title : item.product.name\"\n            [description]=\"item.variant.options | options\"\n            [thumbnail]=\"item.variant.media ? item.variant.media[0].url + '!w400' : item.product.media[0].url + '!w400'\"\n            [price]=\"item.variant ? item.variant.price * item.quantity : item.product.price\"\n            [(quantity)]=\"item.quantity\"\n            [max]=\"3\"\n            (add)=\"onAdd(item)\"\n            (remove)=\"onRemove(item)\"\n            (delete)=\"onDelete(item)\"\n          ></rolatech-cart-checkout-item>\n        } @else {\n          <rolatech-cart-checkout-item\n            [name]=\"item.product.name\"\n            [description]=\"item.product.description\"\n            [thumbnail]=\"item.product.media[0].url + '!w400'\"\n            [price]=\"item.product.price * item.quantity\"\n            [(quantity)]=\"item.quantity\"\n            [max]=\"3\"\n            (add)=\"onAdd(item)\"\n            (remove)=\"onRemove(item)\"\n            (delete)=\"onDelete(item)\"\n          ></rolatech-cart-checkout-item>\n        }\n      }\n      <mat-divider></mat-divider>\n      <div class=\"h-14 flex justify-between items-center\">\n        <div class=\"text-lg font-bold\">总计</div>\n        <div>¥{{ totalPrice }}</div>\n      </div>\n      <div class=\"flex flex-row gap-3 w-full items-center justify-center mt-3\">\n        <button mat-flat-button [routerLink]=\"router()\" (click)=\"dismiss()\" class=\"w-8/12\">\n          <a>去购物车结算</a>\n        </button>\n        <button mat-stroked-button (click)=\"dismiss()\" class=\"w-4/12\">\n          <a>继续购物</a>\n        </button>\n      </div>\n    </div>\n  }\n  @if (loading) {\n    <div>\n      <rolatech-spinner></rolatech-spinner>\n    </div>\n  }\n</div>\n<div\n  (click)=\"dismiss()\"\n  [ngClass]=\"info() ? 'visible' : 'invisible'\"\n  class=\"bg-[--rt-10-percent-layer] fixed h-screen inset-0 z-[1000]\"\n></div>\n","import { Component, inject, input, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule } from '@rolatech/angular-components';\nimport { CartService } from '@rolatech/angular-services';\nimport { CartState } from 'libs/angular-cart/src/state';\n\n@Component({\n  selector: 'rolatech-cart-icon',\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule],\n  templateUrl: './cart-icon.component.html',\n  styleUrl: './cart-icon.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class CartIconComponent implements OnInit, OnDestroy {\n  router = input<string>('/cart');\n  carts: any = [];\n  cartService = inject(CartService);\n  cartState = inject(CartState);\n\n  count = 0;\n  private countSubscription!: Subscription;\n  ngOnInit(): void {\n    this.cartState.$count.subscribe((data) => {\n      this.count = data;\n    });\n    this.loadCarts();\n  }\n  ngOnDestroy() {\n    if (this.countSubscription) this.countSubscription.unsubscribe();\n  }\n\n  loadCarts() {\n    const options = {};\n    this.cartService.find(options).subscribe({\n      next: (res: any) => {\n        this.carts = res.data;\n      },\n    });\n  }\n  deleteAll() {\n    this.cartService.deleteAll().subscribe({\n      next: (res) => {\n        this.carts = [];\n      },\n    });\n  }\n}\n","<div class=\"px-2\">\n  <button mat-icon-button class=\"flex\" onclick=\"this.blur()\" [matMenuTriggerFor]=\"notificationsMenu\">\n    <mat-icon aria-hidden=\"false\" [matBadge]=\"count\" [matBadgeHidden]=\"count === 0\">shopping_bag</mat-icon>\n  </button>\n</div>\n<mat-menu #notificationsMenu=\"matMenu\" class=\"custom-menu\">\n  <div class=\"flex flex-col divide-y min-w-[320px]\">\n    <div class=\"h-11 px-3 flex justify-between items-center\">\n      <span class=\"font-medium\">购物车</span>\n      @if (count) {\n        <span class=\"text-sm font-medium cursor-pointer hover:underline\" (click)=\"deleteAll()\">删除全部</span>\n      }\n    </div>\n    <div>\n      @if (carts && carts.length > 0) {\n        <div class=\"divide-y\">\n          @for (item of carts; track item) {\n            <div class=\"p-2 cursor-pointer hover:bg-[--rt-raised-background]\" [routerLink]=\"[router(), item.id]\">\n              <div>\n                {{ item.title }}\n              </div>\n              <div class=\"text-sm\">\n                {{ item.content }}\n              </div>\n            </div>\n          }\n        </div>\n      } @else {\n        <div class=\"h-32 flex justify-center items-center\">暂无</div>\n      }\n    </div>\n    <div class=\"h-11 flex justify-center items-center cursor-pointer hover:bg-[--rt-raised-background]\" [routerLink]=\"router()\">\n      <a class=\"flex justify-center items-center\">\n        <span class=\"text-sm text-orange-600\"> 前往购物车 </span>\n      </a>\n    </div>\n  </div>\n</mat-menu>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i3"],"mappings":"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"}

package/fesm2022/rolatech-angular-cart.mjs

@@ -0,0 +1,15 @@
+export { e as CartIconComponent, d as CartSideComponent, c as cartRoutes } from './rolatech-angular-cart-rolatech-angular-cart-Es6OXxDd.mjs';
+import '@angular/core';
+import '@angular/common';
+import '@angular/material/icon';
+import '@angular/material/button';
+import '@rolatech/angular-components';
+import '@rolatech/angular-services';
+import '@rolatech/angular-common';
+import 'lodash';
+import '@angular/router';
+import '@angular/material/badge';
+import '@angular/material/divider';
+import 'libs/angular-cart/src/state';
+import '@angular/material/menu';
+//# sourceMappingURL=rolatech-angular-cart.mjs.map

package/fesm2022/rolatech-angular-cart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-cart.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/index.d.ts

@@ -0,0 +1,3 @@
+export { cartRoutes } from './lib/pages/cart.routes';
+export * from './lib/interfaces';
+export * from './lib/components';

package/lib/components/cart-checkout-action/cart-checkout-action.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class CartCheckoutActionComponent {
+    create: import("@angular/core").OutputEmitterRef<void>;
+    onCreate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartCheckoutActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CartCheckoutActionComponent, "rolatech-cart-checkout-action", never, {}, { "create": "create"; }, never, never, true, never>;
+}

package/lib/components/cart-checkout-item/cart-checkout-item.component.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export declare class CartCheckoutItemComponent {
+    thumbnail: import("@angular/core").InputSignal<string | undefined>;
+    name: import("@angular/core").InputSignal<string | undefined>;
+    description: import("@angular/core").InputSignal<string | undefined>;
+    quantity: import("@angular/core").ModelSignal<number>;
+    price: import("@angular/core").InputSignal<number>;
+    priceDisplay: import("@angular/core").Signal<string>;
+    add: import("@angular/core").OutputEmitterRef<void>;
+    remove: import("@angular/core").OutputEmitterRef<void>;
+    delete: import("@angular/core").OutputEmitterRef<void>;
+    max: import("@angular/core").InputSignal<number | undefined>;
+    onAdd(): void;
+    onRemove(): void;
+    onDelete(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartCheckoutItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CartCheckoutItemComponent, "rolatech-cart-checkout-item", never, { "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "quantity": { "alias": "quantity"; "required": false; "isSignal": true; }; "price": { "alias": "price"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "quantity": "quantityChange"; "add": "add"; "remove": "remove"; "delete": "delete"; }, never, never, true, never>;
+}

package/lib/components/cart-checkout-summary/cart-checkout-summary.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class CartCheckoutSummaryComponent {
+    price: import("@angular/core").InputSignal<number>;
+    priceDisplay: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartCheckoutSummaryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CartCheckoutSummaryComponent, "rolatech-cart-checkout-summary", never, { "price": { "alias": "price"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/cart-icon/cart-icon.component.d.ts

@@ -0,0 +1,18 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { CartService } from '@rolatech/angular-services';
+import { CartState } from 'libs/angular-cart/src/state';
+import * as i0 from "@angular/core";
+export declare class CartIconComponent implements OnInit, OnDestroy {
+    router: import("@angular/core").InputSignal<string>;
+    carts: any;
+    cartService: CartService;
+    cartState: CartState;
+    count: number;
+    private countSubscription;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    loadCarts(): void;
+    deleteAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CartIconComponent, "rolatech-cart-icon", never, { "router": { "alias": "router"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/cart-side/cart-side.component.d.ts

@@ -0,0 +1,23 @@
+import { OnDestroy } from '@angular/core';
+import { CartService } from '@rolatech/angular-services';
+import * as i0 from "@angular/core";
+export declare class CartSideComponent implements OnDestroy {
+    router: import("@angular/core").InputSignal<string>;
+    cartService: CartService;
+    carts: any;
+    info: import("@angular/core").ModelSignal<boolean>;
+    loading: boolean;
+    count: number;
+    totalPrice: string;
+    private countSubscription;
+    toggle: import("@angular/core").EffectRef;
+    ngOnDestroy(): void;
+    calcPrice(): any;
+    show(): void;
+    dismiss(): void;
+    onAdd(cart: any): void;
+    onRemove(cart: any): void;
+    onDelete(cart: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartSideComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CartSideComponent, "rolatech-cart-side", never, { "router": { "alias": "router"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; }, { "info": "infoChange"; }, never, never, true, never>;
+}

package/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cart-side/cart-side.component';
+export * from './cart-icon/cart-icon.component';

package/lib/interfaces/cart.d.ts

@@ -0,0 +1,4 @@
+export interface Cart {
+    id: string;
+    productId: string;
+}

package/lib/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from './cart';

package/lib/pages/cart-checkout/cart-checkout-course/cart-checkout-course.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CartCheckoutCourseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartCheckoutCourseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CartCheckoutCourseComponent, "rolatech-cart-checkout-course", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/cart-checkout/cart-checkout-index/cart-checkout-index.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CartCheckoutIndexComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartCheckoutIndexComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CartCheckoutIndexComponent, "rolatech-cart-checkout-index", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/cart-checkout/cart-checkout-product/cart-checkout-product.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit } from '@angular/core';
+import { BaseComponent } from '@rolatech/angular-components';
+import { AuthUserService } from '@rolatech/angular-auth';
+import { Product, ProductType } from '@rolatech/angular-product';
+import { OrderService } from '@rolatech/angular-services';
+import { CartService, ProductService } from '@rolatech/angular-services';
+import * as i0 from "@angular/core";
+export declare class CartCheckoutProductComponent extends BaseComponent implements OnInit {
+    productService: ProductService;
+    cartService: CartService;
+    orderService: OrderService;
+    authUserService: AuthUserService;
+    product: Product;
+    type: typeof ProductType;
+    quantity: number;
+    ngOnInit(): void;
+    createOrder(): void;
+    getProduct(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartCheckoutProductComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CartCheckoutProductComponent, "rolatech-cart-checkout-product", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/cart-checkout/cart-checkout-variant/cart-checkout-variant.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit } from '@angular/core';
+import { BaseComponent } from '@rolatech/angular-components';
+import { Product, ProductVariant } from '@rolatech/angular-product';
+import { OrderService } from '@rolatech/angular-services';
+import { ProductService, CartService } from '@rolatech/angular-services';
+import * as i0 from "@angular/core";
+export declare class CartCheckoutVariantComponent extends BaseComponent implements OnInit {
+    productService: ProductService;
+    orderService: OrderService;
+    cartService: CartService;
+    product: Product;
+    variant: ProductVariant;
+    variantId: string;
+    quantity: number;
+    constructor();
+    ngOnInit(): void;
+    getProduct(): void;
+    createOrder(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CartCheckoutVariantComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CartCheckoutVariantComponent, "rolatech-cart-checkout-variant", never, {}, {}, never, never, true, never>;
+}