cmat 0.0.3

package/fesm2022/cmat-components-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-breadcrumb.mjs","sources":["../../../projects/cmat/components/breadcrumb/breadcrumb-item.directive.ts","../../../projects/cmat/components/breadcrumb/breadcrumb.service.ts","../../../projects/cmat/components/breadcrumb/breadcrumb.component.ts","../../../projects/cmat/components/breadcrumb/breadcrumb.component.html","../../../projects/cmat/components/breadcrumb/cmat-components-breadcrumb.ts"],"sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n/**\r\n * This directive is used to customize the breadcrumb label behavior\r\n * *cmatBreadcrumbItem directive can be used in the child element of cmat-breadcrumb\r\n * Usage: refer to the demo - app.component.html\r\n */\r\n@Directive({\r\n    selector: '[cmatBreadcrumbItem]',\r\n    standalone: true\r\n})\r\nexport class CmatBreadcrumbItemDirective {\r\n}\r\n","import { Observable } from 'rxjs';\r\nimport { Injectable, OnDestroy } from '@angular/core';\r\nimport { ActivatedRoute, ActivatedRouteSnapshot, GuardsCheckEnd, Route, Router } from '@angular/router';\r\nimport { BehaviorSubject, Subject } from 'rxjs';\r\nimport { filter, takeUntil } from 'rxjs/operators';\r\nimport { CmatBreadcrumb } from './types/breadcrumb';\r\nimport { CmatBreadcrumbFunction, CmatBreadcrumbObject, } from './types/breadcrumb.config';\r\nimport { isNull } from 'lodash-es';\r\n\r\ntype CmatBreadcrumbConfig = CmatBreadcrumbObject | CmatBreadcrumbFunction | string;\r\ntype StoreMatcherKey = 'routeLink' | 'routeRegex' | 'alias';\r\nexport type CmatBreadcrumbDefinition = CmatBreadcrumb & CmatBreadcrumbObject;\r\n\r\n/* eslint-disable @typescript-eslint/naming-convention */\r\nconst PATH_PARAM = {    \r\n    PREFIX: ':',\r\n    REGEX_IDENTIFIER: '/:[^/]+',\r\n    REGEX_REPLACER: '/[^/]+',\r\n};\r\n/* eslint-disable @typescript-eslint/naming-convention */\r\n\r\nconst ALIAS_PREFIX = '@';\r\nconst isNonEmpty = (obj: any): boolean => obj && Object.keys(obj).length > 0;\r\n\r\n@Injectable({\r\n    providedIn: 'root',\r\n})\r\nexport class CmatBreadcrumbService implements OnDestroy {\r\n    private _baseHref = '/';\r\n\r\n    private _unsubscribeAll: Subject<void> = new Subject<void>();\r\n    /**\r\n     * dynamicBreadcrumbStore holds information about dynamically updated breadcrumbs.\r\n     * Breadcrumbs can be set from anywhere (component, service) in the app.\r\n     * On every breadcrumb update check this store and use the info if available.\r\n     */\r\n    private _dynamicBreadcrumbStore: CmatBreadcrumbDefinition[] = [];\r\n\r\n    /**\r\n     * breadcrumbList for the current route\r\n     * When breadcrumb info is changed dynamically, check if the currentBreadcrumbs is effected\r\n     * If effected, update the change and emit a new stream\r\n     */\r\n    private _currentBreadcrumbs: CmatBreadcrumbDefinition[] = [];\r\n    private _previousBreadcrumbs: CmatBreadcrumbDefinition[] = [];\r\n\r\n    /**\r\n     * Breadcrumbs observable to be subscribed by BreadcrumbComponent\r\n     * Emits on every route change OR dynamic update of breadcrumb\r\n     */\r\n    private _breadcrumbs = new BehaviorSubject<CmatBreadcrumbDefinition[]>([]);\r\n\r\n    constructor(private _activatedRoute: ActivatedRoute, private _router: Router) {\r\n        this._detectRouteChanges();\r\n    }\r\n\r\n    get breadcrumbs$(): Observable<CmatBreadcrumbDefinition[]> {\r\n        return this._breadcrumbs.asObservable();\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._unsubscribeAll.next(void 0);\r\n        this._unsubscribeAll.complete();\r\n    }\r\n\r\n    /**\r\n     * Update breadcrumb dynamically\r\n     *\r\n     * key can be a path | alias\r\n     *\r\n     * 1) Using complete route path. route can be passed the same way you define angular routes\r\n     * - path can be passed as 'exact path(routeLink)' or 'path with params(routeRegex)'\r\n     * - update label Ex: set('/mentor', 'Mentor'), set('/mentor/:id', 'Mentor Details')\r\n     * - change visibility Ex: set('/mentor/:id/edit', { skip: true })\r\n     * ------------------------------------------ OR ------------------------------------------\r\n     * 2) Using route alias (prefixed with '@'). alias should be unique for a route\r\n     * - update label Ex: set('@mentor', 'Enabler')\r\n     * - change visibility Ex: set('@mentorEdit', { skip: true })\r\n     *\r\n     *\r\n     * value can be string | BreadcrumbObject | BreadcrumbFunction\r\n     */\r\n    set(key: string, breadcrumb: string | CmatBreadcrumbObject): void {\r\n        const breadcrumbObject = this._extractObject(breadcrumb);\r\n        let updateArgs: [StoreMatcherKey, CmatBreadcrumbDefinition];\r\n\r\n        if (key.startsWith(ALIAS_PREFIX)) {\r\n            updateArgs = ['alias', { ...breadcrumbObject, alias: key.slice(1) }];\r\n        } else if (key.includes(PATH_PARAM.PREFIX)) {\r\n            updateArgs = [\r\n                'routeRegex',\r\n                { ...breadcrumbObject, routeRegex: this._buildRegex(key) },\r\n            ];\r\n        } else {\r\n            updateArgs = [\r\n                'routeLink',\r\n                { ...breadcrumbObject, routeLink: this._ensureLeadingSlash(key) },\r\n            ];\r\n        }\r\n\r\n        // For this route if previously a breadcrumb is not defined that sets isAutoGeneratedLabel: true\r\n        // change it to false since this is user supplied value\r\n        updateArgs[1].isAutoGeneratedLabel = false;\r\n\r\n        this._updateStore(...updateArgs);\r\n        this._updateCurrentBreadcrumbs(...updateArgs);\r\n    }\r\n\r\n\r\n\r\n    /**\r\n     * Whenever route changes build breadcrumb list again\r\n     */\r\n    private _detectRouteChanges(): void {\r\n        // Special case where breadcrumb service & component instantiates after a route is navigated.\r\n        // Ex: put breadcrumbs within *ngIf and this.router.events would be empty\r\n        // This check is also required where  { initialNavigation: 'enabledBlocking' } is applied to routes\r\n        this._setupBreadcrumbs(this._activatedRoute.snapshot);\r\n\r\n        this._router.events\r\n            .pipe(\r\n                takeUntil(this._unsubscribeAll),\r\n                filter((event): event is GuardsCheckEnd => event instanceof GuardsCheckEnd))\r\n            .subscribe((event) => {\r\n                // activatedRoute doesn't carry data when shouldReuseRoute returns false\r\n                // use the event data with GuardsCheckEnd as workaround\r\n                // Check for shouldActivate in case where the authGuard returns false the breadcrumbs shouldn't be changed\r\n                if (event.shouldActivate) {\r\n                    this._setupBreadcrumbs(event.state.root);\r\n                }\r\n            });\r\n    }\r\n\r\n    private _setupBreadcrumbs(activatedRouteSnapshot: ActivatedRouteSnapshot): void {\r\n        this._previousBreadcrumbs = this._currentBreadcrumbs;\r\n        // breadcrumb label for base OR root path. Usually, this can be set as 'Home'\r\n        const rootBreadcrumb = this._getRootBreadcrumb();\r\n        this._currentBreadcrumbs = rootBreadcrumb ? [rootBreadcrumb] : [];\r\n        this._prepareBreadcrumbList(activatedRouteSnapshot, this._baseHref);\r\n    }\r\n\r\n    private _getRootBreadcrumb(): CmatBreadcrumb | void {\r\n        const rootConfig = this._router.config.find(config => config.path === '');\r\n        const rootBreadcrumb = this._extractObject(rootConfig?.data?.['breadcrumb']);\r\n        const storeItem = this._getFromStore('/', rootBreadcrumb.alias);\r\n\r\n        if (isNonEmpty(rootBreadcrumb) || isNonEmpty(storeItem)) {\r\n            return {\r\n                ...storeItem,\r\n                ...rootBreadcrumb,\r\n                routeLink: this._baseHref,\r\n                ...this._getQueryParamsFromPreviousList('/'),\r\n            };\r\n        }\r\n    }\r\n\r\n    private _prepareBreadcrumbItem(\r\n        activatedRouteSnapshot: ActivatedRouteSnapshot,\r\n        routeLinkPrefix: string\r\n    ): CmatBreadcrumbDefinition {\r\n        const { path, breadcrumb } = this._parseRouteData(\r\n            activatedRouteSnapshot.routeConfig\r\n        );\r\n        const resolvedSegment = this._resolvePathSegment(path, activatedRouteSnapshot);\r\n        const routeLink = `${routeLinkPrefix}${resolvedSegment}`;\r\n        const storeItem = this._getFromStore(routeLink, breadcrumb.alias);\r\n\r\n        const label = this._extractLabel(\r\n            storeItem?.label || breadcrumb?.label,\r\n            resolvedSegment\r\n        );\r\n        let isAutoGeneratedLabel = false;\r\n        let autoGeneratedLabel = '';\r\n        if (!label) {\r\n            isAutoGeneratedLabel = true;\r\n            autoGeneratedLabel = resolvedSegment;\r\n        }\r\n\r\n        return {\r\n            ...storeItem,\r\n            ...breadcrumb,\r\n            label: isAutoGeneratedLabel ? autoGeneratedLabel : label,\r\n            routeLink,\r\n            isAutoGeneratedLabel,\r\n            ...this._getQueryParamsFromPreviousList(routeLink),\r\n        };\r\n    }\r\n\r\n    private _prepareBreadcrumbList(\r\n        activatedRouteSnapshot: ActivatedRouteSnapshot,\r\n        routeLinkPrefix: string\r\n    ): CmatBreadcrumb[] | void {\r\n        if (activatedRouteSnapshot.routeConfig && activatedRouteSnapshot.routeConfig.path) {\r\n            const breadcrumbItem = this._prepareBreadcrumbItem(\r\n                activatedRouteSnapshot,\r\n                routeLinkPrefix\r\n            );\r\n            this._currentBreadcrumbs.push(breadcrumbItem);\r\n\r\n            if (activatedRouteSnapshot.firstChild) {\r\n                return this._prepareBreadcrumbList(\r\n                    activatedRouteSnapshot.firstChild,\r\n                    breadcrumbItem.routeLink + '/'\r\n                );\r\n            }\r\n        } else if (activatedRouteSnapshot.firstChild) {\r\n            return this._prepareBreadcrumbList(\r\n                activatedRouteSnapshot.firstChild,\r\n                routeLinkPrefix\r\n            );\r\n        }\r\n        const lastCrumb = this._currentBreadcrumbs[\r\n            this._currentBreadcrumbs.length - 1\r\n        ];\r\n        this._setQueryParamsForActiveBreadcrumb(lastCrumb, activatedRouteSnapshot);\r\n\r\n        // remove breadcrumb items that needs to be hidden\r\n        const breadcrumbsToShow = this._currentBreadcrumbs.filter(\r\n            item => !item.skip\r\n        );\r\n\r\n        this._breadcrumbs.next(breadcrumbsToShow);\r\n\r\n        return void 0;\r\n    }\r\n\r\n    private _getFromStore(routeLink: string, alias?: string): CmatBreadcrumbDefinition | void {\r\n        return this._dynamicBreadcrumbStore.find(item => (\r\n            (alias && alias === item.alias) ||\r\n            (routeLink && routeLink === item.routeLink) ||\r\n            this._matchRegex(routeLink, item.routeRegex)\r\n        ));\r\n    }\r\n\r\n    /**\r\n     * use exact match instead of regexp.test\r\n     * for /mentor/[^/]+ we should match '/mentor/12' but not '/mentor/12/abc'\r\n     */\r\n    private _matchRegex(routeLink?: string, routeRegex?: string): boolean | null {\r\n        if (routeRegex && routeLink) {\r\n            const match = routeLink.match(new RegExp(routeRegex));\r\n            return match && match[0] === routeLink;\r\n        }\r\n\r\n        return null;\r\n    }\r\n\r\n    /**\r\n     * if the path segment has route params, read the param value from url\r\n     * for each segment of route this gets called\r\n     *\r\n     * for mentor/:id/view - it gets called with mentor, :id, view 3 times\r\n     */\r\n    private _resolvePathSegment(segment: string, activatedRouteSnapshot: ActivatedRouteSnapshot): string {\r\n        //quirk -segment can be defined as view/:id in route config in which case you need to make it view/<resolved-param>\r\n        if (segment.includes(PATH_PARAM.PREFIX)) {\r\n            Object.entries(activatedRouteSnapshot.params).forEach(([key, value]) => {\r\n                segment = segment.replace(`:${key}`, `${value}`);\r\n            });\r\n        }\r\n        return segment;\r\n    }\r\n\r\n    /**\r\n     * queryParams & fragments for previous breadcrumb path are copied over to new list\r\n     */\r\n    private _getQueryParamsFromPreviousList(routeLink: string): CmatBreadcrumb {\r\n        const { queryParams, fragment } =\r\n            this._previousBreadcrumbs.find(item => item.routeLink === routeLink) ||\r\n            {};\r\n        return { queryParams, fragment };\r\n    }\r\n\r\n    /**\r\n     * set current activated route query params to the last breadcrumb item\r\n     */\r\n    private _setQueryParamsForActiveBreadcrumb(\r\n        lastItem: CmatBreadcrumb,\r\n        activatedRouteSnapshot: ActivatedRouteSnapshot\r\n    ): void {\r\n        if (lastItem) {\r\n            const { queryParams, fragment } = activatedRouteSnapshot;\r\n            lastItem.queryParams = queryParams ? { ...queryParams } : undefined;\r\n            lastItem.fragment = fragment === null ? void 0 : fragment;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * For a specific route, breadcrumb can be defined either on parent OR it's child(which has empty path)\r\n     * When both are defined, child takes precedence\r\n     *\r\n     * Ex: Below we are setting breadcrumb on both parent and child.\r\n     * So, child takes precedence and \"Defined On Child\" is displayed for the route 'home'\r\n     * { path: 'home', loadChildren: './home/home.module#HomeModule' , data: {breadcrumb: \"Defined On Module\"}}\r\n     *                                                AND\r\n     * children: [\r\n     *   { path: '', component: ShowUserComponent, data: {breadcrumb: \"Defined On Child\" }\r\n     * ]\r\n     */\r\n    private _parseRouteData(routeConfig: Route | null): any {\r\n        if (isNull(routeConfig))\r\n            return void 0;\r\n\r\n        const { path, data } = routeConfig;\r\n        const breadcrumb = this._mergeWithBaseChildData(\r\n            routeConfig,\r\n            data?.['breadcrumb']\r\n        );\r\n\r\n        return { path, breadcrumb };\r\n    }\r\n\r\n    /**\r\n     * get empty children of a module or Component. Empty child is the one with path: ''\r\n     * When parent and it's children (that has empty route path) define data merge them both with child taking precedence\r\n     */\r\n    private _mergeWithBaseChildData(\r\n        routeConfig: any,\r\n        config: CmatBreadcrumbConfig\r\n    ): CmatBreadcrumbObject {\r\n        if (!routeConfig) {\r\n            return this._extractObject(config);\r\n        }\r\n\r\n        let baseChild: Route | void = void 0;\r\n        if (routeConfig.loadChildren) {\r\n            // To handle a module with empty child route\r\n            baseChild = routeConfig._loadedRoutes.find((route: { path: string; }) => route.path === '');\r\n        } else if (routeConfig.children) {\r\n            // To handle a component with empty child route\r\n            baseChild = routeConfig.children.find((route: { path: string; }) => route.path === '');\r\n        }\r\n\r\n        const childConfig = baseChild?.data?.['breadcrumb'];\r\n        return childConfig\r\n            ? this._mergeWithBaseChildData(baseChild, {\r\n                ...this._extractObject(config),\r\n                ...this._extractObject(childConfig),\r\n            })\r\n            : this._extractObject(config);\r\n    }\r\n\r\n    /**\r\n     * Update the store to reuse for dynamic declarations\r\n     * If the store already has this route definition update it, else add\r\n     */\r\n    private _updateStore(key: string, breadcrumb: CmatBreadcrumbDefinition): void {\r\n        const storeItemIndex = this._dynamicBreadcrumbStore.findIndex(item => (breadcrumb as any)[key] === (item as any)[key]);\r\n        if (storeItemIndex > -1) {\r\n            this._dynamicBreadcrumbStore[storeItemIndex] = {\r\n                ...this._dynamicBreadcrumbStore[storeItemIndex],\r\n                ...breadcrumb,\r\n            };\r\n        } else {\r\n            this._dynamicBreadcrumbStore.push({ ...breadcrumb });\r\n        }\r\n    }\r\n\r\n    /**\r\n     * If breadcrumb is present in current breadcrumbs update it and emit new stream\r\n     */\r\n    private _updateCurrentBreadcrumbs(\r\n        key: string,\r\n        breadcrumb: CmatBreadcrumbDefinition\r\n    ): void {\r\n        const itemIndex = this._currentBreadcrumbs.findIndex(item => key === 'routeRegex'\r\n            ? this._matchRegex(item.routeLink, breadcrumb[key])\r\n            : (breadcrumb as any)[key] === (item as any)[key]);\r\n        if (itemIndex > -1) {\r\n            this._currentBreadcrumbs[itemIndex] = {\r\n                ...this._currentBreadcrumbs[itemIndex],\r\n                ...breadcrumb,\r\n            };\r\n            const breadcrumbsToShow = this._currentBreadcrumbs.filter(\r\n                item => !item.skip\r\n            );\r\n            this._breadcrumbs.next([...breadcrumbsToShow]);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * For a route with path param, we create regex dynamically from angular route syntax\r\n     * '/mentor/:id' becomes '/mentor/[^/]',\r\n     * breadcrumbService.set('/mentor/:id', 'Uday') should update 'Uday' as label for '/mentor/2' OR 'mentor/ada'\r\n     */\r\n    private _buildRegex(path: string): string {\r\n        return this._ensureLeadingSlash(path).replace(\r\n            new RegExp(PATH_PARAM.REGEX_IDENTIFIER, 'g'),\r\n            PATH_PARAM.REGEX_REPLACER\r\n        );\r\n    }\r\n\r\n    private _ensureLeadingSlash(path: string): string {\r\n        return path.startsWith('/') ? path : `/${path}`;\r\n    }\r\n\r\n    /**\r\n     * In App's RouteConfig, breadcrumb can be defined as a string OR a function OR an object\r\n     *\r\n     * string: simple static breadcrumb label for a path\r\n     * function: callback that gets invoked with resolved path param\r\n     * object: additional data defined along with breadcrumb label that gets passed to *cmatBreadcrumbItem directive\r\n     */\r\n    private _extractLabel(config: CmatBreadcrumbConfig, resolvedParam?: string): string | void {\r\n        const label = typeof config === 'object' ? config.label : config;\r\n        if (typeof label === 'function') {\r\n            return label(resolvedParam);\r\n        }\r\n        return label;\r\n    }\r\n\r\n    private _extractObject(config: CmatBreadcrumbConfig): CmatBreadcrumbObject {\r\n        // don't include {label} if config is undefined. This is important since we merge the configs\r\n        if (\r\n            config &&\r\n            (typeof config === 'string' || typeof config === 'function')\r\n        ) {\r\n            return { label: config };\r\n        }\r\n        return (config as CmatBreadcrumbObject) || {};\r\n    }\r\n}\r\n","import { ChangeDetectionStrategy, Component, ContentChild, Input, OnInit, TemplateRef, ViewEncapsulation, } from '@angular/core';\r\nimport { Observable, Subscription } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { CmatBreadcrumbItemDirective } from './breadcrumb-item.directive';\r\nimport { CmatBreadcrumbDefinition, CmatBreadcrumbService } from './breadcrumb.service';\r\nimport { AsyncPipe, NgClass, NgFor, NgIf } from '@angular/common';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Component({\r\n    selector: 'cmat-breadcrumb',\r\n    templateUrl: './breadcrumb.component.html',\r\n    styleUrls: ['./breadcrumb.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatBreadcrumb',\r\n    standalone: true,\r\n    imports: [NgIf, NgFor, NgClass, AsyncPipe, RouterLink]\r\n})\r\nexport class CmatBreadcrumbComponent implements OnInit {\r\n    /**\r\n     * Breadcrumb item can be customized with this template\r\n     * Template context is provided label, additional info, first and last indexes\r\n     * Use cases:\r\n     * 1) Add an icon along with label\r\n     * 2) i18n. {{breadcrumb | translate}} or {{breadcrumb | transloco}}\r\n     * 3) Change text case {{breadcrumb | titlecase}}\r\n     */\r\n    @ContentChild(CmatBreadcrumbItemDirective, { static: false, read: TemplateRef })\r\n    itemTemplate: any;\r\n\r\n    /**\r\n     * If true, breadcrumb is auto generated even without any mapping label\r\n     * Default label is same as route segment\r\n     */\r\n    @Input() autoGenerate = true;\r\n\r\n    /**\r\n     * By default query params will be preserved with breadcrumbs\r\n     */\r\n    @Input() preserveQueryParams = true;\r\n\r\n    /**\r\n     * By default query fragments will be preserved with breadcrumbs\r\n     */\r\n    @Input() preserveFragment = true;\r\n\r\n    /**\r\n     * custom class provided by consumer to increase specificity\r\n     * This will benefit to override styles that are conflicting\r\n     */\r\n    @Input() class = '';\r\n\r\n    /**\r\n     * anchorTarget = \"_blank\" makes the breadcrumb link open in a new tab\r\n     */\r\n    @Input() anchorTarget: '_blank' | void;\r\n\r\n    subscription: Subscription;\r\n    breadcrumbs$: Observable<CmatBreadcrumbDefinition[]>;\r\n    separatorTemplate: TemplateRef<void> | void;\r\n\r\n    private _separator: string | void = '/';\r\n\r\n    constructor(\r\n        private _breadcrumbService: CmatBreadcrumbService) { }\r\n\r\n    get separator(): string | void {\r\n        return this._separator;\r\n    }\r\n    /**\r\n     * separator between breadcrumbs, defaults to '/'.\r\n     * User can customize separator either by passing a String or Template\r\n     *\r\n     * String --> Ex: <cmat-breadcrumb separator=\"-\"> </cmat-breadcrumb>\r\n     *\r\n     * Template --> Ex: <cmat-breadcrumb [separator]=\"separatorTemplate\"> </cmat-breadcrumb>\r\n     * <ng-template #separatorTemplate><mat-icon>arrow_right</mat-icon></ng-template>\r\n     */\r\n    @Input()\r\n    set separator(value: string | TemplateRef<void>) {\r\n        if (value instanceof TemplateRef) {\r\n            this.separatorTemplate = value;\r\n            this._separator = undefined;\r\n        } else {\r\n            this.separatorTemplate = undefined;\r\n            this._separator = value || '/';\r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this.breadcrumbs$ = this._breadcrumbService.breadcrumbs$.pipe(\r\n            map((breadcrumbs: CmatBreadcrumbDefinition[]) => breadcrumbs\r\n                .filter((breadcrumb: CmatBreadcrumbDefinition) => {\r\n                    // Usually, breadcrumb list can contain a combination of auto generated and user specified labels\r\n                    // this filters autogenerated labels in case of \"[autoGenerate]: false\"\r\n                    if (this.autoGenerate) {\r\n                        return true;\r\n                    }\r\n                    return !breadcrumb.isAutoGeneratedLabel;\r\n                })\r\n                .map((breadcrumb: CmatBreadcrumbDefinition) => {\r\n                    // Do not mutate breadcrumb as its source of truth.\r\n                    // There can be scenarios where we can have multiple cmat-breadcrumb instances in page\r\n                    const { routeInterceptor, routeLink } = breadcrumb;\r\n                    return {\r\n                        ...breadcrumb,\r\n                        routeLink: routeInterceptor?.(breadcrumb,routeLink) || routeLink,\r\n                    };\r\n                }))\r\n        );\r\n    }\r\n}\r\n","<nav aria-label=\"breadcrumb\" class=\"cmat-breadcrumb-root m-0\" [ngClass]=\"class\">\r\n  <ol class=\"flex items-center flex-wrap m-0 p-0\">\r\n    <ng-container *ngFor=\"\r\n        let breadcrumb of breadcrumbs$ | async;\r\n        last as isLast;\r\n        first as isFirst;\r\n        index as index;\r\n        count as count\r\n      \">\r\n      <li class=\"list-none\">\r\n        <a *ngIf=\"!isLast\" class=\"cmat-breadcrumb-link\"\r\n          [ngClass]=\"{ 'pointer-events-none cursor-not-allowed': breadcrumb.disable }\"\r\n          [attr.aria-disabled]=\"breadcrumb.disable\" [attr.tabIndex]=\"breadcrumb.disable ? -1 : 0\"\r\n          rel=\"noopener noreferrer\" [routerLink]=\"\r\n            breadcrumb.routeInterceptor\r\n              ? breadcrumb.routeInterceptor( breadcrumb,breadcrumb.routeLink)\r\n              : breadcrumb.routeLink\" [queryParams]=\"preserveQueryParams ? breadcrumb.queryParams : undefined\"\r\n          [fragment]=\"preserveFragment ? breadcrumb.fragment : undefined\"\r\n          [target]=\"anchorTarget ? anchorTarget : '_self'\">\r\n          <ng-container *ngTemplateOutlet=\"\r\n              itemTemplate;\r\n              context: {\r\n                $implicit: breadcrumb.label,\r\n                info: breadcrumb.info,\r\n                last: isLast,\r\n                first: isFirst,\r\n                index: index,\r\n                count: count\r\n              }\r\n            \"></ng-container>\r\n          <ng-container *ngIf=\"!itemTemplate\">{{\r\n            breadcrumb.label\r\n            }}</ng-container>\r\n        </a>\r\n\r\n        <span *ngIf=\"isLast\" class=\"cmat-breadcrumb-trail flex items-center\">\r\n          <ng-container *ngTemplateOutlet=\"\r\n              itemTemplate;\r\n              context: {\r\n                $implicit: breadcrumb.label,\r\n                info: breadcrumb.info,\r\n                last: isLast,\r\n                first: isFirst,\r\n                index: index,\r\n                count: count\r\n              }\r\n            \"></ng-container>\r\n          <ng-container *ngIf=\"!itemTemplate\">{{\r\n            breadcrumb.label\r\n            }}</ng-container>\r\n        </span>\r\n      </li>\r\n\r\n      <li *ngIf=\"!isLast\" class=\"flex select-none mx-4\" aria-hidden=\"true\" role=\"separator\">\r\n        <ng-container *ngTemplateOutlet=\"separatorTemplate\"></ng-container>\r\n        <ng-container *ngIf=\"!separatorTemplate\">{{ separator }}</ng-container>\r\n      </li>\r\n    </ng-container>\r\n  </ol>\r\n</nav>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.CmatBreadcrumbService"],"mappings":"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"}

package/fesm2022/cmat-components-card.mjs

@@ -0,0 +1,65 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { NgIf } from '@angular/common';
+import { cmatAnimations } from 'cmat/animations';
+
+class CmatCardComponent {
+    constructor() {
+        this.expanded = false;
+        this.face = 'front';
+        this.flippable = false;
+    }
+    get classList() {
+        /* eslint-disable @typescript-eslint/naming-convention */
+        return {
+            'cmat-card-expanded': this.expanded,
+            'cmat-card-face-back': this.flippable && this.face === 'back',
+            'cmat-card-face-front': this.flippable && this.face === 'front',
+            'cmat-card-flippable': this.flippable
+        };
+        /* eslint-enable @typescript-eslint/naming-convention */
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Lifecycle hooks
+    // -----------------------------------------------------------------------------------------------------
+    /**
+     * On changes
+     *
+     * @param changes
+     */
+    ngOnChanges(changes) {
+        // Expanded
+        if ('expanded' in changes) {
+            // Coerce the value to a boolean
+            this.expanded = coerceBooleanProperty(changes['expanded'].currentValue);
+        }
+        // Flippable
+        if ('flippable' in changes) {
+            // Coerce the value to a boolean
+            this.flippable = coerceBooleanProperty(changes['flippable'].currentValue);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatCardComponent, isStandalone: true, selector: "cmat-card", inputs: { expanded: "expanded", face: "face", flippable: "flippable" }, host: { properties: { "class": "this.classList" } }, exportAs: ["cmatCard"], usesOnChanges: true, ngImport: i0, template: "<!-- Flippable card -->\r\n<ng-container *ngIf=\"flippable\">\r\n\r\n    <!-- Front -->\r\n    <div class=\"cmat-card-front\">\r\n        <ng-content select=\"[cmatCardFront]\"></ng-content>\r\n    </div>\r\n\r\n    <!-- Back -->\r\n    <div class=\"cmat-card-back\">\r\n        <ng-content select=\"[cmatCardBack]\"></ng-content>\r\n    </div>\r\n\r\n</ng-container>\r\n\r\n<!-- Normal card -->\r\n<ng-container *ngIf=\"!flippable\">\r\n\r\n    <!-- Content -->\r\n    <ng-content></ng-content>\r\n\r\n    <!-- Expansion -->\r\n    <div class=\"cmat-card-expansion\" *ngIf=\"expanded\" [@expandCollapse]>\r\n        <ng-content select=\"[cmatCardExpansion]\"></ng-content>\r\n    </div>\r\n\r\n</ng-container>", styles: ["cmat-card{position:relative;display:flex;overflow:hidden;@apply rounded-2xl shadow bg-card;}cmat-card.cmat-card-flippable{border-radius:0;overflow:visible;transform-style:preserve-3d;transition:transform 1s;perspective:600px;background:transparent;@apply shadow-none;}cmat-card.cmat-card-flippable.cmat-card-face-back .cmat-card-front{visibility:hidden;opacity:0;transform:rotateY(180deg)}cmat-card.cmat-card-flippable.cmat-card-face-back .cmat-card-back{visibility:visible;opacity:1;transform:rotateY(360deg)}cmat-card.cmat-card-flippable .cmat-card-front,cmat-card.cmat-card-flippable .cmat-card-back{display:flex;flex-direction:column;flex:1 1 auto;z-index:10;transition:transform .5s ease-out 0s,visibility 0s ease-in .2s,opacity 0s ease-in .2s;backface-visibility:hidden;@apply rounded-2xl shadow bg-card;}cmat-card.cmat-card-flippable .cmat-card-front{position:relative;opacity:1;visibility:visible;transform:rotateY(0);overflow:hidden}cmat-card.cmat-card-flippable .cmat-card-back{position:absolute;inset:0;opacity:0;visibility:hidden;transform:rotateY(180deg);overflow:hidden auto}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: cmatAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: cmatAnimations, exportAs: 'cmatCard', standalone: true, imports: [NgIf], template: "<!-- Flippable card -->\r\n<ng-container *ngIf=\"flippable\">\r\n\r\n    <!-- Front -->\r\n    <div class=\"cmat-card-front\">\r\n        <ng-content select=\"[cmatCardFront]\"></ng-content>\r\n    </div>\r\n\r\n    <!-- Back -->\r\n    <div class=\"cmat-card-back\">\r\n        <ng-content select=\"[cmatCardBack]\"></ng-content>\r\n    </div>\r\n\r\n</ng-container>\r\n\r\n<!-- Normal card -->\r\n<ng-container *ngIf=\"!flippable\">\r\n\r\n    <!-- Content -->\r\n    <ng-content></ng-content>\r\n\r\n    <!-- Expansion -->\r\n    <div class=\"cmat-card-expansion\" *ngIf=\"expanded\" [@expandCollapse]>\r\n        <ng-content select=\"[cmatCardExpansion]\"></ng-content>\r\n    </div>\r\n\r\n</ng-container>", styles: ["cmat-card{position:relative;display:flex;overflow:hidden;@apply rounded-2xl shadow bg-card;}cmat-card.cmat-card-flippable{border-radius:0;overflow:visible;transform-style:preserve-3d;transition:transform 1s;perspective:600px;background:transparent;@apply shadow-none;}cmat-card.cmat-card-flippable.cmat-card-face-back .cmat-card-front{visibility:hidden;opacity:0;transform:rotateY(180deg)}cmat-card.cmat-card-flippable.cmat-card-face-back .cmat-card-back{visibility:visible;opacity:1;transform:rotateY(360deg)}cmat-card.cmat-card-flippable .cmat-card-front,cmat-card.cmat-card-flippable .cmat-card-back{display:flex;flex-direction:column;flex:1 1 auto;z-index:10;transition:transform .5s ease-out 0s,visibility 0s ease-in .2s,opacity 0s ease-in .2s;backface-visibility:hidden;@apply rounded-2xl shadow bg-card;}cmat-card.cmat-card-flippable .cmat-card-front{position:relative;opacity:1;visibility:visible;transform:rotateY(0);overflow:hidden}cmat-card.cmat-card-flippable .cmat-card-back{position:absolute;inset:0;opacity:0;visibility:hidden;transform:rotateY(180deg);overflow:hidden auto}\n"] }]
+        }], propDecorators: { expanded: [{
+                type: Input
+            }], face: [{
+                type: Input
+            }], flippable: [{
+                type: Input
+            }], classList: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatCardComponent };
+//# sourceMappingURL=cmat-components-card.mjs.map

package/fesm2022/cmat-components-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-card.mjs","sources":["../../../projects/cmat/components/card/card.component.ts","../../../projects/cmat/components/card/card.component.html","../../../projects/cmat/components/card/cmat-components-card.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';\r\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport {CmatCardFace} from './card.types';\r\nimport { NgIf } from '@angular/common';\r\nimport { cmatAnimations } from 'cmat/animations';\r\n\r\n@Component({\r\n    selector: 'cmat-card',\r\n    templateUrl: './card.component.html',\r\n    styleUrls: ['./card.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    animations: cmatAnimations,\r\n    exportAs: 'cmatCard',\r\n    standalone: true,\r\n    imports: [NgIf]\r\n})\r\nexport class CmatCardComponent implements OnChanges {\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    static ngAcceptInputType_expanded: BooleanInput;\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    static ngAcceptInputType_flippable: BooleanInput;\r\n\r\n    @Input() expanded: boolean = false;\r\n    @Input() face: CmatCardFace = 'front';\r\n    @Input() flippable: boolean = false;\r\n\r\n    @HostBinding('class') get classList(): any {\r\n        /* eslint-disable @typescript-eslint/naming-convention */\r\n        return {\r\n            'cmat-card-expanded': this.expanded,\r\n            'cmat-card-face-back': this.flippable && this.face === 'back',\r\n            'cmat-card-face-front': this.flippable && this.face === 'front',\r\n            'cmat-card-flippable': this.flippable\r\n        };\r\n        /* eslint-enable @typescript-eslint/naming-convention */\r\n    }\r\n\r\n    // -----------------------------------------------------------------------------------------------------\r\n    // @ Lifecycle hooks\r\n    // -----------------------------------------------------------------------------------------------------\r\n\r\n    /**\r\n     * On changes\r\n     *\r\n     * @param changes\r\n     */\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        // Expanded\r\n        if ('expanded' in changes) {\r\n            // Coerce the value to a boolean\r\n            this.expanded = coerceBooleanProperty(changes['expanded'].currentValue);\r\n        }\r\n\r\n        // Flippable\r\n        if ('flippable' in changes) {\r\n            // Coerce the value to a boolean\r\n            this.flippable = coerceBooleanProperty(changes['flippable'].currentValue);\r\n        }\r\n    }\r\n}\r\n","<!-- Flippable card -->\r\n<ng-container *ngIf=\"flippable\">\r\n\r\n    <!-- Front -->\r\n    <div class=\"cmat-card-front\">\r\n        <ng-content select=\"[cmatCardFront]\"></ng-content>\r\n    </div>\r\n\r\n    <!-- Back -->\r\n    <div class=\"cmat-card-back\">\r\n        <ng-content select=\"[cmatCardBack]\"></ng-content>\r\n    </div>\r\n\r\n</ng-container>\r\n\r\n<!-- Normal card -->\r\n<ng-container *ngIf=\"!flippable\">\r\n\r\n    <!-- Content -->\r\n    <ng-content></ng-content>\r\n\r\n    <!-- Expansion -->\r\n    <div class=\"cmat-card-expansion\" *ngIf=\"expanded\" [@expandCollapse]>\r\n        <ng-content select=\"[cmatCardExpansion]\"></ng-content>\r\n    </div>\r\n\r\n</ng-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAiBa,iBAAiB,CAAA;AAX9B,IAAA,WAAA,GAAA;QAiBa,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAC1B,IAAI,CAAA,IAAA,GAAiB,OAAO,CAAC;QAC7B,IAAS,CAAA,SAAA,GAAY,KAAK,CAAC;AAmCvC,KAAA;AAjCG,IAAA,IAA0B,SAAS,GAAA;;QAE/B,OAAO;YACH,oBAAoB,EAAE,IAAI,CAAC,QAAQ;YACnC,qBAAqB,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;YAC7D,sBAAsB,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;YAC/D,qBAAqB,EAAE,IAAI,CAAC,SAAS;SACxC,CAAC;;KAEL;;;;AAMD;;;;AAIG;AACH,IAAA,WAAW,CAAC,OAAsB,EAAA;;QAE9B,IAAI,UAAU,IAAI,OAAO,EAAE;;AAEvB,YAAA,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC;AAC3E,SAAA;;QAGD,IAAI,WAAW,IAAI,OAAO,EAAE;;AAExB,YAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC;AAC7E,SAAA;KACJ;8GA1CQ,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,ECjB9B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wsBA0Be,EDXD,MAAA,EAAA,CAAA,qkCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,+EAHF,cAAc,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAKjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,iBAGN,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EACnC,UAAA,EAAA,cAAc,YAChB,UAAU,EAAA,UAAA,EACR,IAAI,EACP,OAAA,EAAA,CAAC,IAAI,CAAC,EAAA,QAAA,EAAA,wsBAAA,EAAA,MAAA,EAAA,CAAA,qkCAAA,CAAA,EAAA,CAAA;8BAQN,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEoB,SAAS,EAAA,CAAA;sBAAlC,WAAW;uBAAC,OAAO,CAAA;;;AE3BxB;;AAEG;;;;"}

package/fesm2022/cmat-components-cascade.mjs

@@ -0,0 +1,334 @@
+import { NgFor, NgIf, NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, EventEmitter, forwardRef, HostBinding, Input, Output, Inject } from '@angular/core';
+import * as i2$1 from '@angular/material/bottom-sheet';
+import { MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet';
+import { NG_VALUE_ACCESSOR, FormControl } from '@angular/forms';
+import * as i2$2 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { isUndefined, isNull } from 'lodash-es';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i1 from '@angular/cdk/layout';
+import { Breakpoints } from '@angular/cdk/layout';
+import { Subject } from 'rxjs';
+import { takeUntil, map } from 'rxjs/operators';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { cmatAnimations } from 'cmat/animations';
+
+class CmatCascadeMenuComponent {
+    constructor(root) {
+        this.root = root;
+    }
+    clickHandle(event) {
+        event.stopPropagation();
+    }
+    trackByFn(index, item) {
+        return index || item;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatCascadeMenuComponent, deps: [{ token: CmatCascadeListComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatCascadeMenuComponent, isStandalone: true, selector: "cmat-cascade-menu", exportAs: ["cmatCascadeMenu"], ngImport: i0, template: "<div role=\"presentation\" class=\"cmat-cascade-menu\" [@dropdown]=\"root.menuVisible\" (click)=\"clickHandle($event)\">\r\n    <mat-list class=\"menu-list overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom\"\r\n        *ngFor=\"let menuItem of root.steps; let step = index;trackBy: trackByFn\">\r\n        <mat-list-item *ngFor=\"let listItem of menuItem; let i = index;trackBy: trackByFn\" class=\"menu-item\"\r\n            [class.active]=\"listItem.active\" [class.disabled]=\"listItem.disabled\"\r\n            (click)=\"root.selectHandle($event, step, i);\">\r\n            <div matLine>{{listItem.label}}</div>\r\n            <mat-icon class=\"item-icon\" [svgIcon]=\"'mat_outline:chevron_right'\"\r\n                *ngIf=\"listItem.children && listItem.children.length\"></mat-icon>\r\n        </mat-list-item>\r\n    </mat-list>\r\n</div>", styles: [".cmat-cascade-menu{z-index:2007;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;@apply absolute left-0 whitespace-nowrap bg-dialog;}.cmat-cascade-menu .menu-list{@apply inline-block border-r box-border m-0 p-2 overflow-hidden relative;height:204px;min-width:160px;vertical-align:top}.cmat-cascade-menu .menu-list:last-child{@apply border-r-0;}.cmat-cascade-menu .menu-item{@apply leading-loose h-12 p-0 relative whitespace-nowrap overflow-hidden text-ellipsis bg-dialog box-border cursor-pointer outline-none;}.cmat-cascade-menu .menu-item.disabled{@apply text-disabled cursor-not-allowed;}.cmat-cascade-menu .menu-item.active{@apply text-primary bg-hover;}.cmat-cascade-menu .menu-item:focus:not(:active),.cmat-cascade-menu .menu-item:hover{@apply bg-hover;}.cmat-cascade-menu .menu-item.active:hover{@apply bg-hover;}.cmat-cascade-menu .menu-item.selected{@apply text-secondary bg-default;}.cmat-cascade-menu .menu-item .item-icon{@apply absolute justify-items-center inset-y-2/4 right-0;transform:translateY(-50%)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [cmatAnimations], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatCascadeMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-cascade-menu', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatCascadeMenu', animations: [cmatAnimations], standalone: true, imports: [MatListModule, MatIconModule, NgFor, NgIf], template: "<div role=\"presentation\" class=\"cmat-cascade-menu\" [@dropdown]=\"root.menuVisible\" (click)=\"clickHandle($event)\">\r\n    <mat-list class=\"menu-list overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom\"\r\n        *ngFor=\"let menuItem of root.steps; let step = index;trackBy: trackByFn\">\r\n        <mat-list-item *ngFor=\"let listItem of menuItem; let i = index;trackBy: trackByFn\" class=\"menu-item\"\r\n            [class.active]=\"listItem.active\" [class.disabled]=\"listItem.disabled\"\r\n            (click)=\"root.selectHandle($event, step, i);\">\r\n            <div matLine>{{listItem.label}}</div>\r\n            <mat-icon class=\"item-icon\" [svgIcon]=\"'mat_outline:chevron_right'\"\r\n                *ngIf=\"listItem.children && listItem.children.length\"></mat-icon>\r\n        </mat-list-item>\r\n    </mat-list>\r\n</div>", styles: [".cmat-cascade-menu{z-index:2007;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;@apply absolute left-0 whitespace-nowrap bg-dialog;}.cmat-cascade-menu .menu-list{@apply inline-block border-r box-border m-0 p-2 overflow-hidden relative;height:204px;min-width:160px;vertical-align:top}.cmat-cascade-menu .menu-list:last-child{@apply border-r-0;}.cmat-cascade-menu .menu-item{@apply leading-loose h-12 p-0 relative whitespace-nowrap overflow-hidden text-ellipsis bg-dialog box-border cursor-pointer outline-none;}.cmat-cascade-menu .menu-item.disabled{@apply text-disabled cursor-not-allowed;}.cmat-cascade-menu .menu-item.active{@apply text-primary bg-hover;}.cmat-cascade-menu .menu-item:focus:not(:active),.cmat-cascade-menu .menu-item:hover{@apply bg-hover;}.cmat-cascade-menu .menu-item.active:hover{@apply bg-hover;}.cmat-cascade-menu .menu-item.selected{@apply text-secondary bg-default;}.cmat-cascade-menu .menu-item .item-icon{@apply absolute justify-items-center inset-y-2/4 right-0;transform:translateY(-50%)}\n"] }]
+        }], ctorParameters: () => [{ type: CmatCascadeListComponent, decorators: [{
+                    type: Optional
+                }] }] });
+
+let NEXT_ID = 0;
+class CmatCascadeListComponent {
+    constructor(_renderer, _breakpointObserver, _bottomSheet) {
+        this._renderer = _renderer;
+        this._breakpointObserver = _breakpointObserver;
+        this._bottomSheet = _bottomSheet;
+        /* 组件 id */
+        this.id = `cmat-cascade-list-${NEXT_ID++}`;
+        this.disabled = false;
+        this.placeholder = '请选择';
+        this.appearance = 'fill';
+        this.clearable = false;
+        this.fullLevels = true;
+        this.changeOnSelect = false;
+        this.modelChange = new EventEmitter();
+        this.steps = [];
+        this.menuVisible = false;
+        this.inputHover = false;
+        this.currentLabels = [];
+        this._touchUi = false;
+        this._unsubscribeAll = new Subject();
+        this.onTouched = () => { };
+        this.controlChange = () => { };
+        this.globalListenFunc = () => { };
+        this._unsubscribeAll = new Subject();
+    }
+    // Whether the cascade dropdownlist UI is in touch mode.
+    get touchUi() {
+        return this._touchUi;
+    }
+    set touchUi(value) {
+        this._touchUi = coerceBooleanProperty(value);
+    }
+    ngOnChanges(changes) {
+        if (changes['options']) {
+            this.options = changes['options'].currentValue;
+            this._init();
+        }
+    }
+    ngOnDestroy() {
+        this.globalListenFunc();
+        // unsubscribe
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    writeValue(value) {
+        this.model = value;
+    }
+    registerOnChange(fn) {
+        this.controlChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    close() {
+        this.menuVisible = false;
+        this.globalListenFunc();
+    }
+    clickHandle(event) {
+        event.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        const element = event.target;
+        const isSelfTrigger = ['SPAN', 'I', 'INPUT'].find(v => v === element.tagName);
+        if (!isSelfTrigger) {
+            return;
+        }
+        if (this.touchUi) {
+            this.menuVisible = false;
+            this.openBottomSheet();
+        }
+        else {
+            this.menuVisible = !this.menuVisible;
+            if (this.menuVisible) {
+                this.globalListenFunc = this._renderer.listen('document', 'click', () => {
+                    this.menuVisible = false;
+                });
+            }
+            else {
+                this.globalListenFunc();
+            }
+        }
+    }
+    changeLabels() {
+        this.inputValue = '';
+        const nextValue = [];
+        this.steps.forEach((items) => {
+            const steps = items.filter((item) => item.active);
+            nextValue.push(steps[0]);
+        });
+        this.currentLabels = nextValue;
+        this._setInputValue();
+        const next = nextValue.map((item) => item.value);
+        this.model = next;
+        this.modelChange.emit(next);
+        this.controlChange();
+    }
+    clearValue(isFirst, event) {
+        if (event) {
+            event.stopPropagation();
+        }
+        this.currentLabels = [];
+        if (!isFirst || (this.model && !this.model.length) || !this.model) {
+            const step1 = this.options.map((option) => ({
+                ...option,
+                active: false
+            }));
+            this.steps = [step1];
+        }
+        this.menuVisible = false;
+        this.inputValue = '';
+        if (event) {
+            this.modelChange.emit([]);
+        }
+    }
+    initSteps(index, options) {
+        const step = [];
+        options.map((item) => {
+            if (this.model[index] === item.value) {
+                if (!isUndefined(item.children))
+                    options = item.children;
+                step.push(({
+                    ...item,
+                    active: true
+                }));
+            }
+            else {
+                step.push(item);
+            }
+        });
+        this.steps.push(step);
+        index += 1;
+        if (index < this.model.length) {
+            this.initSteps(index, options);
+        }
+    }
+    selectHandle(event, step, index) {
+        event.stopPropagation();
+        if (this.steps[step][index].disabled) {
+            return;
+        }
+        this.steps[step] = this.steps[step].map((item, i) => ({
+            ...item,
+            active: i === index
+        }));
+        // reset steps
+        this.steps.length = step + 1;
+        const next = this.steps[step][index].children;
+        // go next
+        if (next && Array.isArray(next) && next.length) {
+            // change on select (props)
+            if (this.changeOnSelect) {
+                this.changeLabels();
+            }
+            const nativeNext = next.map((item) => ({
+                ...item,
+                active: false
+            }));
+            return this.steps.push(nativeNext);
+        }
+        // last step
+        this.changeLabels();
+        this.menuVisible = false;
+        if (this.touchUi) {
+            this.bottomSheetRef.dismiss();
+        }
+    }
+    showClearIcon() {
+        return !!(this.clearable && this.inputHover && this.currentLabels.length);
+    }
+    openBottomSheet() {
+        this.bottomSheetRef = this._bottomSheet.open(CmatCascadeBottomSheetComponent, {
+            data: this
+        });
+    }
+    _init() {
+        this.clearValue(true);
+        if (this.model && this.model.length) {
+            const val = this.model.map((v) => {
+                const item = this.options.filter((i) => i.value === v)[0];
+                if (!isUndefined(item.children))
+                    this.options = item.children;
+                return item;
+            });
+            this.currentLabels = val.filter(v => !!v);
+            this._setInputValue();
+            this.initSteps(0, this.options);
+        }
+        this._breakpointObserver.observe(Breakpoints.Handset).pipe(takeUntil(this._unsubscribeAll), map((match) => match.matches)).subscribe((matches) => {
+            this.touchUi !== matches && !matches && this.bottomSheetRef && this.bottomSheetRef.dismiss();
+        });
+    }
+    _setInputValue() {
+        if (this.fullLevels) {
+            this.currentLabels.map((value, i) => {
+                this.inputValue += `${value.label}${i < this.currentLabels.length - 1 ? ' / ' : ''}`;
+            });
+        }
+        else {
+            this.inputValue = this.currentLabels[this.currentLabels.length - 1].label;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatCascadeListComponent, deps: [{ token: i0.Renderer2 }, { token: i1.BreakpointObserver }, { token: i2$1.MatBottomSheet }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatCascadeListComponent, isStandalone: true, selector: "cmat-cascade-list", inputs: { id: "id", disabled: "disabled", placeholder: "placeholder", appearance: "appearance", options: "options", clearable: "clearable", fullLevels: "fullLevels", changeOnSelect: "changeOnSelect", model: "model", touchUi: "touchUi" }, outputs: { modelChange: "modelChange" }, host: { properties: { "attr.id": "this.id" } }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CmatCascadeListComponent),
+                multi: true
+            }], exportAs: ["cmatCascadeList"], usesOnChanges: true, ngImport: i0, template: "<span role=\"presentation\" class=\"cmat-cascade-list\" [ngClass]=\"{'opened': menuVisible, 'disabled': disabled}\"\n    (click)=\"clickHandle($event)\" (mouseenter)=\"inputHover = true\" (mouseleave)=\"inputHover = false\">\n    <mat-form-field [appearance]=\"appearance\">\n        <input [value]=\"inputValue || ''\" matInput readonly [placeholder]=\"currentLabels.length ? '' : placeholder\">\n        <button type=\"button\" *ngIf=\"showClearIcon()\" matSuffix mat-icon-button aria-label=\"Clear\"\n            (click)=\"clearValue(false,$event)\">\n            <mat-icon [svgIcon]=\"'heroicons_outline:x-mark'\"></mat-icon>\n        </button>\n        <mat-icon matSuffix *ngIf=\"!showClearIcon()\" [svgIcon]=\"'mat_outline:arrow_drop_down'\"></mat-icon>\n    </mat-form-field>\n    <cmat-cascade-menu></cmat-cascade-menu>\n</span>", styles: [".cmat-cascade-list{@apply inline-block relative w-full leading-loose;}.cmat-cascade-list mat-form-field{@apply w-full;}.cmat-cascade-list input{@apply cursor-pointer;}.cmat-cascade-list.disabled .cascade-label{z-index:2;@apply text-disabled;}.cmat-cascade-list .cascade-label span{@apply text-secondary;}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CmatCascadeMenuComponent, selector: "cmat-cascade-menu", exportAs: ["cmatCascadeMenu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatCascadeListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-cascade-list', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CmatCascadeListComponent),
+                            multi: true
+                        }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatCascadeList', standalone: true, imports: [MatFormFieldModule, MatIconModule, NgClass, NgIf, CmatCascadeMenuComponent], template: "<span role=\"presentation\" class=\"cmat-cascade-list\" [ngClass]=\"{'opened': menuVisible, 'disabled': disabled}\"\n    (click)=\"clickHandle($event)\" (mouseenter)=\"inputHover = true\" (mouseleave)=\"inputHover = false\">\n    <mat-form-field [appearance]=\"appearance\">\n        <input [value]=\"inputValue || ''\" matInput readonly [placeholder]=\"currentLabels.length ? '' : placeholder\">\n        <button type=\"button\" *ngIf=\"showClearIcon()\" matSuffix mat-icon-button aria-label=\"Clear\"\n            (click)=\"clearValue(false,$event)\">\n            <mat-icon [svgIcon]=\"'heroicons_outline:x-mark'\"></mat-icon>\n        </button>\n        <mat-icon matSuffix *ngIf=\"!showClearIcon()\" [svgIcon]=\"'mat_outline:arrow_drop_down'\"></mat-icon>\n    </mat-form-field>\n    <cmat-cascade-menu></cmat-cascade-menu>\n</span>", styles: [".cmat-cascade-list{@apply inline-block relative w-full leading-loose;}.cmat-cascade-list mat-form-field{@apply w-full;}.cmat-cascade-list input{@apply cursor-pointer;}.cmat-cascade-list.disabled .cascade-label{z-index:2;@apply text-disabled;}.cmat-cascade-list .cascade-label span{@apply text-secondary;}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.BreakpointObserver }, { type: i2$1.MatBottomSheet }], propDecorators: { id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }, {
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], options: [{
+                type: Input,
+                args: [{ required: true }]
+            }], clearable: [{
+                type: Input
+            }], fullLevels: [{
+                type: Input
+            }], changeOnSelect: [{
+                type: Input
+            }], model: [{
+                type: Input,
+                args: [{ required: true }]
+            }], modelChange: [{
+                type: Output
+            }], touchUi: [{
+                type: Input
+            }] } });
+
+class CmatCascadeBottomSheetComponent {
+    constructor(root) {
+        this.root = root;
+        this.selected = new FormControl(0);
+        this.labels = [];
+        this.root.steps.forEach((items) => {
+            const steps = items.filter((item) => item.active);
+            if (steps[0] && !isUndefined(steps[0].label)) {
+                this.labels.push(steps[0].label);
+            }
+        });
+    }
+    clickHandle(event) {
+        event.stopPropagation();
+    }
+    select(disabled, label) {
+        if (!disabled) {
+            if (!isNull(this.selected.value)) {
+                this.labels[this.selected.value] = label;
+                this.labels = this.labels.slice(0, this.selected.value + 1);
+            }
+            this.selected.setValue(this.root.steps.length - 1);
+        }
+    }
+    trackByFn(index, item) {
+        return index || item;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatCascadeBottomSheetComponent, deps: [{ token: MAT_BOTTOM_SHEET_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatCascadeBottomSheetComponent, isStandalone: true, selector: "cmat-cascade-bottom-sheet", exportAs: ["cmatCascadeBottomSheet"], ngImport: i0, template: "<div role=\"presentation\" class=\"cmat-cascade-bottom-sheet\" (click)=\"clickHandle($event)\">\r\n    <div class=\"sheet-header flex items-center\">\r\n        <p class=\"sheet-title\">{{root.placeholder}}</p>\r\n        <button type=\"button\" mat-icon-button (click)=\"root.bottomSheetRef.dismiss()\">\r\n            <mat-icon [svgIcon]=\"'heroicons_outline:x-mark'\"></mat-icon>\r\n        </button>\r\n    </div>\r\n    <mat-tab-group [selectedIndex]=\"selected.value\" (selectedIndexChange)=\"selected.setValue($event);\">\r\n        <mat-tab *ngFor=\"let menuItem of root.steps; let step = index;trackBy: trackByFn\"\r\n            [label]=\"labels[step] || '\u9009\u62E9'\">\r\n            <mat-list class=\"menu-list overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom\">\r\n                <mat-list-item *ngFor=\"let listItem of menuItem; let i = index;trackBy: trackByFn\" class=\"menu-item\"\r\n                    [class.active]=\"listItem.active\" [class.disabled]=\"listItem.disabled\"\r\n                    (click)=\"root.selectHandle($event, step, i); select(listItem.disabled,listItem.label);\">\r\n                    <div matLine>{{listItem.label}}</div>\r\n                </mat-list-item>\r\n            </mat-list>\r\n        </mat-tab>\r\n    </mat-tab-group>\r\n</div>", styles: [".cmat-cascade-bottom-sheet{@apply p-0;margin:-8px -16px}.cmat-cascade-bottom-sheet .sheet-header{@apply flex flex-1 items-center text-lg border-b;padding:12px 16px}.cmat-cascade-bottom-sheet .sheet-header .sheet-title{@apply text-secondary m-0 p-0 tracking-wider text-center flex-grow;}.cmat-cascade-bottom-sheet .menu-list{vertical-align:top;@apply box-border m-0 p-0 w-full overflow-hidden relative;height:204px}.cmat-cascade-bottom-sheet .menu-item{@apply leading-loose p-0 text-ellipsis box-border cursor-pointer outline-none;font-size:14px;line-height:3em;height:3em}.cmat-cascade-bottom-sheet .menu-item.disabled{@apply text-disabled;pointer-events:none}.cmat-cascade-bottom-sheet .menu-item.active{@apply text-primary bg-hover;}.cmat-cascade-bottom-sheet .menu-item:focus:not(:active),.cmat-cascade-bottom-sheet .menu-item:hover,.cmat-cascade-bottom-sheet .menu-item.active:hover{@apply bg-hover;}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatCascadeBottomSheetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-cascade-bottom-sheet', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatCascadeBottomSheet', standalone: true, imports: [MatButtonModule, MatTabsModule, MatListModule, MatIconModule, NgFor], template: "<div role=\"presentation\" class=\"cmat-cascade-bottom-sheet\" (click)=\"clickHandle($event)\">\r\n    <div class=\"sheet-header flex items-center\">\r\n        <p class=\"sheet-title\">{{root.placeholder}}</p>\r\n        <button type=\"button\" mat-icon-button (click)=\"root.bottomSheetRef.dismiss()\">\r\n            <mat-icon [svgIcon]=\"'heroicons_outline:x-mark'\"></mat-icon>\r\n        </button>\r\n    </div>\r\n    <mat-tab-group [selectedIndex]=\"selected.value\" (selectedIndexChange)=\"selected.setValue($event);\">\r\n        <mat-tab *ngFor=\"let menuItem of root.steps; let step = index;trackBy: trackByFn\"\r\n            [label]=\"labels[step] || '\u9009\u62E9'\">\r\n            <mat-list class=\"menu-list overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom\">\r\n                <mat-list-item *ngFor=\"let listItem of menuItem; let i = index;trackBy: trackByFn\" class=\"menu-item\"\r\n                    [class.active]=\"listItem.active\" [class.disabled]=\"listItem.disabled\"\r\n                    (click)=\"root.selectHandle($event, step, i); select(listItem.disabled,listItem.label);\">\r\n                    <div matLine>{{listItem.label}}</div>\r\n                </mat-list-item>\r\n            </mat-list>\r\n        </mat-tab>\r\n    </mat-tab-group>\r\n</div>", styles: [".cmat-cascade-bottom-sheet{@apply p-0;margin:-8px -16px}.cmat-cascade-bottom-sheet .sheet-header{@apply flex flex-1 items-center text-lg border-b;padding:12px 16px}.cmat-cascade-bottom-sheet .sheet-header .sheet-title{@apply text-secondary m-0 p-0 tracking-wider text-center flex-grow;}.cmat-cascade-bottom-sheet .menu-list{vertical-align:top;@apply box-border m-0 p-0 w-full overflow-hidden relative;height:204px}.cmat-cascade-bottom-sheet .menu-item{@apply leading-loose p-0 text-ellipsis box-border cursor-pointer outline-none;font-size:14px;line-height:3em;height:3em}.cmat-cascade-bottom-sheet .menu-item.disabled{@apply text-disabled;pointer-events:none}.cmat-cascade-bottom-sheet .menu-item.active{@apply text-primary bg-hover;}.cmat-cascade-bottom-sheet .menu-item:focus:not(:active),.cmat-cascade-bottom-sheet .menu-item:hover,.cmat-cascade-bottom-sheet .menu-item.active:hover{@apply bg-hover;}\n"] }]
+        }], ctorParameters: () => [{ type: CmatCascadeListComponent, decorators: [{
+                    type: Inject,
+                    args: [MAT_BOTTOM_SHEET_DATA]
+                }] }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatCascadeBottomSheetComponent, CmatCascadeListComponent };
+//# sourceMappingURL=cmat-components-cascade.mjs.map

package/fesm2022/cmat-components-cascade.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-cascade.mjs","sources":["../../../projects/cmat/components/cascade/cascade-menu/cascade-menu.component.ts","../../../projects/cmat/components/cascade/cascade-menu/cascade-menu.component.html","../../../projects/cmat/components/cascade/cascade-list/cascade-list.component.ts","../../../projects/cmat/components/cascade/cascade-list/cascade-list.component.html","../../../projects/cmat/components/cascade/cascade-bottom-sheet/cascade-bottom-sheet.component.ts","../../../projects/cmat/components/cascade/cascade-bottom-sheet/cascade-bottom-sheet.component.html","../../../projects/cmat/components/cascade/cmat-components-cascade.ts"],"sourcesContent":["import { NgFor, NgIf } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, Optional, ViewEncapsulation } from '@angular/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { CmatCascadeListComponent } from '../cascade-list/cascade-list.component';\r\nimport { cmatAnimations } from 'cmat/animations';\r\n\r\n@Component({\r\n    selector: 'cmat-cascade-menu',\r\n    templateUrl: './cascade-menu.component.html',\r\n    styleUrls: ['./cascade-menu.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatCascadeMenu',\r\n    animations: [cmatAnimations],\r\n    standalone: true,\r\n    imports: [MatListModule, MatIconModule, NgFor, NgIf]\r\n})\r\nexport class CmatCascadeMenuComponent {\r\n\r\n    constructor(\r\n        @Optional() public root: CmatCascadeListComponent,\r\n    ) {\r\n\r\n    }\r\n\r\n    clickHandle(event: Event): void {\r\n        event.stopPropagation();\r\n    }\r\n\r\n    trackByFn(index: number, item: any): any {\r\n        return index || item;\r\n    }\r\n}\r\n","<div role=\"presentation\" class=\"cmat-cascade-menu\" [@dropdown]=\"root.menuVisible\" (click)=\"clickHandle($event)\">\r\n    <mat-list class=\"menu-list overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom\"\r\n        *ngFor=\"let menuItem of root.steps; let step = index;trackBy: trackByFn\">\r\n        <mat-list-item *ngFor=\"let listItem of menuItem; let i = index;trackBy: trackByFn\" class=\"menu-item\"\r\n            [class.active]=\"listItem.active\" [class.disabled]=\"listItem.disabled\"\r\n            (click)=\"root.selectHandle($event, step, i);\">\r\n            <div matLine>{{listItem.label}}</div>\r\n            <mat-icon class=\"item-icon\" [svgIcon]=\"'mat_outline:chevron_right'\"\r\n                *ngIf=\"listItem.children && listItem.children.length\"></mat-icon>\r\n        </mat-list-item>\r\n    </mat-list>\r\n</div>","import { NgClass, NgIf } from '@angular/common';\r\nimport {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    EventEmitter,\r\n    forwardRef,\r\n    HostBinding,\r\n    Input,\r\n    OnChanges,\r\n    OnDestroy,\r\n    Output,\r\n    Renderer2,\r\n    SimpleChanges,\r\n    ViewEncapsulation\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\r\nimport { MatBottomSheet, MatBottomSheetRef } from '@angular/material/bottom-sheet';\r\nimport { Subject } from 'rxjs';\r\nimport { map, takeUntil } from 'rxjs/operators';\r\n\r\nimport { CmatCascadeOptionsInterface } from '../options.interface';\r\nimport { CmatCascadeBottomSheetComponent } from '../cascade-bottom-sheet/cascade-bottom-sheet.component';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { CmatCascadeMenuComponent } from '../cascade-menu/cascade-menu.component';\r\nimport { isUndefined } from 'lodash-es';\r\n\r\nlet NEXT_ID = 0;\r\n\r\n@Component({\r\n    selector: 'cmat-cascade-list',\r\n    templateUrl: './cascade-list.component.html',\r\n    styleUrls: ['./cascade-list.component.scss'],\r\n    providers: [{\r\n        provide: NG_VALUE_ACCESSOR,\r\n        useExisting: forwardRef(() => CmatCascadeListComponent),\r\n        multi: true\r\n    }],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatCascadeList',\r\n    standalone: true,\r\n    imports: [MatFormFieldModule, MatIconModule, NgClass, NgIf, CmatCascadeMenuComponent]\r\n})\r\nexport class CmatCascadeListComponent implements OnDestroy, OnChanges, ControlValueAccessor {\r\n    /* 组件 id */\r\n    @HostBinding('attr.id')\r\n    @Input()\r\n    public id = `cmat-cascade-list-${NEXT_ID++}`;\r\n\r\n    @Input() disabled = false;\r\n\r\n    @Input() placeholder = '请选择';\r\n\r\n    @Input() appearance: 'fill' | 'outline' = 'fill';\r\n\r\n    // data\r\n    @Input({ required: true }) options: Array<CmatCascadeOptionsInterface>;\r\n    @Input() clearable = false;\r\n    @Input() fullLevels = true;\r\n    @Input() changeOnSelect = false;\r\n\r\n    // bind value\r\n    @Input({ required: true }) model: Array<string>;\r\n    @Output() modelChange: EventEmitter<any> = new EventEmitter<any>();\r\n\r\n    // bottomSheet\r\n    bottomSheetRef: MatBottomSheetRef;\r\n    steps: Array<any> = [];\r\n    menuVisible = false;\r\n    inputHover = false;\r\n    currentLabels: Array<CmatCascadeOptionsInterface> = [];\r\n    inputValue?: string;\r\n\r\n    private _touchUi = false;\r\n    private _unsubscribeAll: Subject<void> = new Subject<void>();\r\n\r\n    constructor(\r\n        private _renderer: Renderer2,\r\n        private _breakpointObserver: BreakpointObserver,\r\n        private _bottomSheet: MatBottomSheet\r\n    ) {\r\n        this._unsubscribeAll = new Subject<void>();\r\n    }\r\n\r\n    // Whether the cascade dropdownlist UI is in touch mode.\r\n    @Input()\r\n    get touchUi(): boolean {\r\n        return this._touchUi;\r\n    }\r\n\r\n    set touchUi(value: boolean) {\r\n        this._touchUi = coerceBooleanProperty(value);\r\n    }\r\n\r\n    onTouched: () => any = () => { };\r\n    controlChange: () => any = () => { };\r\n    globalListenFunc: () => any = () => { };\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['options']) {\r\n            this.options = changes['options'].currentValue;\r\n            this._init();\r\n        }\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this.globalListenFunc();\r\n        // unsubscribe\r\n        this._unsubscribeAll.next(void 0);\r\n        this._unsubscribeAll.complete();\r\n    }\r\n\r\n    writeValue(value: any): void {\r\n        this.model = value;\r\n    }\r\n\r\n    registerOnChange(fn: any): void {\r\n        this.controlChange = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: any): void {\r\n        this.onTouched = fn;\r\n    }\r\n\r\n    close(): void {\r\n        this.menuVisible = false;\r\n        this.globalListenFunc();\r\n    }\r\n\r\n    clickHandle(event: MouseEvent): void {\r\n        event.stopPropagation();\r\n        if (this.disabled) {\r\n            return;\r\n        }\r\n        const element: HTMLElement = event.target as HTMLElement;\r\n        const isSelfTrigger = ['SPAN', 'I', 'INPUT'].find(v => v === element.tagName);\r\n        if (!isSelfTrigger) {\r\n            return;\r\n        }\r\n\r\n        if (this.touchUi) {\r\n            this.menuVisible = false;\r\n            this.openBottomSheet();\r\n        } else {\r\n            this.menuVisible = !this.menuVisible;\r\n\r\n            if (this.menuVisible) {\r\n                this.globalListenFunc = this._renderer.listen(\r\n                    'document', 'click', () => {\r\n                        this.menuVisible = false;\r\n                    }\r\n                );\r\n            } else {\r\n                this.globalListenFunc();\r\n            }\r\n        }\r\n    }\r\n\r\n    changeLabels(): void {\r\n        this.inputValue = '';\r\n        const nextValue: Array<CmatCascadeOptionsInterface> = [];\r\n\r\n        this.steps.forEach((items: Array<CmatCascadeOptionsInterface>) => {\r\n            const steps: Array<CmatCascadeOptionsInterface> = items.filter((item: CmatCascadeOptionsInterface) => item.active);\r\n            nextValue.push(steps[0]);\r\n        });\r\n        this.currentLabels = nextValue;\r\n        this._setInputValue();\r\n        const next = nextValue.map((item: CmatCascadeOptionsInterface) => item.value);\r\n        this.model = next;\r\n\r\n        this.modelChange.emit(next);\r\n        this.controlChange();\r\n    }\r\n\r\n    clearValue(isFirst: boolean, event?: Event): void {\r\n        if (event) { event.stopPropagation(); }\r\n        this.currentLabels = [];\r\n\r\n        if (!isFirst || (this.model && !this.model.length) || !this.model) {\r\n            const step1 = this.options.map((option: CmatCascadeOptionsInterface) => ({\r\n                ...option,\r\n                active: false\r\n            }));\r\n            this.steps = [step1];\r\n        }\r\n\r\n        this.menuVisible = false;\r\n        this.inputValue = '';\r\n\r\n        if (event) { this.modelChange.emit([]); }\r\n    }\r\n\r\n    initSteps(index: number, options: CmatCascadeOptionsInterface[]): void {\r\n        const step: CmatCascadeOptionsInterface[] = [];\r\n        options.map((item: CmatCascadeOptionsInterface) => {\r\n            if (this.model[index] === item.value) {\r\n                if (!isUndefined(item.children))\r\n                    options = item.children;\r\n\r\n                step.push(({\r\n                    ...item,\r\n                    active: true\r\n                }));\r\n            } else {\r\n                step.push(item);\r\n            }\r\n        });\r\n        this.steps.push(step);\r\n        index += 1;\r\n        if (index < this.model.length) {\r\n            this.initSteps(index, options);\r\n        }\r\n    }\r\n\r\n    selectHandle(event: Event, step: number, index: number): any {\r\n        event.stopPropagation();\r\n\r\n        if (this.steps[step][index].disabled) {\r\n            return;\r\n        }\r\n\r\n        this.steps[step] = this.steps[step].map((item: CmatCascadeOptionsInterface, i: number) =>\r\n        ({\r\n            ...item,\r\n            active: i === index\r\n        }));\r\n        // reset steps\r\n        this.steps.length = step + 1;\r\n        const next = this.steps[step][index].children;\r\n\r\n        // go next\r\n        if (next && Array.isArray(next) && next.length) {\r\n            // change on select (props)\r\n            if (this.changeOnSelect) { this.changeLabels(); }\r\n\r\n            const nativeNext = next.map((item: CmatCascadeOptionsInterface) => ({\r\n                ...item,\r\n                active: false\r\n            }));\r\n            return this.steps.push(nativeNext);\r\n        }\r\n\r\n        // last step\r\n        this.changeLabels();\r\n        this.menuVisible = false;\r\n        if (this.touchUi) {\r\n            this.bottomSheetRef.dismiss();\r\n        }\r\n    }\r\n\r\n    showClearIcon(): boolean {\r\n        return !!(this.clearable && this.inputHover && this.currentLabels.length);\r\n    }\r\n\r\n    openBottomSheet(): void {\r\n        this.bottomSheetRef = this._bottomSheet.open(CmatCascadeBottomSheetComponent, {\r\n            data: this\r\n        });\r\n    }\r\n\r\n    private _init(): void {\r\n        this.clearValue(true);\r\n\r\n        if (this.model && this.model.length) {\r\n            const val = this.model.map((v) => {\r\n                const item = this.options.filter((i: CmatCascadeOptionsInterface) => i.value === v)[0];\r\n                if (!isUndefined(item.children))\r\n                    this.options = item.children;\r\n                return item;\r\n            });\r\n\r\n            this.currentLabels = val.filter(v => !!v);\r\n            this._setInputValue();\r\n            this.initSteps(0, this.options);\r\n        }\r\n\r\n        this._breakpointObserver.observe(Breakpoints.Handset).pipe(\r\n            takeUntil(this._unsubscribeAll),\r\n            map((match: { matches: any }) => match.matches)\r\n        ).subscribe((matches: boolean) => {\r\n            this.touchUi !== matches && !matches && this.bottomSheetRef && this.bottomSheetRef.dismiss();\r\n        });\r\n    }\r\n\r\n    private _setInputValue(): void {\r\n        if (this.fullLevels) {\r\n            this.currentLabels.map((value, i) => {\r\n                this.inputValue += `${value.label}${i < this.currentLabels.length - 1 ? ' / ' : ''}`;\r\n            });\r\n        } else {\r\n            this.inputValue = this.currentLabels[this.currentLabels.length - 1].label;\r\n        }\r\n    }\r\n}\r\n","<span role=\"presentation\" class=\"cmat-cascade-list\" [ngClass]=\"{'opened': menuVisible, 'disabled': disabled}\"\n    (click)=\"clickHandle($event)\" (mouseenter)=\"inputHover = true\" (mouseleave)=\"inputHover = false\">\n    <mat-form-field [appearance]=\"appearance\">\n        <input [value]=\"inputValue || ''\" matInput readonly [placeholder]=\"currentLabels.length ? '' : placeholder\">\n        <button type=\"button\" *ngIf=\"showClearIcon()\" matSuffix mat-icon-button aria-label=\"Clear\"\n            (click)=\"clearValue(false,$event)\">\n            <mat-icon [svgIcon]=\"'heroicons_outline:x-mark'\"></mat-icon>\n        </button>\n        <mat-icon matSuffix *ngIf=\"!showClearIcon()\" [svgIcon]=\"'mat_outline:arrow_drop_down'\"></mat-icon>\n    </mat-form-field>\n    <cmat-cascade-menu></cmat-cascade-menu>\n</span>","import { NgFor } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, Inject, ViewEncapsulation } from '@angular/core';\r\nimport { MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet';\r\nimport { FormControl } from '@angular/forms';\r\nimport { CmatCascadeOptionsInterface } from '../options.interface';\r\nimport { CmatCascadeListComponent } from '../cascade-list/cascade-list.component';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { isNull, isUndefined } from 'lodash-es';\r\n\r\n@Component({\r\n    selector: 'cmat-cascade-bottom-sheet',\r\n    templateUrl: './cascade-bottom-sheet.component.html',\r\n    styleUrls: ['./cascade-bottom-sheet.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatCascadeBottomSheet',\r\n    standalone: true,\r\n    imports: [MatButtonModule, MatTabsModule, MatListModule, MatIconModule, NgFor]\r\n})\r\nexport class CmatCascadeBottomSheetComponent {\r\n    selected = new FormControl(0);\r\n    labels: string[] = [];\r\n\r\n    constructor(\r\n        @Inject(MAT_BOTTOM_SHEET_DATA) public root: CmatCascadeListComponent,\r\n    ) {\r\n        this.root.steps.forEach((items: Array<CmatCascadeOptionsInterface>) => {\r\n            const steps: Array<CmatCascadeOptionsInterface> = items.filter((item: CmatCascadeOptionsInterface) => item.active);\r\n            if (steps[0] && !isUndefined(steps[0].label)) { this.labels.push(steps[0].label); }\r\n        });\r\n    }\r\n\r\n    clickHandle(event: Event): void {\r\n        event.stopPropagation();\r\n    }\r\n\r\n    select(disabled: boolean, label: string): void {\r\n        if (!disabled) {\r\n            if (!isNull(this.selected.value)) {\r\n                this.labels[this.selected.value] = label;\r\n                this.labels = this.labels.slice(0, this.selected.value + 1);\r\n            }\r\n            this.selected.setValue(this.root.steps.length - 1);\r\n        }\r\n    }\r\n\r\n    trackByFn(index: number, item: any): any {\r\n        return index || item;\r\n    }\r\n}\r\n","<div role=\"presentation\" class=\"cmat-cascade-bottom-sheet\" (click)=\"clickHandle($event)\">\r\n    <div class=\"sheet-header flex items-center\">\r\n        <p class=\"sheet-title\">{{root.placeholder}}</p>\r\n        <button type=\"button\" mat-icon-button (click)=\"root.bottomSheetRef.dismiss()\">\r\n            <mat-icon [svgIcon]=\"'heroicons_outline:x-mark'\"></mat-icon>\r\n        </button>\r\n    </div>\r\n    <mat-tab-group [selectedIndex]=\"selected.value\" (selectedIndexChange)=\"selected.setValue($event);\">\r\n        <mat-tab *ngFor=\"let menuItem of root.steps; let step = index;trackBy: trackByFn\"\r\n            [label]=\"labels[step] || '选择'\">\r\n            <mat-list class=\"menu-list overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom\">\r\n                <mat-list-item *ngFor=\"let listItem of menuItem; let i = index;trackBy: trackByFn\" class=\"menu-item\"\r\n                    [class.active]=\"listItem.active\" [class.disabled]=\"listItem.disabled\"\r\n                    (click)=\"root.selectHandle($event, step, i); select(listItem.disabled,listItem.label);\">\r\n                    <div matLine>{{listItem.label}}</div>\r\n                </mat-list-item>\r\n            </mat-list>\r\n        </mat-tab>\r\n    </mat-tab-group>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.CmatCascadeListComponent","i3","i2","i1"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;MAkBa,wBAAwB,CAAA;AAEjC,IAAA,WAAA,CACuB,IAA8B,EAAA;QAA9B,IAAI,CAAA,IAAA,GAAJ,IAAI,CAA0B;KAGpD;AAED,IAAA,WAAW,CAAC,KAAY,EAAA;QACpB,KAAK,CAAC,eAAe,EAAE,CAAC;KAC3B;IAED,SAAS,CAAC,KAAa,EAAE,IAAS,EAAA;QAC9B,OAAO,KAAK,IAAI,IAAI,CAAC;KACxB;8GAdQ,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,wBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EClBrC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,82BAWM,EDKQ,MAAA,EAAA,CAAA,+hCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,KAAK,EAAE,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,EAFvC,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAC,cAAc,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAInB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,SAAS;+BACI,mBAAmB,EAAA,aAAA,EAGd,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EACrC,QAAA,EAAA,iBAAiB,EACf,UAAA,EAAA,CAAC,cAAc,CAAC,EAAA,UAAA,EAChB,IAAI,EAAA,OAAA,EACP,CAAC,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,EAAA,QAAA,EAAA,82BAAA,EAAA,MAAA,EAAA,CAAA,+hCAAA,CAAA,EAAA,CAAA;;0BAK/C,QAAQ;;;AEQjB,IAAI,OAAO,GAAG,CAAC,CAAC;MAiBH,wBAAwB,CAAA;AAiCjC,IAAA,WAAA,CACY,SAAoB,EACpB,mBAAuC,EACvC,YAA4B,EAAA;QAF5B,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;QACpB,IAAmB,CAAA,mBAAA,GAAnB,mBAAmB,CAAoB;QACvC,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAgB;;AAhCjC,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,kBAAA,EAAqB,OAAO,EAAE,EAAE,CAAC;QAEpC,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAEjB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QAEpB,IAAU,CAAA,UAAA,GAAuB,MAAM,CAAC;QAIxC,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAClB,IAAU,CAAA,UAAA,GAAG,IAAI,CAAC;QAClB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AAItB,QAAA,IAAA,CAAA,WAAW,GAAsB,IAAI,YAAY,EAAO,CAAC;QAInE,IAAK,CAAA,KAAA,GAAe,EAAE,CAAC;QACvB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QACnB,IAAa,CAAA,aAAA,GAAuC,EAAE,CAAC;QAG/C,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AACjB,QAAA,IAAA,CAAA,eAAe,GAAkB,IAAI,OAAO,EAAQ,CAAC;AAoB7D,QAAA,IAAA,CAAA,SAAS,GAAc,MAAK,GAAI,CAAC;AACjC,QAAA,IAAA,CAAA,aAAa,GAAc,MAAK,GAAI,CAAC;AACrC,QAAA,IAAA,CAAA,gBAAgB,GAAc,MAAK,GAAI,CAAC;AAfpC,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,OAAO,EAAQ,CAAC;KAC9C;;AAGD,IAAA,IACI,OAAO,GAAA;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;KACxB;IAED,IAAI,OAAO,CAAC,KAAc,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAChD;AAMD,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,CAAC,SAAS,CAAC,EAAE;YACpB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC;YAC/C,IAAI,CAAC,KAAK,EAAE,CAAC;AAChB,SAAA;KACJ;IAED,WAAW,GAAA;QACP,IAAI,CAAC,gBAAgB,EAAE,CAAC;;QAExB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AAClC,QAAA,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC;KACnC;AAED,IAAA,UAAU,CAAC,KAAU,EAAA;AACjB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;AAED,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACpB,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;KAC3B;AAED,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACrB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;IAED,KAAK,GAAA;AACD,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAC3B;AAED,IAAA,WAAW,CAAC,KAAiB,EAAA;QACzB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,OAAO;AACV,SAAA;AACD,QAAA,MAAM,OAAO,GAAgB,KAAK,CAAC,MAAqB,CAAC;QACzD,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;QAC9E,IAAI,CAAC,aAAa,EAAE;YAChB,OAAO;AACV,SAAA;QAED,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,eAAe,EAAE,CAAC;AAC1B,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;YAErC,IAAI,IAAI,CAAC,WAAW,EAAE;AAClB,gBAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CACzC,UAAU,EAAE,OAAO,EAAE,MAAK;AACtB,oBAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AAC7B,iBAAC,CACJ,CAAC;AACL,aAAA;AAAM,iBAAA;gBACH,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC3B,aAAA;AACJ,SAAA;KACJ;IAED,YAAY,GAAA;AACR,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,MAAM,SAAS,GAAuC,EAAE,CAAC;QAEzD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,KAAyC,KAAI;AAC7D,YAAA,MAAM,KAAK,GAAuC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAiC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC;YACnH,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7B,SAAC,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAC/B,IAAI,CAAC,cAAc,EAAE,CAAC;AACtB,QAAA,MAAM,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,IAAiC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;AAC9E,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;AAElB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;IAED,UAAU,CAAC,OAAgB,EAAE,KAAa,EAAA;AACtC,QAAA,IAAI,KAAK,EAAE;YAAE,KAAK,CAAC,eAAe,EAAE,CAAC;AAAE,SAAA;AACvC,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QAExB,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AAC/D,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAmC,MAAM;AACrE,gBAAA,GAAG,MAAM;AACT,gBAAA,MAAM,EAAE,KAAK;AAChB,aAAA,CAAC,CAAC,CAAC;AACJ,YAAA,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;AACxB,SAAA;AAED,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACzB,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;AAErB,QAAA,IAAI,KAAK,EAAE;AAAE,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAAE,SAAA;KAC5C;IAED,SAAS,CAAC,KAAa,EAAE,OAAsC,EAAA;QAC3D,MAAM,IAAI,GAAkC,EAAE,CAAC;AAC/C,QAAA,OAAO,CAAC,GAAG,CAAC,CAAC,IAAiC,KAAI;YAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE;AAClC,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3B,oBAAA,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;gBAE5B,IAAI,CAAC,IAAI,EAAE;AACP,oBAAA,GAAG,IAAI;AACP,oBAAA,MAAM,EAAE,IAAI;AACf,iBAAA,EAAE,CAAC;AACP,aAAA;AAAM,iBAAA;AACH,gBAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACnB,aAAA;AACL,SAAC,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtB,KAAK,IAAI,CAAC,CAAC;AACX,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AAC3B,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAClC,SAAA;KACJ;AAED,IAAA,YAAY,CAAC,KAAY,EAAE,IAAY,EAAE,KAAa,EAAA;QAClD,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE;YAClC,OAAO;AACV,SAAA;QAED,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAiC,EAAE,CAAS,MACpF;AACG,YAAA,GAAG,IAAI;YACP,MAAM,EAAE,CAAC,KAAK,KAAK;AACtB,SAAA,CAAC,CAAC,CAAC;;QAEJ,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC;AAC7B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;;AAG9C,QAAA,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE;;YAE5C,IAAI,IAAI,CAAC,cAAc,EAAE;gBAAE,IAAI,CAAC,YAAY,EAAE,CAAC;AAAE,aAAA;YAEjD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAiC,MAAM;AAChE,gBAAA,GAAG,IAAI;AACP,gBAAA,MAAM,EAAE,KAAK;AAChB,aAAA,CAAC,CAAC,CAAC;YACJ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACtC,SAAA;;QAGD,IAAI,CAAC,YAAY,EAAE,CAAC;AACpB,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;AACjC,SAAA;KACJ;IAED,aAAa,GAAA;AACT,QAAA,OAAO,CAAC,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;KAC7E;IAED,eAAe,GAAA;QACX,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,+BAA+B,EAAE;AAC1E,YAAA,IAAI,EAAE,IAAI;AACb,SAAA,CAAC,CAAC;KACN;IAEO,KAAK,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAI;gBAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAA8B,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACvF,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3B,oBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;AACjC,gBAAA,OAAO,IAAI,CAAC;AAChB,aAAC,CAAC,CAAC;AAEH,YAAA,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;AACnC,SAAA;AAED,QAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,CACtD,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,EAC/B,GAAG,CAAC,CAAC,KAAuB,KAAK,KAAK,CAAC,OAAO,CAAC,CAClD,CAAC,SAAS,CAAC,CAAC,OAAgB,KAAI;AAC7B,YAAA,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;AACjG,SAAC,CAAC,CAAC;KACN;IAEO,cAAc,GAAA;QAClB,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAI;gBAChC,IAAI,CAAC,UAAU,IAAI,CAAG,EAAA,KAAK,CAAC,KAAK,CAAG,EAAA,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA,CAAE,CAAC;AACzF,aAAC,CAAC,CAAC;AACN,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;AAC7E,SAAA;KACJ;8GA1PQ,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,IAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,uYAXtB,CAAC;AACR,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAwB,CAAC;AACvD,gBAAA,KAAK,EAAE,IAAI;aACd,CAAC,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvCN,u0BAWO,EAAA,MAAA,EAAA,CAAA,oTAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDiCO,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,wBAAwB,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAE3E,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAfpC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,aAGlB,CAAC;AACR,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,8BAA8B,CAAC;AACvD,4BAAA,KAAK,EAAE,IAAI;yBACd,CAAC,EAAA,aAAA,EACa,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,iBAAiB,EAAA,UAAA,EACf,IAAI,EACP,OAAA,EAAA,CAAC,kBAAkB,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAwB,CAAC,EAAA,QAAA,EAAA,u0BAAA,EAAA,MAAA,EAAA,CAAA,oTAAA,CAAA,EAAA,CAAA;8IAM9E,EAAE,EAAA,CAAA;sBAFR,WAAW;uBAAC,SAAS,CAAA;;sBACrB,KAAK;gBAGG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAEG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAEG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBAGqB,OAAO,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBAGqB,KAAK,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBACf,WAAW,EAAA,CAAA;sBAApB,MAAM;gBAuBH,OAAO,EAAA,CAAA;sBADV,KAAK;;;MElEG,+BAA+B,CAAA;AAIxC,IAAA,WAAA,CAC0C,IAA8B,EAAA;QAA9B,IAAI,CAAA,IAAA,GAAJ,IAAI,CAA0B;AAJxE,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;QAC9B,IAAM,CAAA,MAAA,GAAa,EAAE,CAAC;QAKlB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,KAAyC,KAAI;AAClE,YAAA,MAAM,KAAK,GAAuC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAiC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC;AACnH,YAAA,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;AAAE,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAAE,aAAA;AACvF,SAAC,CAAC,CAAC;KACN;AAED,IAAA,WAAW,CAAC,KAAY,EAAA;QACpB,KAAK,CAAC,eAAe,EAAE,CAAC;KAC3B;IAED,MAAM,CAAC,QAAiB,EAAE,KAAa,EAAA;QACnC,IAAI,CAAC,QAAQ,EAAE;YACX,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;gBAC9B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACzC,gBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AAC/D,aAAA;AACD,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACtD,SAAA;KACJ;IAED,SAAS,CAAC,KAAa,EAAE,IAAS,EAAA;QAC9B,OAAO,KAAK,IAAI,IAAI,CAAC;KACxB;AA7BQ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,+BAA+B,kBAK5B,qBAAqB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGALxB,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtB5C,4yCAmBM,EAAA,MAAA,EAAA,CAAA,44BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDCQ,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,aAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,IAAA,CAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAEpE,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAV3C,SAAS;+BACI,2BAA2B,EAAA,aAAA,EAGtB,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,wBAAwB,EAAA,UAAA,EACtB,IAAI,EACP,OAAA,EAAA,CAAC,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,CAAC,EAAA,QAAA,EAAA,4yCAAA,EAAA,MAAA,EAAA,CAAA,44BAAA,CAAA,EAAA,CAAA;;0BAOzE,MAAM;2BAAC,qBAAqB,CAAA;;;AE3BrC;;AAEG;;;;"}