@gooddata/sdk-ui-analytical-designer 0.0.0-stage → 11.65.0-alpha.6

package/esm/components/buckets/SimpleBucketItemHeader.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo, useCallback, useRef } from "react";
+import classNames from "classnames";
+import { useDispatch, useSelector } from "react-redux";
+import { EditableLabel, ShortenedText } from "@gooddata/sdk-ui-kit";
+import { setBucketItemTitle, setRenamingBucketItemEnded, setRenamingBucketItemStarted, } from "../../actions/buckets_actions.js";
+import { isRenamingBucketItem as isRenamingBucketItemSelector } from "../../services/buckets_service.js";
+export const SimpleBucketItemHeader = memo(function SimpleBucketItemHeader({ localIdentifier, title, alias, type, className, isCollapsed, isLocationIconVisible, onToggleCollapse, }) {
+    const editableLabelRef = useRef(null);
+    const isRenamingBucketItem = useSelector(isRenamingBucketItemSelector);
+    const dispatch = useDispatch();
+    const renamingBucketItemStarted = useCallback(() => {
+        dispatch(setRenamingBucketItemStarted());
+    }, [dispatch]);
+    const renamingBucketItemEnded = useCallback(() => {
+        dispatch(setRenamingBucketItemEnded());
+    }, [dispatch]);
+    const getClassNames = () => {
+        return classNames("adi-bucket-item-header", "s-bucket-item-header", {
+            expanded: !isCollapsed,
+            collapsed: isCollapsed,
+            renaming: isRenamingBucketItem,
+        });
+    };
+    const handleHeaderClick = (e) => {
+        // clicking on editable label should not collapse/uncollapse the bucket item
+        const isClickedOutsideEditableLabel = !editableLabelRef?.current?.contains(e.target);
+        if (isClickedOutsideEditableLabel && !isRenamingBucketItem) {
+            onToggleCollapse();
+        }
+    };
+    const onBucketItemRename = (title) => {
+        renamingBucketItemEnded();
+        dispatch(setBucketItemTitle(localIdentifier, title));
+    };
+    const innerClassName = classNames("adi-catalog-item", {
+        "multiple-dates": type === "date",
+        "configurable-attribute": type === "attribute",
+        "type-geo_attribute": isLocationIconVisible,
+        [`type-${type}`]: !isLocationIconVisible,
+    }, className);
+    return (_jsxs("div", { className: getClassNames(), onClick: handleHeaderClick, children: [_jsx("div", { className: innerClassName, children: _jsx(EditableLabel, { ref: editableLabelRef, value: alias || title, placeholder: title, maxLength: 50, maxRows: 1, onSubmit: onBucketItemRename, onEditingStart: renamingBucketItemStarted, onCancel: renamingBucketItemEnded, className: "s-rename-label" }) }), alias ? (_jsx("div", { className: "adi-bucket-item-sub-header", children: _jsx(ShortenedText, { children: title }) })) : null] }));
+});

package/esm/components/buckets/VisualizationPicker.d.ts

