@blueprintjs/icons 5.0.0-beta.0 → 5.0.0-beta.2

package/src/iconLoader.ts

@@ -14,47 +14,57 @@
  * limitations under the License.
  */
 
-import { IconName, IconNames } from "./iconNames";
-import { IconSize } from "./iconSize";
-import type { IconPaths } from "./iconSvgPaths";
+import { type IconName, IconNames } from "./iconNames";
+import { type IconPaths, IconSize } from "./iconTypes";
 import { wrapWithTimer } from "./loaderUtils";
 
 /** Given an icon name and size, loads the icon paths that define it. */
 export type IconPathsLoader = (iconName: IconName, iconSize: IconSize) => Promise<IconPaths>;
 
 export interface IconLoaderOptions {
-    /*
-     * Optional custom loader for icon path, useful if the default loader which uses a
-     * webpack-configured dynamic import() is not suitable for some reason.
+    /**
+     * The id of a built-in loader, or a custom loader function.
+     *
+     * @see https://blueprintjs.com/docs/versions/5/#icons/loading-icons
+     * @default undefined (equivalent to "split-by-size")
      */
-    loader?: IconPathsLoader;
+    loader?: "split-by-size" | "all" | IconPathsLoader;
 }
 
-/**
- * The default icon paths loader implementation, optimized for webpack.
- *
- * @see https://webpack.js.org/api/module-methods/#magic-comments for dynamic import() reference
- */
-const defaultIconPathsLoader: IconPathsLoader = async (name, size) => {
-    return (
-        await import(
-            /* webpackInclude: /\.js$/ */
-            /* webpackMode: "lazy-once" */
-            `./generated/${size}px/paths/${name}`
-        )
-    ).default;
-};
+async function getLoaderFn(options: IconLoaderOptions): Promise<IconPathsLoader> {
+    const { loader = singleton.defaultLoader } = options;
+
+    if (typeof loader === "function") {
+        return loader;
+    } else if (loader === "all") {
+        return (await import("./paths-loaders/allPathsLoader")).allPathsLoader;
+    } else {
+        return (await import("./paths-loaders/splitPathsBySizeLoader")).splitPathsBySizeLoader;
+    }
+}
 
 /**
  * Blueprint icons loader.
  */
 export class Icons {
+    /** @internal */
+    public defaultLoader: IconLoaderOptions["loader"] = "split-by-size";
+
     /** @internal */
     public loadedIconPaths16: Map<IconName, IconPaths> = new Map();
 
     /** @internal */
     public loadedIconPaths20: Map<IconName, IconPaths> = new Map();
 
+    /**
+     * Set global icon loading options for all subsequent `Icons.load()` calls.
+     */
+    public static setLoaderOptions(options: IconLoaderOptions) {
+        if (options.loader !== undefined) {
+            singleton.defaultLoader = options.loader;
+        }
+    }
+
     /**
      * Load a single icon for use in Blueprint components.
      */
@@ -100,7 +110,7 @@ export class Icons {
         return loadedIcons.get(icon);
     }
 
-    private static async loadImpl(icon: IconName, size: number, options?: IconLoaderOptions) {
+    private static async loadImpl(icon: IconName, size: number, options: IconLoaderOptions = {}) {
         if (!this.isValidIconName(icon)) {
             console.error(`[Blueprint] Unknown icon '${icon}'`);
             return;
@@ -113,21 +123,23 @@ export class Icons {
             return;
         }
 
-        // use a custom loader if specified, otherwise use the default one
-        const load = options?.loader ?? defaultIconPathsLoader;
+        const loaderFn = await getLoaderFn(options);
 
         try {
             const supportedSize = size < IconSize.LARGE ? IconSize.STANDARD : IconSize.LARGE;
-            const paths = await load(icon, supportedSize);
+            const paths = await loaderFn(icon, supportedSize);
             loadedIcons.set(icon, paths);
         } catch (e) {
             console.error(`[Blueprint] Unable to load ${size}px icon '${icon}'`, e);
         }
     }
 
-    private static isValidIconName(icon: IconName): boolean {
+    /**
+     * @returns true if the given string is a valid {@link IconName}
+     */
+    public static isValidIconName(iconName: string): iconName is IconName {
         const allIcons: IconName[] = Object.values(IconNames);
-        return allIcons.indexOf(icon) >= 0;
+        return allIcons.indexOf(iconName as IconName) >= 0;
     }
 }
 

package/src/{iconSize.ts → iconTypes.ts}

@@ -18,3 +18,5 @@ export enum IconSize {
     STANDARD = 16,
     LARGE = 20,
 }
+
+export type IconPaths = string[];

package/src/index.ts

@@ -14,10 +14,12 @@
  * limitations under the License.
  */
 
+// N.B. these named imports will trigger bundlers to statically loads all icon path modules
+export { IconSvgPaths16, IconSvgPaths20, getIconPaths } from "./allPaths";
+
 export { Icons, IconLoaderOptions, IconPathsLoader } from "./iconLoader";
 export { SVGIconProps } from "./svgIconProps";
 export { SVGIconContainer, SVGIconContainerProps } from "./svgIconContainer";
 export { getIconContentString, IconCodepoints } from "./iconCodepoints";
 export { IconName, IconNames } from "./iconNames";
-export { IconSize } from "./iconSize";
-export { getIconPaths, IconPaths, IconSvgPaths16, IconSvgPaths20, iconNameToPathsRecordKey } from "./iconSvgPaths";
+export { IconSize, IconPaths } from "./iconTypes";

package/src/loading-icons.md

@@ -58,45 +58,111 @@ These usability benefits do come at the cost of some some extra work for Bluepri
 Blueprint user) in order for these icons to be available at runtime. With the string literal API, **Blueprint code is
 importing icon modules for you**.  Let's take a look at this required configuration.
 
-<div class="@ns-callout @ns-intent-warning @ns-icon-warning-sign">
+1. Use the default dynamic import API to bundle icon paths into two chunks (standard & large sizes) separate from your
+    entry point. This requires a bundler or module loader which can handle `await import()` statements. These statements
+    are annotated with [Webpack magic comments](https://webpack.js.org/api/module-methods/#magic-comments), but they do
+    not explicitly require Webpack to function.
 
-The following strategies assume you are bundling with Webpack; if you are using a different bundler then you will have to adapt
-to its available APIs.
-</div>
+    With this API, the first usage of any icon in a given size (standard or large) will trigger a request to fetch a
+    bundle containing all the icon paths of that size. This behavior is enabled by default since the standard icon size
+    is used more frequently in Blueprint than the large size, and thus we can get a small performance enhancement by
+    deferring the loading of large icons.
+
+2. Load all icons into a single chunk (do not split by size)
+
+    ```ts
+    import { Icons } from "@blueprintjs/icons";
+
+    Icons.setLoaderOptions({ loader: "all" });
+
+    // optionally, load the icons up-front so that future usage does not trigger a network request
+    await Icons.loadAll();
+    ```
 
-1. Load all icon paths statically, similar to behavior in Blueprint versions prior to v5.x. This results in the largest bundle size for your main chunk.
+3. Use a custom Webpack loader with "eager" mode to pull icon definitions into the main chunk.
 
-    In the entry point for your bundle, use `Icons.loadAll()` with its default annotated icon loader function _or_ specify
-    a custom one. This will to ensure that webpack will bundle all the icon modules in your main chunk
-    (see [relevant Webpack docs here](https://webpack.js.org/api/module-methods/#magic-comments)):
+    This results in the largest bundle size for your main chunk.
 
     ```ts
-    // use the default annotated Webpack loader
-    Icons.loadAll();
-
-    // or, optionally specify a custom loader function optimized for loading all icons statically
-    Icons.loadAll({
-        loader: async (name, size) => {
-            return (
-                await import(
+    import { Icons, IconSize, IconPathsLoader } from "@blueprintjs/icons";
+
+    const eagerLoader: IconPathsLoader = async (name, size) => {
+        return (
+            size === IconSize.STANDARD
+                ? await import(
+                    /* webpackChunkName: "blueprint-icons" */
                     /* webpackInclude: /\.js$/ */
                     /* webpackMode: "eager" */
-                    `@blueprintjs/icons/lib/esm/generated/${size}px/paths/${name}`
+                    `@blueprintjs/icons/lib/esm/generated/16px/paths/${name}`
                 )
-            ).default;
-        },
-    });
+                : await import(
+                    /* webpackChunkName: "blueprint-icons" */
+                    /* webpackInclude: /\.js$/ */
+                    /* webpackMode: "eager" */
+                    `@blueprintjs/icons/lib/esm/generated/20px/paths/${name}`
+                )
+        ).default;
+    };
+
+    Icons.setLoaderOptions({ loader: eagerLoader });
     ```
 
-2. Load some icon paths up front (but still dynamically) with network requests, and the rest lazily/on-demand.
+4. Use a custom Webpack loader with "lazy" mode to load all icons lazily, on-demand.
+
+    Any usage of `<Icon icon="..." />` will trigger a network request to fetch the individual icon contents chunk.
 
-    In the entry point for your bundle:
+    ```ts
+    import { Icons, IconSize, IconPathsLoader } from "@blueprintjs/icons";
+
+    const lazyLoader: IconPathsLoader = async (name, size) => {
+        return (
+            size === IconSize.STANDARD
+                ? await import(
+                    /* webpackChunkName: "blueprint-icons-16px" */
+                    /* webpackInclude: /\.js$/ */
+                    /* webpackMode: "lazy" */
+                    `@blueprintjs/icons/lib/esm/generated/16px/paths/${name}`
+                )
+                : await import(
+                    /* webpackChunkName: "blueprint-icons-20px" */
+                    /* webpackInclude: /\.js$/ */
+                    /* webpackMode: "lazy" */
+                    `@blueprintjs/icons/lib/esm/generated/20px/paths/${name}`
+                )
+        ).default;
+    };
+
+    Icons.setLoaderOptions({ loader: lazyLoader });
+    ```
+
+4. Load some icon paths up front (dynamically) with network requests, and the rest lazily/on-demand.
 
     ```ts
-    Icons.load(["download", "caret-down", "endorsed", "help", "lock"]);
+    import { Icons } from "@blueprintjs/icons";
+
+    Icons.setLoaderOptions({ loader: lazyLoader });
+    await Icons.load(["download", "caret-down", "endorsed", "help", "lock"]);
     ```
 
-3. Load all icons lazily.
+5. Use a custom loaders with other bundlers, for example Vite.
+
+    ```ts
+    import { Icons, IconPaths } from "@blueprintjs/icons";
+
+    // see https://vitejs.dev/guide/features.html#glob-import
+    const iconModules: Record<string, { default: IconPaths[] }> =
+        import.meta.glob([
+            "../node_modules/@blueprintjs/icons/lib/esm/generated/16px/paths/*.js",
+            "../node_modules/@blueprintjs/icons/lib/esm/generated/20px/paths/*.js",
+        ]);
+
+    Icons.setLoaderOptions({
+        loader: async (name, size) => (
+            iconModules[
+                `../node_modules/@blueprintjs/icons/lib/esm/generated/${size}px/paths/${name}.js`
+            ].default,
+        ),
+    });
+    ```
 
-    This is the default behavior, where any usage of `<Icon icon="..." />` will trigger a network request to
-    fetch the icon contents chunk.
+@interface IconLoaderOptions

package/src/{all.ts → paths-loaders/allPathsLoader.ts}

@@ -1,5 +1,5 @@
 /*
- * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
+ * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -14,12 +14,15 @@
  * limitations under the License.
  */
 
-// icon sets should be identical aside from SVG paths, so we just import the info for the 16px set
-import {
-    BLUEPRINT_ICONS_16_CODEPOINTS as IconCodepoints,
-    BlueprintIcons_16Id as IconName,
-    BlueprintIcons_16 as IconNames,
-} from "./generated/16px/blueprint-icons-16";
+import type { IconPathsLoader } from "../iconLoader";
 
-export { IconCodepoints, IconName, IconNames };
-export * from "./generated/components";
+/**
+ * A simple module loader which concatenates all icon paths into a single chunk.
+ */
+export const allPathsLoader: IconPathsLoader = async (name, size) => {
+    const { getIconPaths } = await import(
+        /* webpackChunkName: "blueprint-icons-all-paths" */
+        "../allPaths"
+    );
+    return getIconPaths(name, size);
+};

package/src/paths-loaders/splitPathsBySizeLoader.ts

@@ -0,0 +1,44 @@
+/*
+ * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { pascalCase } from "change-case";
+
+import type { IconPathsLoader } from "../iconLoader";
+import { IconName } from "../iconNames";
+import { IconPaths, IconSize } from "../iconTypes";
+import type { PascalCase } from "../type-utils";
+
+/**
+ * A dynamic loader for icon paths that generates separate chunks for the two size variants.
+ */
+export const splitPathsBySizeLoader: IconPathsLoader = async (name, size) => {
+    const key = pascalCase(name) as PascalCase<IconName>;
+    let pathsRecord: Record<PascalCase<IconName>, IconPaths>;
+
+    if (size === IconSize.STANDARD) {
+        pathsRecord = await import(
+            /* webpackChunkName: "blueprint-icons-16px-paths" */
+            "../generated/16px/paths"
+        );
+    } else {
+        pathsRecord = await import(
+            /* webpackChunkName: "blueprint-icons-20px-paths" */
+            "../generated/20px/paths"
+        );
+    }
+
+    return pathsRecord[key];
+};

package/src/svgIconContainer.tsx

@@ -18,7 +18,7 @@ import * as React from "react";
 
 import * as Classes from "./classes";
 import type { IconName } from "./iconNames";
-import { IconSize } from "./iconSize";
+import { IconSize } from "./iconTypes";
 import { uniqueId } from "./jsUtils";
 import type { SVGIconProps } from "./svgIconProps";
 

package/lib/cjs/all.d.ts

@@ -1,3 +0,0 @@
-import { BLUEPRINT_ICONS_16_CODEPOINTS as IconCodepoints, BlueprintIcons_16Id as IconName, BlueprintIcons_16 as IconNames } from "./generated/16px/blueprint-icons-16";
-export { IconCodepoints, IconName, IconNames };
-export * from "./generated/components";

package/lib/cjs/all.js

@@ -1,25 +0,0 @@
-"use strict";
-/*
- * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconNames = exports.IconCodepoints = void 0;
-var tslib_1 = require("tslib");
-// icon sets should be identical aside from SVG paths, so we just import the info for the 16px set
-var blueprint_icons_16_1 = require("./generated/16px/blueprint-icons-16");
-Object.defineProperty(exports, "IconCodepoints", { enumerable: true, get: function () { return blueprint_icons_16_1.BLUEPRINT_ICONS_16_CODEPOINTS; } });
-Object.defineProperty(exports, "IconNames", { enumerable: true, get: function () { return blueprint_icons_16_1.BlueprintIcons_16; } });
-tslib_1.__exportStar(require("./generated/components"), exports);
-//# sourceMappingURL=all.js.map

package/lib/cjs/all.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"all.js","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;AAEH,kGAAkG;AAClG,0EAI6C;AAEpC,+FAL4B,kDAAc,OAK5B;AAAY,0FAHV,sCAAS,OAGU;AAC5C,iEAAuC"}

package/lib/cjs/iconSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconSize.js","sourceRoot":"","sources":["../../src/iconSize.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEH,IAAY,QAGX;AAHD,WAAY,QAAQ;IAChB,gDAAa,CAAA;IACb,0CAAU,CAAA;AACd,CAAC,EAHW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAGnB"}

package/lib/cjs/iconSvgPaths.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconSvgPaths.js","sourceRoot":"","sources":["../../src/iconSvgPaths.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;AAEH,2CAAyC;AAEzC,6EAAyD;AAMhD,wCAAc;AALvB,6EAAyD;AAKhC,wCAAc;AAHvC,uCAAsC;AAOtC;;;GAGG;AACH,SAAgB,wBAAwB,CAAC,IAAc;IACnD,OAAO,IAAA,wBAAU,EAAC,IAAI,CAAyB,CAAC;AACpD,CAAC;AAFD,4DAEC;AAED;;;;;;;;GAQG;AACH,SAAgB,YAAY,CAAC,IAAc,EAAE,IAAc;IACvD,IAAM,GAAG,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;IAC3C,OAAO,IAAI,KAAK,mBAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAClF,CAAC;AAHD,oCAGC"}

package/lib/esm/all.d.ts

@@ -1,3 +0,0 @@
-import { BLUEPRINT_ICONS_16_CODEPOINTS as IconCodepoints, BlueprintIcons_16Id as IconName, BlueprintIcons_16 as IconNames } from "./generated/16px/blueprint-icons-16";
-export { IconCodepoints, IconName, IconNames };
-export * from "./generated/components";

package/lib/esm/all.js

@@ -1,20 +0,0 @@
-/*
- * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// icon sets should be identical aside from SVG paths, so we just import the info for the 16px set
-import { BLUEPRINT_ICONS_16_CODEPOINTS as IconCodepoints, BlueprintIcons_16 as IconNames, } from "./generated/16px/blueprint-icons-16";
-export { IconCodepoints, IconNames };
-export * from "./generated/components";
-//# sourceMappingURL=all.js.map

package/lib/esm/all.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"all.js","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,kGAAkG;AAClG,OAAO,EACH,6BAA6B,IAAI,cAAc,EAE/C,iBAAiB,IAAI,SAAS,GACjC,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAY,SAAS,EAAE,CAAC;AAC/C,cAAc,wBAAwB,CAAC"}

package/lib/esm/iconSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconSize.js","sourceRoot":"","sources":["../../src/iconSize.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAChB,gDAAa,CAAA;IACb,0CAAU,CAAA;AACd,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB"}

package/lib/esm/iconSvgPaths.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconSvgPaths.js","sourceRoot":"","sources":["../../src/iconSvgPaths.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AAI1C;;;GAGG;AACH,MAAM,UAAU,wBAAwB,CAAC,IAAc;IACnD,OAAO,UAAU,CAAC,IAAI,CAAyB,CAAC;AACpD,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,IAAc,EAAE,IAAc;IACvD,IAAM,GAAG,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;IAC3C,OAAO,IAAI,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAClF,CAAC"}

package/lib/esnext/all.d.ts

@@ -1,3 +0,0 @@
-import { BLUEPRINT_ICONS_16_CODEPOINTS as IconCodepoints, BlueprintIcons_16Id as IconName, BlueprintIcons_16 as IconNames } from "./generated/16px/blueprint-icons-16";
-export { IconCodepoints, IconName, IconNames };
-export * from "./generated/components";

package/lib/esnext/all.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"all.js","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,kGAAkG;AAClG,OAAO,EACH,6BAA6B,IAAI,cAAc,EAE/C,iBAAiB,IAAI,SAAS,GACjC,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAY,SAAS,EAAE,CAAC;AAC/C,cAAc,wBAAwB,CAAC"}

package/lib/esnext/iconSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconSize.js","sourceRoot":"","sources":["../../src/iconSize.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAChB,gDAAa,CAAA;IACb,0CAAU,CAAA;AACd,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB"}

package/lib/esnext/iconSvgPaths.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconSvgPaths.js","sourceRoot":"","sources":["../../src/iconSvgPaths.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AAI1C;;;GAGG;AACH,MAAM,UAAU,wBAAwB,CAAC,IAAc;IACnD,OAAO,UAAU,CAAC,IAAI,CAAyB,CAAC;AACpD,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,IAAc,EAAE,IAAc;IACvD,MAAM,GAAG,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;IAC3C,OAAO,IAAI,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAClF,CAAC"}