@@ -0,0 +1,11 @@
+import { type IVisualizationClass } from "@gooddata/sdk-model";
+import { type IVisualizationClassesState } from "../../store/visualization_classes/visualization_classes_state.js";
+interface IVisualizationPickerProps {
+    selected: IVisualizationClass;
+    visualizationClasses: IVisualizationClassesState;
+    onClick: (visualizationType: IVisualizationClass) => void;
+    enableNewGeoPushpin?: boolean;
+}
+export declare const VisualizationPicker: import("react").MemoExoticComponent<({ selected, visualizationClasses, onClick, enableNewGeoPushpin, }: IVisualizationPickerProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=VisualizationPicker.d.ts.map

package/esm/components/buckets/VisualizationPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualizationPicker.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/VisualizationPicker.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAyC/D,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,kEAAkE,CAAC;AAInH,UAAU,yBAAyB;IAC/B,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,OAAO,EAAE,CAAC,iBAAiB,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,mBAAmB,0GAK7B,yBAAyB,6CA2F1B,CAAC"}

package/esm/components/buckets/VisualizationPicker.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo } from "react";
+import classNames from "classnames";
+import { isEqual, range } from "lodash-es";
+import { defineMessages, useIntl } from "react-intl";
+import { Bubble, BubbleHoverTrigger } from "@gooddata/sdk-ui-kit";
+const visualizationTypeMessages = defineMessages({
+    table: { id: "table" },
+    line: { id: "line" },
+    column: { id: "column" },
+    bar: { id: "bar" },
+    pie: { id: "pie" },
+    headline: { id: "headline" },
+    scatter: { id: "scatter" },
+    heat: { id: "heat" },
+    bubble: { id: "bubble" },
+    bullet: { id: "bullet" },
+    geo: { id: "geo" },
+    combo: { id: "combo" },
+    combo2: { id: "combo2" },
+    heatmap: { id: "heatmap" },
+    funnel: { id: "funnel" },
+    pyramid: { id: "pyramid" },
+    dependencywheel: { id: "dependencywheel" },
+    sankey: { id: "sankey" },
+    donut: { id: "donut" },
+    dual: { id: "dual" },
+    historgram: { id: "historgram" },
+    treemap: { id: "treemap" },
+    area: { id: "area" },
+    pushpin: { id: "pushpin" },
+    region: { id: "region" },
+    choropleth: { id: "choropleth" },
+    waterfall: { id: "waterfall" },
+    xirr: { id: "xirr" },
+    repeater: { id: "repeater" },
+    radar: { id: "radar" },
+    mekko: { id: "mekko" },
+});
+import { getVisualizationClassType, isVisualizationClassLocal, } from "../../services/visualization_class_service.js";
+import { getVisualizationPickerRowLength } from "./bucketUtils.js";
+export const VisualizationPicker = memo(function VisualizationPicker({ selected, visualizationClasses, onClick, enableNewGeoPushpin = false, }) {
+    const intl = useIntl();
+    const getRowLength = (visClassCount = visualizationClasses.length) => {
+        return getVisualizationPickerRowLength(visClassCount);
+    };
+    const getClasses = (isFake) => {
+        const rowLength = getRowLength();
+        return classNames("vis", "s-visualization", {
+            "vis-fake": isFake,
+            "four-in-a-row": rowLength === 4,
+            "five-in-a-row": rowLength === 5,
+        });
+    };
+    const handleClick = (visualizationClass) => {
+        // deep equality on purpose — the selected class and the list entry are usually the same
+        // reference, but the writers re-derive the value, so identity is not a contract
+        // (store/visualization_classes/visualization_classes_state.ts)
+        if (!isEqual(selected, visualizationClass)) {
+            onClick(visualizationClass);
+        }
+    };
+    const renderButton = (visualizationClass) => {
+        const type = getVisualizationClassType(visualizationClass);
+        const uri = visualizationClass.visualizationClass.uri;
+        const classes = getClasses(false);
+        const btnClasses = classNames(`s-vis-button-${type}`, "gd-vis-type", isVisualizationClassLocal(visualizationClass) ? `gd-vis-type-${type}` : null, {
+            "is-selected": isEqual(selected, visualizationClass),
+        });
+        return (_jsx("span", { className: classes, children: _jsxs(BubbleHoverTrigger, { showDelay: 200, hideDelay: 0, eventsOnBubble: false, className: "vis-bubble-trigger", children: [_jsx("button", { className: btnClasses, onClick: () => handleClick(visualizationClass) }), _jsx(Bubble, { className: "bubble-primary", alignPoints: [{ align: "bc tc" }], children: renderVisualizationTitle(visualizationClass) })] }, uri) }, uri));
+    };
+    const renderVisualizationTitle = (visualizationClass) => {
+        const type = getVisualizationClassType(visualizationClass);
+        const title = isVisualizationClassLocal(visualizationClass)
+            ? intl.formatMessage(visualizationTypeMessages[type] ?? { id: type })
+            : visualizationClass.visualizationClass.title;
+        return _jsx("div", { children: title });
+    };
+    const renderButtons = () => {
+        const visCount = visualizationClasses.length;
+        const rowLength = getRowLength();
+        const realButtons = visualizationClasses.map((visualizationClass) => renderButton(visualizationClass));
+        const fakeButtons = [];
+        if (visCount % rowLength) {
+            const isFake = true;
+            range(rowLength - (visCount % rowLength)).forEach((key) => fakeButtons.push(_jsx("span", { className: getClasses(isFake) }, key)));
+        }
+        return [...realButtons, ...fakeButtons];
+    };
+    const pickerClassName = classNames("adi-visualization-picker", "s-visualization-picker", {
+        "adi-visualization-picker--new-pushpin": enableNewGeoPushpin,
+    });
+    return _jsx("div", { className: pickerClassName, children: renderButtons() });
+});

package/esm/components/buckets/bucketUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const getVisualizationPickerRowLength: (visClassCount: number) => 4 | 5;
+//# sourceMappingURL=bucketUtils.d.ts.map

package/esm/components/buckets/bucketUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bucketUtils.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/bucketUtils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,+BAA+B,kBAAmB,MAAM,UAMpE,CAAC"}

package/esm/components/buckets/bucketUtils.js

@@ -0,0 +1,7 @@
+// (C) 2023-2026 GoodData Corporation
+export const getVisualizationPickerRowLength = (visClassCount) => {
+    if (Math.ceil(visClassCount / 5) < Math.ceil(visClassCount / 4)) {
+        return 5;
+    }
+    return 4;
+};

package/esm/components/buckets/categories/DateConfiguration.d.ts

@@ -0,0 +1,133 @@
+import { type IntlShape } from "react-intl";
+import { type ObjRef } from "@gooddata/sdk-model";
+import { type IDecoratedDateDataset } from "../../../models/decorated_date_dataset.js";
+import { type IDecoratedDateDatasets } from "../../../models/decorated_date_datasets.js";
+import { type Granularity, type IGranularityOption } from "../../../models/granularity.js";
+import { supportsAllAttributeValues } from "../../../selectors/backend_capabilities_selector.js";
+import { type IAppState } from "../../../store/types.js";
+import { type ICacheItemDisplayForm } from "../../../typings/state_objects.js";
+export interface IDateConfigurationStateProps {
+    dateDatasets: IDecoratedDateDatasets;
+    isDateDatasetsDropdownLoaded: boolean;
+    showAllValuesVisible: boolean;
+    intl: IntlShape;
+    enableUnavailableItemsVisibility: boolean;
+}
+export interface IDateConfigurationOwnProps {
+    localIdentifier: string;
+    selectedDateDataSet: IDecoratedDateDataset;
+    selectedGranularity: Granularity;
+    granularities: IGranularityOption[];
+    defaultDialogHeight?: number;
+    displayForms?: ICacheItemDisplayForm[];
+    selectedDisplayForm?: ObjRef;
+    onSelectDisplayForm?: (displayForm: ObjRef) => void;
+    showAllValues?: boolean;
+    onChangeShowAllValues?: (showAllValues: boolean) => void;
+}
+interface IDateConfigurationDispatchProps {
+    setBucketItemDateDataset: (dateDatasetRef: ObjRef, bucketItemLocalIdentifier: string) => void;
+    setBucketItemGranularity: (localIdentifier: string, granularity: Granularity) => void;
+    callLoadDateDatasetsToDateDropdown: (ignoreDateDataset: boolean) => void;
+}
+export type IDateConfigurationProps = IDateConfigurationStateProps & IDateConfigurationDispatchProps & IDateConfigurationOwnProps;
+export declare const DateConfigurationBase: import("react").MemoExoticComponent<({ defaultDialogHeight, localIdentifier, selectedDateDataSet, selectedGranularity, granularities, displayForms, selectedDisplayForm, onSelectDisplayForm, showAllValues, onChangeShowAllValues, dateDatasets, isDateDatasetsDropdownLoaded, showAllValuesVisible, enableUnavailableItemsVisibility, setBucketItemDateDataset, setBucketItemGranularity, callLoadDateDatasetsToDateDropdown, }: IDateConfigurationProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DateConfiguration: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ defaultDialogHeight, localIdentifier, selectedDateDataSet, selectedGranularity, granularities, displayForms, selectedDisplayForm, onSelectDisplayForm, showAllValues, onChangeShowAllValues, dateDatasets, isDateDatasetsDropdownLoaded, showAllValuesVisible, enableUnavailableItemsVisibility, setBucketItemDateDataset, setBucketItemGranularity, callLoadDateDatasetsToDateDropdown, }: IDateConfigurationProps) => import("react/jsx-runtime").JSX.Element>, {
+    context?: import("react").Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null>;
+    store?: import("redux").Store;
+    localIdentifier: string;
+    selectedDateDataSet: IDecoratedDateDataset;
+    selectedGranularity: Granularity;
+    granularities: IGranularityOption[];
+    defaultDialogHeight?: number;
+    displayForms?: ICacheItemDisplayForm[];
+    selectedDisplayForm?: ObjRef;
+    onSelectDisplayForm?: (displayForm: ObjRef) => void;
+    showAllValues?: boolean;
+    onChangeShowAllValues?: (showAllValues: boolean) => void;
+}>;
+export declare const DateConfigurationTest: {
+    dateConfigurationSelector: ((state: IAppState) => IDateConfigurationStateProps) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: import("../../../typings/datasets.js").IDateDatasets, resultFuncArgs_1: boolean, resultFuncArgs_2: boolean, resultFuncArgs_3: boolean, resultFuncArgs_4: IntlShape, resultFuncArgs_5: boolean) => IDateConfigurationStateProps;
+        memoizedResultFunc: ((resultFuncArgs_0: import("../../../typings/datasets.js").IDateDatasets, resultFuncArgs_1: boolean, resultFuncArgs_2: boolean, resultFuncArgs_3: boolean, resultFuncArgs_4: IntlShape, resultFuncArgs_5: boolean) => IDateConfigurationStateProps) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => IDateConfigurationStateProps;
+        dependencies: [typeof import("../../../store/date_datasets/date_datasets_selectors.js").getPlainDateDatasets, typeof import("../../../store/date_datasets/date_datasets_selectors.js").isDateDatasetsDropdownLoaded, ((state: IAppState) => boolean) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        } & {
+            resultFunc: (resultFuncArgs_0: import("@gooddata/sdk-model").IUserWorkspaceSettings) => boolean;
+            memoizedResultFunc: ((resultFuncArgs_0: import("@gooddata/sdk-model").IUserWorkspaceSettings) => boolean) & {
+                clearCache: () => void;
+                resultsCount: () => number;
+                resetResultsCount: () => void;
+            };
+            lastResult: () => boolean;
+            dependencies: [typeof import("../../../selectors/feature_flag_selector.js").getFeatureFlags];
+            recomputations: () => number;
+            resetRecomputations: () => void;
+            dependencyRecomputations: () => number;
+            resetDependencyRecomputations: () => void;
+        } & {
+            memoize: typeof import("reselect").weakMapMemoize;
+            argsMemoize: typeof import("reselect").weakMapMemoize;
+        }, typeof supportsAllAttributeValues, ((state: IAppState) => IntlShape) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        } & {
+            resultFunc: (resultFuncArgs_0: import("@gooddata/sdk-model").ILocale | undefined, resultFuncArgs_1: Record<string, Record<string, import("@gooddata/sdk-model").ILocale>>) => IntlShape;
+            memoizedResultFunc: ((resultFuncArgs_0: import("@gooddata/sdk-model").ILocale | undefined, resultFuncArgs_1: Record<string, Record<string, import("@gooddata/sdk-model").ILocale>>) => IntlShape) & {
+                clearCache: () => void;
+                resultsCount: () => number;
+                resetResultsCount: () => void;
+            };
+            lastResult: () => IntlShape;
+            dependencies: [typeof import("../../../selectors/intl_selector.js").getLocale, typeof import("../../../selectors/intl_selector.js").getIntlMessages];
+            recomputations: () => number;
+            resetRecomputations: () => void;
+            dependencyRecomputations: () => number;
+            resetDependencyRecomputations: () => void;
+        } & {
+            memoize: typeof import("reselect").weakMapMemoize;
+            argsMemoize: typeof import("reselect").weakMapMemoize;
+        }, ((state: IAppState) => boolean) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        } & {
+            resultFunc: (resultFuncArgs_0: import("@gooddata/sdk-model").IUserWorkspaceSettings) => boolean;
+            memoizedResultFunc: ((resultFuncArgs_0: import("@gooddata/sdk-model").IUserWorkspaceSettings) => boolean) & {
+                clearCache: () => void;
+                resultsCount: () => number;
+                resetResultsCount: () => void;
+            };
+            lastResult: () => boolean;
+            dependencies: [typeof import("../../../selectors/feature_flag_selector.js").getFeatureFlags];
+            recomputations: () => number;
+            resetRecomputations: () => void;
+            dependencyRecomputations: () => number;
+            resetDependencyRecomputations: () => void;
+        } & {
+            memoize: typeof import("reselect").weakMapMemoize;
+            argsMemoize: typeof import("reselect").weakMapMemoize;
+        }];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        memoize: typeof import("reselect").weakMapMemoize;
+        argsMemoize: typeof import("reselect").weakMapMemoize;
+    };
+};
+export {};
+//# sourceMappingURL=DateConfiguration.d.ts.map

package/esm/components/buckets/categories/DateConfiguration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateConfiguration.d.ts","sourceRoot":"","sources":["../../../../src/components/buckets/categories/DateConfiguration.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoB,KAAK,SAAS,EAAiB,MAAM,YAAY,CAAC;AAI7E,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAEH,KAAK,sBAAsB,EAC9B,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAM3F,OAAO,EAAE,0BAA0B,EAAE,MAAM,qDAAqD,CAAC;AAOjG,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAqB/E,MAAM,WAAW,4BAA4B;IACzC,YAAY,EAAE,sBAAsB,CAAC;IACrC,4BAA4B,EAAE,OAAO,CAAC;IACtC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,gCAAgC,EAAE,OAAO,CAAC;CAC7C;AAED,MAAM,WAAW,0BAA0B;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,qBAAqB,CAAC;IAC3C,mBAAmB,EAAE,WAAW,CAAC;IACjC,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,+BAA+B;IACrC,wBAAwB,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F,wBAAwB,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACtF,kCAAkC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5E;AAED,MAAM,MAAM,uBAAuB,GAAG,4BAA4B,GAC9D,+BAA+B,GAC/B,0BAA0B,CAAC;AAsC/B,eAAO,MAAM,qBAAqB,qaAmB/B,uBAAuB,6CA4FxB,CAAC;AAEH,eAAO,MAAM,iBAAiB,8cA9F3B,uBAAuB;;;qBA7EL,MAAM;yBACF,qBAAqB;yBACrB,WAAW;mBACjB,kBAAkB,EAAE;0BACb,MAAM;mBACb,qBAAqB,EAAE;0BAChB,MAAM;0BACN,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI;oBACnC,OAAO;4BACC,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI;EA0KpC,CAAC;AAEzB,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEjC,CAAC"}

package/esm/components/buckets/categories/DateConfiguration.js

@@ -0,0 +1,67 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo } from "react";
+import { FormattedMessage, defineMessage } from "react-intl";
+import { connect } from "react-redux";
+import { createSelector } from "reselect";
+import { DecoratedDateDatasets, } from "../../../models/decorated_date_datasets.js";
+import { changeBucketItemDateDataset, changeBucketItemDateDatasetGranularity, loadDateDatasetsToDateDropdown, } from "../../../sagas/date_datasets/date_datasets_actions.js";
+import { supportsAllAttributeValues } from "../../../selectors/backend_capabilities_selector.js";
+import { enableUnavailableItemsVisibility, isShowAllValuesOnDatesEnabled, } from "../../../selectors/feature_flag_selector.js";
+import { getIntl } from "../../../selectors/intl_selector.js";
+import { DateDatasetsService } from "../../../services/date_datasets_service.js";
+import { NoDateAvailable } from "../../shared/NoDateAvailable.js";
+import { AttributeDisplayFormDropdown } from "../AttributeDisplayFormDropdown.js";
+import { ShowAllDateValuesSection } from "../ShowAllValues/ShowAllDateValuesSection.js";
+import { DateDatasetsDropdown } from "./DateDatasetsDropdown.js";
+import { DateGranularityDropdown } from "./DateGranularityDropdown.js";
+const DROPDOWN_ITEM_HEIGHT = 23;
+const ALIGN_POINTS = [
+    {
+        align: "bl tl",
+        offset: { x: -7, y: 1 },
+    },
+    {
+        align: "tl bl",
+        offset: { x: -7, y: -1 },
+    },
+];
+const dateConfigurationSelector = createSelector(DateDatasetsService.getPlainDateDatasets, DateDatasetsService.isDateDatasetsDropdownLoaded, isShowAllValuesOnDatesEnabled, supportsAllAttributeValues, getIntl, enableUnavailableItemsVisibility, (plainDateDatasets, isDateDatasetsDropdownLoaded, showAllValuesOnDatesEnabled, supportsAllAttributeValues, intl, enableUnavailableItemsVisibility) => {
+    return {
+        dateDatasets: DecoratedDateDatasets.createFromDateDatasets(plainDateDatasets, enableUnavailableItemsVisibility),
+        isDateDatasetsDropdownLoaded,
+        showAllValuesVisible: supportsAllAttributeValues && showAllValuesOnDatesEnabled,
+        intl,
+        enableUnavailableItemsVisibility,
+    };
+});
+function mapDispatchToProps() {
+    return {
+        setBucketItemDateDataset: changeBucketItemDateDataset,
+        setBucketItemGranularity: changeBucketItemDateDatasetGranularity,
+        callLoadDateDatasetsToDateDropdown: loadDateDatasetsToDateDropdown,
+    };
+}
+export const DateConfigurationBase = memo(function DateConfiguration({ defaultDialogHeight = 0, localIdentifier, selectedDateDataSet, selectedGranularity, granularities, displayForms, selectedDisplayForm, onSelectDisplayForm, showAllValues, onChangeShowAllValues, dateDatasets, isDateDatasetsDropdownLoaded, showAllValuesVisible, enableUnavailableItemsVisibility, setBucketItemDateDataset, setBucketItemGranularity, callLoadDateDatasetsToDateDropdown, }) {
+    const onDateDatasetChange = (selectedDateDataset) => {
+        setBucketItemDateDataset(selectedDateDataset.ref, localIdentifier);
+    };
+    const onGranularityChange = (granularity) => {
+        setBucketItemGranularity(localIdentifier, granularity);
+    };
+    const onDateDatasetDropdownOpenStateChanged = (isOpen) => {
+        const ignoreDateDataset = false;
+        if (isOpen) {
+            callLoadDateDatasetsToDateDropdown(ignoreDateDataset);
+        }
+    };
+    const renderConfiguration = () => {
+        return (_jsxs(_Fragment, { children: [_jsxs("span", { className: "select", children: [_jsx("span", { className: "select-label", children: _jsx(FormattedMessage, { id: "filter.date.calendar" }) }), _jsx("div", { className: "adi-date-dataset-switch select-button", children: _jsx(DateDatasetsDropdown, { unavailableCount: dateDatasets.unavailable, dateDatasets: dateDatasets.items, activeDateDataset: selectedDateDataSet, onDateDatasetChange: onDateDatasetChange, itemHeight: DROPDOWN_ITEM_HEIGHT, defaultDialogHeight: defaultDialogHeight, onOpenStateChanged: onDateDatasetDropdownOpenStateChanged, isDateDatasetsDropdownLoaded: isDateDatasetsDropdownLoaded, enableUnavailableItemsVisibility: enableUnavailableItemsVisibility }) })] }), _jsxs("span", { className: "select wrap", children: [_jsx("span", { className: "select-label", children: _jsx(FormattedMessage, { id: "dashboard.bucket_item.granularity" }) }), _jsx("div", { className: "adi-date-granularity-switch select-button", children: _jsx(DateGranularityDropdown, { granularities: granularities, selectedGranularity: selectedGranularity, onGranularityChange: onGranularityChange }) })] }), _jsx(ShowAllDateValuesSection, { showAllValues: showAllValues, onChangeShowAllValues: onChangeShowAllValues, visible: showAllValuesVisible, granularityOptions: granularities, selectedGranularity: selectedGranularity }), displayForms.length > 1 && (_jsx("section", { children: _jsx("div", { className: "s-date-configuration-display-form", children: _jsx(AttributeDisplayFormDropdown, { displayForms: displayForms, selectedDisplayForm: selectedDisplayForm, onSelect: onSelectDisplayForm, alignPoints: ALIGN_POINTS }) }) }))] }));
+    };
+    const dateDatasetsCount = dateDatasets.items.length;
+    return (_jsx("div", { className: "adi-bucket-configuration adi-date-bucket-item-configuration s-date-configuration date-granularity", children: dateDatasetsCount ? (renderConfiguration()) : (_jsx(NoDateAvailable, { message: defineMessage({ id: "dashboard.bucket_item.no_date_available_category" }).id })) }));
+});
+export const DateConfiguration = connect(dateConfigurationSelector, mapDispatchToProps())(DateConfigurationBase);
+export const DateConfigurationTest = {
+    dateConfigurationSelector,
+};

package/esm/components/buckets/categories/DateDatasetsDropdown.d.ts

@@ -0,0 +1,15 @@
+import { type IDecoratedDateDataset } from "../../../models/decorated_date_dataset.js";
+export interface IDateDatasetsDropdownProps {
+    className?: string;
+    dateDatasets: ReadonlyArray<IDecoratedDateDataset>;
+    activeDateDataset: IDecoratedDateDataset;
+    itemHeight: number;
+    defaultDialogHeight?: number;
+    unavailableCount: number;
+    onDateDatasetChange: (item: IDecoratedDateDataset) => void;
+    isDateDatasetsDropdownLoaded: boolean;
+    onOpenStateChanged: (isOpen: boolean) => void;
+    enableUnavailableItemsVisibility: boolean;
+}
+export declare function DateDatasetsDropdown({ className, defaultDialogHeight, itemHeight, activeDateDataset, unavailableCount, dateDatasets, onDateDatasetChange, onOpenStateChanged, isDateDatasetsDropdownLoaded, enableUnavailableItemsVisibility, }: IDateDatasetsDropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateDatasetsDropdown.d.ts.map

package/esm/components/buckets/categories/DateDatasetsDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateDatasetsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/buckets/categories/DateDatasetsDropdown.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAQvF,MAAM,WAAW,0BAA0B;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IACnD,iBAAiB,EAAE,qBAAqB,CAAC;IAEzC,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAE3D,4BAA4B,EAAE,OAAO,CAAC;IACtC,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAE9C,gCAAgC,EAAE,OAAO,CAAC;CAC7C;AAoDD,wBAAgB,oBAAoB,CAAC,EACjC,SAAmC,EACnC,mBAAuB,EACvB,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,4BAA4B,EAC5B,gCAAgC,GACnC,EAAE,0BAA0B,2CAmL5B"}

package/esm/components/buckets/categories/DateDatasetsDropdown.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
+import { FormattedMessage, defineMessage, useIntl } from "react-intl";
+import { Button, DATE_DATASET_LIST_ITEM_CLASSNAME, DateDatasetsListItem, Dropdown, DropdownButton, DropdownList, UiAsyncTableScrollbarWidth, isDateDatasetHeader, sortDateDatasets, unrelatedHeader, } from "@gooddata/sdk-ui-kit";
+import { DROPDOWN_ALIGN_POINTS, getDateConfigurationDropdownHeight, getDateDatasetDropdownWidth, subscribeEvents, } from "../../../utils/dropdown.js";
+const LIST_MAX_HEIGHT = 115;
+function measureLongestItemWidth(titles) {
+    if (titles.length === 0) {
+        return 0;
+    }
+    const probe = document.createElement("div");
+    probe.className = `${DATE_DATASET_LIST_ITEM_CLASSNAME} is-selected s-date-dataset-width-probe`;
+    probe.style.position = "absolute";
+    probe.style.visibility = "hidden";
+    probe.style.whiteSpace = "nowrap";
+    probe.style.top = "-9999px";
+    probe.style.left = "-9999px";
+    const text = document.createElement("span");
+    text.className = "shortened is-whole";
+    probe.appendChild(text);
+    document.body.appendChild(probe);
+    let maxWidth = 0;
+    for (const title of titles) {
+        text.textContent = title;
+        maxWidth = Math.max(maxWidth, probe.getBoundingClientRect().width);
+    }
+    document.body.removeChild(probe);
+    return Math.ceil(maxWidth);
+}
+const dateDataSetWithUnrelatedGroup = (dateDatasets, withUnrelatedGroup = false) => {
+    const availableItems = dateDatasets.filter((item) => item.isAvailable || item.type === "header");
+    const unavailableItems = dateDatasets.filter((item) => !item.isAvailable);
+    if (withUnrelatedGroup && unavailableItems && unavailableItems.length > 0) {
+        return [...availableItems, unrelatedHeader, ...unavailableItems];
+    }
+    return availableItems;
+};
+export function DateDatasetsDropdown({ className = "s-date-dataset-switch", defaultDialogHeight = 0, itemHeight, activeDateDataset, unavailableCount, dateDatasets, onDateDatasetChange, onOpenStateChanged, isDateDatasetsDropdownLoaded, enableUnavailableItemsVisibility, }) {
+    const intl = useIntl();
+    const [showUnavailableItems, setShowUnavailableItems] = useState(!activeDateDataset.isAvailable);
+    const sortedItemsWithUnrelatedGroup = useMemo(() => {
+        const mappedDateDatasets = dateDatasets.map((dateDataset) => ({
+            ...dateDataset,
+            id: dateDataset.identifier,
+        }));
+        const sortedItems = sortDateDatasets(mappedDateDatasets);
+        return dateDataSetWithUnrelatedGroup(sortedItems, enableUnavailableItemsVisibility && showUnavailableItems);
+    }, [dateDatasets, enableUnavailableItemsVisibility, showUnavailableItems]);
+    const buttonRef = useRef(null);
+    const [{ height, width }, setDropdownDimensions] = useState({
+        width: 0,
+        height: defaultDialogHeight,
+    });
+    const dropdownBodyHeight = sortedItemsWithUnrelatedGroup.length * itemHeight;
+    const dimensionInputsRef = useRef({ dropdownBodyHeight, unavailableCount });
+    dimensionInputsRef.current = { dropdownBodyHeight, unavailableCount };
+    const contentWidthRef = useRef(0);
+    const recalculateDimensions = useCallback(() => {
+        if (!buttonRef.current) {
+            return;
+        }
+        const { dropdownBodyHeight: bodyHeight, unavailableCount: unavailCount } = dimensionInputsRef.current;
+        const buttonRect = buttonRef.current.getBoundingClientRect();
+        const calculatedWidth = getDateDatasetDropdownWidth(buttonRect.width, contentWidthRef.current, buttonRect.left, buttonRect.right);
+        const calculatedHeight = getDateConfigurationDropdownHeight(buttonRect.top, buttonRect.height, bodyHeight, unavailCount > 0);
+        setDropdownDimensions({ width: calculatedWidth, height: calculatedHeight });
+    }, []);
+    useLayoutEffect(() => {
+        const titles = sortedItemsWithUnrelatedGroup.map((item) => isDateDatasetHeader(item) ? intl.formatMessage({ id: item.title }) : item.title);
+        const measuredWidth = measureLongestItemWidth(titles);
+        contentWidthRef.current =
+            dropdownBodyHeight > LIST_MAX_HEIGHT ? measuredWidth + UiAsyncTableScrollbarWidth : measuredWidth;
+        recalculateDimensions();
+    }, [
+        isDateDatasetsDropdownLoaded,
+        dropdownBodyHeight,
+        unavailableCount,
+        sortedItemsWithUnrelatedGroup,
+        intl,
+        recalculateDimensions,
+    ]);
+    const subscribersRef = useRef(null);
+    useEffect(() => {
+        subscribersRef.current = subscribeEvents(recalculateDimensions);
+        return () => {
+            subscribersRef.current?.forEach((subscriber) => {
+                subscriber.unsubscribe();
+            });
+            subscribersRef.current = null;
+        };
+    }, [recalculateDimensions]);
+    const handleDropdownOpen = (isOpen) => {
+        onOpenStateChanged(isOpen);
+        setShowUnavailableItems(!activeDateDataset.isAvailable);
+    };
+    const handleShowUnrelatedDateClick = () => {
+        setShowUnavailableItems(!showUnavailableItems);
+    };
+    return (_jsx(Dropdown, { className: className, closeOnMouseDrag: true, closeOnParentScroll: true, alignPoints: DROPDOWN_ALIGN_POINTS, onOpenStateChanged: handleDropdownOpen, renderButton: ({ isOpen, toggleDropdown }) => {
+            const className = classNames("s-date-dataset-button", isOpen ? "s-expanded" : "s-collapsed");
+            return (_jsx("div", { ref: (ref) => {
+                    if (ref && ref !== buttonRef.current) {
+                        buttonRef.current = ref;
+                    }
+                }, children: _jsx(DropdownButton, { id: "date-dataset-dropdown", className: className, value: activeDateDataset.title, isOpen: isOpen, onClick: toggleDropdown }) }));
+        }, renderBody: ({ closeDropdown, isMobile }) => (_jsxs("div", { style: { width }, children: [_jsx(DropdownList, { className: "adi-date-datasets-list s-date-datasets-list", isMobile: isMobile, height: height, width: width, itemHeight: itemHeight, maxHeight: LIST_MAX_HEIGHT, items: sortedItemsWithUnrelatedGroup, itemsCount: sortedItemsWithUnrelatedGroup.length, isLoading: !isDateDatasetsDropdownLoaded, renderItem: ({ item, width: itemWidth }) => {
+                        const isDateHeader = isDateDatasetHeader(item);
+                        const isSelected = !isDateHeader && activeDateDataset?.identifier === item?.identifier;
+                        return (_jsx(DateDatasetsListItem, { title: isDateHeader ? intl.formatMessage({ id: item.title }) : item.title, isHeader: isDateHeader, isSelected: isSelected, width: itemWidth, onClick: (e) => {
+                                if (!isDateHeader) {
+                                    e.preventDefault();
+                                    closeDropdown();
+                                    onDateDatasetChange(item);
+                                }
+                            }, isUnrelated: !item.isAvailable }));
+                    } }), unavailableCount > 0 && isDateDatasetsDropdownLoaded ? (_jsxs("div", { className: "gd-list-footer", children: [_jsx(FormattedMessage, { id: enableUnavailableItemsVisibility
+                                ? defineMessage({
+                                    id: "date.date-dataset.unrelated_hidden_with_button",
+                                }).id
+                                : defineMessage({ id: "date.date-dataset.unrelated_hidden" }).id, values: { count: unavailableCount, isShow: showUnavailableItems } }), enableUnavailableItemsVisibility ? (_jsx(Button, { onClick: handleShowUnrelatedDateClick, className: "gd-button-link-dimmed unrelated-date-button", value: intl.formatMessage(showUnavailableItems
+                                ? defineMessage({ id: "date.date-dataset.unavailableItems.hide" })
+                                : defineMessage({
+                                    id: "date.date-dataset.unavailableItems.show",
+                                })) })) : null] })) : null] })) }));
+}

package/esm/components/buckets/categories/DateGranularityDropdown.d.ts

@@ -0,0 +1,9 @@
+import { type Granularity, type IGranularityOption } from "../../../models/granularity.js";
+interface IDateGranularityDropdownProps {
+    granularities: IGranularityOption[];
+    selectedGranularity: Granularity;
+    onGranularityChange: (granularity: Granularity) => void;
+}
+export declare const DateGranularityDropdown: import("react").MemoExoticComponent<({ granularities, selectedGranularity, onGranularityChange, }: IDateGranularityDropdownProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=DateGranularityDropdown.d.ts.map

package/esm/components/buckets/categories/DateGranularityDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateGranularityDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/buckets/categories/DateGranularityDropdown.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAI3F,UAAU,6BAA6B;IACnC,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACpC,mBAAmB,EAAE,WAAW,CAAC;IACjC,mBAAmB,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,uBAAuB,qGAIjC,6BAA6B,6CAsE9B,CAAC"}

package/esm/components/buckets/categories/DateGranularityDropdown.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { useIntl } from "react-intl";
+import { DropdownButton, Menu } from "@gooddata/sdk-ui-kit";
+import { DateGranularityMenu } from "./DateGranularityMenu.js";
+export const DateGranularityDropdown = memo(function DateGranularityDropdown({ granularities, selectedGranularity, onGranularityChange, }) {
+    const intl = useIntl();
+    const [isOpen, setIsOpen] = useState(false);
+    const isMenuMountedRef = useRef(false);
+    useEffect(() => {
+        isMenuMountedRef.current = true;
+        return () => {
+            isMenuMountedRef.current = false;
+        };
+    }, []);
+    const toggleDropdown = useCallback(() => {
+        setIsOpen(!isOpen);
+    }, [isOpen]);
+    const closeDropdown = useCallback(() => {
+        setIsOpen(false);
+    }, []);
+    const onOpenedChange = useCallback(({ opened, source }) => {
+        if (isMenuMountedRef.current && source === "OUTSIDE_CLICK") {
+            setIsOpen(opened);
+        }
+    }, []);
+    const renderDropdownButton = useCallback((isOpen, toggleDropdown) => {
+        const className = classNames("s-date-granularity-button", {
+            "s-expanded": isOpen,
+            "s-collapsed": !isOpen,
+        });
+        const selectedGranularityLabel = granularities.find((granularity) => granularity.dateType === selectedGranularity)?.label;
+        return (_jsx(DropdownButton, { onClick: toggleDropdown, className: className, value: intl.formatMessage({ id: selectedGranularityLabel }), isOpen: isOpen }));
+    }, [granularities, selectedGranularity, intl]);
+    const handleOnGranularityChange = useCallback((granularity) => {
+        onGranularityChange(granularity);
+        closeDropdown();
+    }, [onGranularityChange, closeDropdown]);
+    return (_jsx(Menu, { toggler: renderDropdownButton(isOpen, toggleDropdown), opened: isOpen, openAction: "click", closeOnScroll: true, onOpenedChange: onOpenedChange, children: _jsx(DateGranularityMenu, { granularities: granularities, selectedGranularity: selectedGranularity, onGranularityChange: handleOnGranularityChange }) }));
+});

package/esm/components/buckets/categories/DateGranularityMenu.d.ts

@@ -0,0 +1,9 @@
+import { type Granularity, type IGranularityOption } from "../../../models/granularity.js";
+interface IDateGranularityListProps {
+    granularities: IGranularityOption[];
+    selectedGranularity: Granularity;
+    onGranularityChange: (granularity: Granularity) => void;
+}
+export declare function DateGranularityMenu({ granularities, selectedGranularity, onGranularityChange, }: IDateGranularityListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DateGranularityMenu.d.ts.map

package/esm/components/buckets/categories/DateGranularityMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateGranularityMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/buckets/categories/DateGranularityMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAK3F,UAAU,yBAAyB;IAC/B,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACpC,mBAAmB,EAAE,WAAW,CAAC;IACjC,mBAAmB,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAChC,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACtB,EAAE,yBAAyB,2CAe3B"}

package/esm/components/buckets/categories/DateGranularityMenu.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2021-2026 GoodData Corporation
+import { ItemsWrapper } from "@gooddata/sdk-ui-kit";
+import { DateGranularityMenuItems } from "./DateGranularityMenuItems.js";
+import { DateGranularitySubMenu } from "./DateGranularitySubMenu.js";
+export function DateGranularityMenu({ granularities, selectedGranularity, onGranularityChange, }) {
+    return (_jsxs(ItemsWrapper, { className: "adi-date-granularity-dropdown s-date-granularity-switch", smallItemsSpacing: true, children: [_jsx(DateGranularityMenuItems, { granularities: granularities, selectedGranularity: selectedGranularity, onGranularityChange: onGranularityChange }), _jsx(DateGranularitySubMenu, { granularities: granularities, selectedGranularity: selectedGranularity, onGranularityChange: onGranularityChange })] }));
+}

package/esm/components/buckets/categories/DateGranularityMenuItem.d.ts

@@ -0,0 +1,8 @@
+import { type Granularity, type IGranularityOption } from "../../../models/granularity.js";
+export interface IDateGranularityListItemOwnProps {
+    item: IGranularityOption;
+    selectedGranularity: Granularity;
+    onGranularityChange: (granularity: Granularity) => void;
+}
+export declare function DateGranularityMenuItem({ item, selectedGranularity, onGranularityChange, }: IDateGranularityListItemOwnProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateGranularityMenuItem.d.ts.map

package/esm/components/buckets/categories/DateGranularityMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateGranularityMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/buckets/categories/DateGranularityMenuItem.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,gCAAgC;IAC7C,IAAI,EAAE,kBAAkB,CAAC;IACzB,mBAAmB,EAAE,WAAW,CAAC;IACjC,mBAAmB,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,uBAAuB,CAAC,EACpC,IAAI,EACJ,mBAAmB,EACnB,mBAAmB,GACtB,EAAE,gCAAgC,2CAqBlC"}