@panneau/core 4.1.1 → 5.0.0-alpha.0

package/dist/index.js

@@ -1,536 +1,17 @@
-import isObject from 'lodash-es/isObject';
-import { flattenComponents, getComponentFromName } from '@panneau/core/utils';
-import isArray from 'lodash-es/isArray';
-import uniqBy from 'lodash-es/uniqBy';
-import EventEmitter from 'wolfy87-eventemitter';
-import { Tracking as Tracking$1 } from '@folklore/tracking';
-
-class ComponentsManager {
-  // Nested components maps are flattened with their key as namespace
-  constructor(components = {}) {
-    this.components = flattenComponents(components);
-  }
-  addComponent(name, component, namespace = null) {
-    return this.addComponents({
-      [name]: component
-    }, namespace);
-  }
-  addComponents(components, namespace = null) {
-    const newComponents = namespace !== null ? Object.keys(components).reduce((componentsMaps, name) => ({
-      ...componentsMaps,
-      [`${namespace}.${name}`]: components[name]
-    }), {}) : components;
-    this.components = {
-      ...this.components,
-      ...newComponents
-    };
-    return this;
-  }
-  merge(manager, namespace = null) {
-    return this.addComponents(manager.getComponents(), namespace);
-  }
-  addNamespace(namespace) {
-    if (namespace === null) {
-      return this;
-    }
-    this.components = Object.keys(this.components).reduce((componentsMap, name) => ({
-      ...componentsMap,
-      [`${namespace}.${name}`]: this.components[name]
-    }), {});
-    return this;
-  }
-  getComponent(name, namespace = null) {
-    if (isObject(name)) {
-      return name;
-    }
-    const components = this.getComponents(namespace);
-    return getComponentFromName(name, components);
-  }
-  getComponents(namespace = null) {
-    return namespace !== null ? Object.keys(this.components || {}).reduce((componentsMap, name) => {
-      const pattern = new RegExp(`^${namespace}\\.(.*)$`);
-      const matches = pattern.exec(name);
-      return matches !== null ? {
-        ...(componentsMap || {}),
-        [matches[1]]: this.components[name]
-      } : componentsMap;
-    }, null) : this.components;
-  }
-  hasComponent(name, namespace = null) {
-    return this.components !== null && typeof this.components[namespace !== null ? `${namespace}.${name}` : name] !== 'undefined';
-  }
-}
-
-class DefinitionsManager {
-  constructor(definitions = []) {
-    this.definitions = definitions || [];
-  }
-  addDefinition(definition) {
-    this.addDefinitions(isArray(definition) ? definition : [definition]);
-    return this;
-  }
-  addDefinitions(definitions) {
-    this.definitions = uniqBy([...definitions, ...this.definitions], it => it.id);
-    return this;
-  }
-  merge(manager) {
-    return this.addDefinitions(manager.getDefinitions());
-  }
-  getDefinition(id) {
-    if (id === null) {
-      return null;
-    }
-    return this.definitions.find(it => it.id === id) || null;
-  }
-  getDefinitions() {
-    return this.definitions;
-  }
-  hasDefinition(id) {
-    return this.getDefinition(id) !== null;
-  }
-  getComponent(id) {
-    const {
-      component = null
-    } = this.getDefinition(id) || {};
-    return component;
-  }
-  getComponents() {
-    return this.definitions.reduce((allComponents, {
-      id,
-      component = null
-    }) => component !== null ? {
-      ...allComponents,
-      [id]: component
-    } : allComponents, {});
-  }
-}
-
-class EventsManager extends EventEmitter {
-  constructor(element) {
-    super();
-    this.element = element;
-    this.events = {};
-    this.listeners = {};
-  }
-  subscribe(event, callback) {
-    this.on(event, callback);
-    this.events = {
-      ...this.events,
-      [event]: [...(this.events[event] || []), callback]
-    };
-    if (this.events[event].length === 1) {
-      this.addEventListener(event);
-    }
-  }
-  unsubscribe(event, callback) {
-    this.off(event, callback);
-    this.events = Object.keys(this.events).reduce((newEvents, eventName) => {
-      if (eventName !== event) {
-        return {
-          ...newEvents,
-          [eventName]: this.events[eventName]
-        };
-      }
-      const newListeners = this.events[eventName].filter(listener => listener !== callback);
-      return newListeners.length > 0 ? {
-        ...newEvents,
-        [eventName]: newListeners
-      } : newEvents;
-    }, {});
-    if (typeof this.events[event] === 'undefined') {
-      this.removeEventListener(event);
-    }
-  }
-  addEventListener(event) {
-    if (typeof this.listeners[event] === 'undefined') {
-      this.listeners[event] = (...args) => this.emit(event, ...args);
-    }
-    this.element.addEventListener(event, this.listeners[event]);
-  }
-  removeEventListener(event) {
-    this.element.removeEventListener(event, this.listeners[event]);
-  }
-}
-
-class FieldsManager extends DefinitionsManager {}
-
-class FontsParser {
-  constructor({
-    fieldsManager,
-    screensManager
-  }) {
-    this.fieldsManager = fieldsManager;
-    this.screensManager = screensManager;
-  }
-
-  // Extract fonts
-  parse(story) {
-    if (story === null) {
-      return story;
-    }
-
-    // Extract fonts from screen
-    const {
-      theme = null,
-      components = []
-    } = story || {};
-    const fonts = uniqBy(components.reduce((currentFonts, screen) => {
-      const {
-        type
-      } = screen;
-      const {
-        fields = []
-      } = this.screensManager.getDefinition(type) || {};
-      const fieldsPattern = this.getFieldsPattern(fields);
-      const newFonts = FontsParser.extractFontsWithPaths(screen, fieldsPattern);
-      return newFonts.length > 0 ? [...currentFonts, ...newFonts] : currentFonts;
-    }, []), 'name');
-
-    // Extract fonts from theme
-    if (theme !== null) {
-      const {
-        fonts: themeFonts = [],
-        ...newTheme
-      } = this.parse(theme);
-      return fonts.length > 0 || themeFonts.length > 0 ? {
-        ...story,
-        theme: newTheme,
-        fonts: uniqBy([...themeFonts, ...fonts], 'name')
-      } : story;
-    }
-    return fonts.length > 0 ? {
-      ...story,
-      fonts
-    } : story;
-  }
-  getFieldsPattern(fields, namePrefix = null) {
-    return fields.reduce((patterns, field) => {
-      const {
-        name = null,
-        type = null
-      } = field;
-      const path = [namePrefix, name].filter(it => it !== null).join('\\.');
-      const fieldDefinition = {
-        ...(type !== null ? this.fieldsManager.getDefinition(type) : null),
-        ...field
-      };
-
-      // also check settings fields
-      const {
-        fields: subFields = [],
-        itemsField = null,
-        settings = []
-      } = fieldDefinition;
-      return [...patterns, ...(FontsParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp(`^${path}$`)] : []), ...this.getFieldsPattern(subFields, path), ...this.getFieldsPattern(settings, path), ...(itemsField !== null ? this.getFieldsPattern([itemsField], `${path}\\.[0-9]+`) : [])];
-    }, []);
-  }
-  static fieldIsFontFamily({
-    id = null
-  }) {
-    return id === 'font-family';
-  }
-  static valueIsFont({
-    type = null
-  }) {
-    return type === 'custom' || type === 'google';
-  }
-  static extractFontsWithPaths(data, patterns, keyPrefix = null) {
-    const dataIsArray = isArray(data);
-    const keys = dataIsArray ? [...data.keys()] : Object.keys(data);
-    return keys.reduce((currentFonts, key) => {
-      const path = [keyPrefix, key].filter(it => it !== null).join('.');
-      const patternMatch = patterns.reduce((found, pattern) => found || pattern.test(path), false);
-      const value = data[key];
-      let font = null;
-      let subFonts = null;
-      if (patternMatch && isObject(value) && FontsParser.valueIsFont(value)) {
-        font = value;
-      } else if (isObject(value) || isArray(value)) {
-        subFonts = FontsParser.extractFontsWithPaths(value, patterns, path);
-      }
-      return subFonts !== null || font !== null ? [...currentFonts, ...(subFonts || []), ...(font !== null ? [font] : [])] : currentFonts;
-    }, []);
-  }
-}
-
-class FormsManager extends DefinitionsManager {}
-
-class MediasParser {
-  constructor({
-    fieldsManager,
-    screensManager = null
-  }) {
-    this.fieldsManager = fieldsManager;
-    this.screensManager = screensManager;
-  }
-
-  // Convert medias object to path
-  toPath(story) {
-    if (story === null) {
-      return story;
-    }
-    const {
-      theme = null,
-      components = []
-    } = story || {};
-    const {
-      components: newComponents,
-      medias
-    } = components.reduce(({
-      components: previousComponents,
-      medias: currentMedias
-    }, screen) => {
-      const {
-        type
-      } = screen;
-      const {
-        fields = []
-      } = this.screensManager?.getDefinition(type) || {};
-      const fieldsPattern = this.getMediaFieldsPattern(fields);
-      const {
-        data: newScreen,
-        medias: newMedias
-      } = MediasParser.replaceMediasWithPaths(screen, fieldsPattern);
-      return {
-        components: [...previousComponents, newScreen],
-        medias: {
-          ...currentMedias,
-          ...newMedias
-        }
-      };
-    }, {
-      components: [],
-      medias: null
-    });
-    if (theme !== null) {
-      const {
-        medias: themeMedias,
-        ...newTheme
-      } = this.toPath(theme);
-      return medias !== null || themeMedias !== null ? {
-        ...story,
-        theme: newTheme,
-        components: newComponents,
-        medias: {
-          ...themeMedias,
-          ...medias
-        }
-      } : story;
-    }
-    return medias !== null ? {
-      ...story,
-      components: newComponents,
-      medias
-    } : story;
-  }
-
-  // Convert path to medias object
-  fromPath(story, defaultMedias = null) {
-    if (story === null) {
-      return story;
-    }
-    const {
-      theme = null,
-      components = [],
-      medias = defaultMedias
-    } = story || {};
-    if (medias === null && theme === null) {
-      return story;
-    }
-
-    // Replace path with medias objects
-    const newComponents = medias !== null ? components.map(screen => {
-      const {
-        type
-      } = screen;
-      const {
-        fields = []
-      } = this.screensManager?.getDefinition(type) || {};
-      const fieldsPattern = this.getMediaFieldsPattern(fields);
-      return MediasParser.replacePathsWithMedias(screen, medias, fieldsPattern);
-    }) : components;
-
-    // Replace path with medias object in theme
-    if (theme !== null) {
-      const newTheme = this.fromPath(theme, medias);
-      return newTheme !== theme || newComponents !== components ? {
-        ...story,
-        theme: newTheme,
-        components: newComponents
-      } : story;
-    }
-    return newComponents !== components ? {
-      ...story,
-      components: newComponents
-    } : story;
-  }
-  getMediaFieldsPattern(fields, namePrefix = null) {
-    return fields.reduce((patterns, field) => {
-      const {
-        name = null,
-        type = null
-      } = field;
-      const path = [namePrefix, name].filter(it => it !== null).join('\\.');
-      const fieldDefinition = {
-        ...(type !== null ? this.fieldsManager.getDefinition(type) : null),
-        ...field
-      };
-
-      // also check settings fields
-      const {
-        fields: subFields = [],
-        itemsField = null,
-        settings = []
-      } = fieldDefinition;
-      return [...patterns, ...(MediasParser.fieldIsMedia(fieldDefinition) ? [new RegExp(`^${path}$`)] : []), ...(MediasParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp(`^${path}\\.media$`)] : []), ...this.getMediaFieldsPattern(subFields, path), ...this.getMediaFieldsPattern(settings, path), ...(itemsField !== null ? this.getMediaFieldsPattern([itemsField], `${path}\\.[0-9]+`) : [])];
-    }, []);
-  }
-  static fieldIsMedia({
-    media = false
-  }) {
-    return media;
-  }
-  static fieldIsFontFamily({
-    id = null
-  }) {
-    return id === 'font-family';
-  }
-  static replacePathsWithMedias(data, medias, patterns, keyPrefix = null) {
-    const dataIsArray = isArray(data);
-    const keys = dataIsArray ? [...data.keys()] : Object.keys(data);
-    return keys.reduce((newData, key) => {
-      const path = [keyPrefix, key].filter(it => it !== null).join('.');
-      const patternMatch = patterns.reduce((found, pattern) => found || pattern.test(path), false);
-      const value = data[key];
-      let newValue;
-      if (patternMatch) {
-        newValue = isObject(value) ? value : medias[value] || null;
-      } else {
-        newValue = isObject(value) || isArray(value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
-      }
-      return dataIsArray ? [...newData, newValue] : {
-        ...newData,
-        [key]: newValue
-      };
-    }, dataIsArray ? [] : {});
-  }
-  static getMediaPath({
-    id = null
-  }) {
-    return id !== null ? `media://${id}` : null;
-  }
-  static replaceMediasWithPaths(data, patterns, medias = null, keyPrefix = null) {
-    const dataIsArray = isArray(data);
-    const keys = dataIsArray ? [...data.keys()] : Object.keys(data);
-    return keys.reduce(({
-      data: currentData,
-      medias: currentMedias
-    }, key) => {
-      const path = [keyPrefix, key].filter(it => it !== null).join('.');
-      const patternMatch = patterns.reduce((found, pattern) => found || pattern.test(path), false);
-      const value = data[key];
-      let newValue;
-      let media = null;
-      let subMedias = null;
-      if (patternMatch && isObject(value)) {
-        const mediaPath = MediasParser.getMediaPath(value);
-        newValue = mediaPath !== null ? mediaPath : value;
-        media = mediaPath !== null ? value : null;
-      } else if (isObject(value) || isArray(value)) {
-        const subReturn = MediasParser.replaceMediasWithPaths(value, patterns, medias, path);
-        newValue = subReturn.data;
-        subMedias = subReturn.medias;
-      } else {
-        newValue = value;
-      }
-      return {
-        data: dataIsArray ? [...(currentData || []), newValue] : {
-          ...currentData,
-          [key]: newValue
-        },
-        medias: media !== null ? {
-          ...currentMedias,
-          ...subMedias,
-          [newValue]: media
-        } : {
-          ...currentMedias,
-          ...subMedias
-        }
-      };
-    }, {
-      data: dataIsArray ? [] : {},
-      medias
-    });
-  }
-}
-
-/* eslint-disable no-console */
-class Tracking extends Tracking$1 {
-  setVariables(variables) {
-    this.variables = variables;
-    if (variables !== null) {
-      this.push(variables);
-    }
-  }
-  getVariables() {
-    return this.variables;
-  }
-  trackScreenView(screen, screenIndex) {
-    const {
-      id: screenId = null,
-      type: screenType = null
-    } = screen || {};
-    const data = {
-      event: 'screenView',
-      screenId,
-      screenType,
-      screenIndex
-    };
-    this.push(data);
-  }
-
-  // The options can also be a value, to stay compatible with the base trackEvent signature
-  trackEvent(category, action, label, options = {}) {
-    const {
-      value = null,
-      ...opts
-    } = isObject(options) ? options : {
-      value: options
-    };
-    const data = {
-      ...opts,
-      event: 'eventInteraction',
-      eventCategory: category,
-      eventAction: action,
-      eventLabel: label,
-      eventValue: value
-    };
-    this.push(data);
-  }
-  trackMedia(type, media, action, {
-    value = null,
-    ...opts
-  } = {}) {
-    const {
-      id: mediaId = null,
-      name = null,
-      duration = null,
-      currentTime = null
-    } = media || {};
-    const label = name;
-    const data = {
-      ...opts,
-      event: 'eventInteraction',
-      eventCategory: type,
-      eventAction: action,
-      eventLabel: label,
-      eventValue: value,
-      mediaId,
-      mediaCurrentTime: currentTime !== null ? Math.round(currentTime) : null,
-      mediaProgress: currentTime !== null && duration !== null && duration > 0 ? Math.round(currentTime / duration * 100) : null
-    };
-    this.push(data);
-  }
-}
-
-export { ComponentsManager, DefinitionsManager, EventsManager, FieldsManager, FontsParser, FormsManager, MediasParser, Tracking };
+import { can, canRunAction, getActionPlacements, isActionAllowedOn, partitionByAction } from "./definition/abilities.js";
+import { getLayoutFieldNames, resolveFields, resolveForm } from "./definition/form.js";
+import { DEFAULT_PER_PAGE, groupActions, resolveList } from "./definition/list.js";
+import { findResource, resolveResource } from "./definition/resource.js";
+import { isEqual, setValue } from "./values.js";
+import { formatRuleFailure } from "./form/messages.js";
+import { getItemValues, getProblem, isItem } from "./form/problem.js";
+import { selectErrorCount, selectErrors, selectValue, selectVisible } from "./form/selectors.js";
+import { createLocalStore } from "./form/store.js";
+import { createForm, getDefaultValues } from "./form/form.js";
+import { createList } from "./list/list.js";
+import { createHistoryRouter, createMemoryRouter } from "./list/router.js";
+import { createPluginRegistry, definePlugin, loadMessages } from "./plugins.js";
+import { PanneauProvider, usePanneau, usePlugins, useResource } from "./react/provider.js";
+import { useForm, useFormField } from "./react/useForm.js";
+import { useList } from "./react/useList.js";
+export { DEFAULT_PER_PAGE, PanneauProvider, can, canRunAction, createForm, createHistoryRouter, createList, createLocalStore, createMemoryRouter, createPluginRegistry, definePlugin, findResource, formatRuleFailure, getActionPlacements, getDefaultValues, getItemValues, getLayoutFieldNames, getProblem, groupActions, isActionAllowedOn, isEqual, isItem, loadMessages, partitionByAction, resolveFields, resolveForm, resolveList, resolveResource, selectErrorCount, selectErrors, selectValue, selectVisible, setValue, useForm, useFormField, useList, usePanneau, usePlugins, useResource };

package/dist/list/list.d.ts

@@ -0,0 +1,68 @@
+import { type FilterValue, type ListQuery, type Selection } from '@panneau/protocol';
+import type { ResolvedList } from '../definition/list';
+import type { Router } from './router';
+/**
+ * Selected items: some ids, or every item matching the list query (filters and search) except
+ * some ids. "All matching" covers the items of every page.
+ */
+export type ListSelection = {
+    mode: 'ids';
+    ids: readonly string[];
+} | {
+    mode: 'all';
+    except: readonly string[];
+};
+export interface ListState {
+    /** The query to fetch: the list's defaults, overridden by the current state. */
+    query: ListQuery;
+    selection: ListSelection;
+}
+export interface ListDefaults {
+    perPage?: number;
+    /** Default sort, as `sort` query values (`['-published_at']`). */
+    sort?: string[];
+}
+export interface ListOptions {
+    /** A resolved list, for the defaults (`perPage`, `defaultSort`). */
+    list?: ResolvedList;
+    /** Defaults, over those of `list`. Default values are not written to the URL. */
+    defaults?: ListDefaults;
+    /** The starting query, when there is no router. */
+    query?: ListQuery;
+    /** Keeps the query in the URL. The router's query string wins over `query`. */
+    router?: Router | null;
+}
+/** A headless list: query and selection. React components use `useList()`. */
+export interface List {
+    getState(): ListState;
+    subscribe(listener: () => void): () => void;
+    setPage(page: number): void;
+    /** Sets the page size, and goes back to the first page. */
+    setPerPage(perPage: number): void;
+    /** Sets the sort (`['-published_at', 'title']`), and goes back to the first page. */
+    setSort(sort: readonly string[]): void;
+    /** Sorts by a field: ascending, then descending, then back to the default sort. */
+    toggleSort(field: string): void;
+    /** Sets or removes (`undefined`) a filter, goes back to the first page, and clears the selection. */
+    setFilter(id: string, value: FilterValue | undefined): void;
+    /** Sets the search, goes back to the first page, and clears the selection. */
+    setSearch(q: string): void;
+    /** Removes the page, filters, search and sort: back to the defaults. */
+    resetQuery(): void;
+    /** Adds ids to the selection (removes them from the exceptions in "all matching" mode). */
+    select(ids: readonly string[]): void;
+    /** Removes ids from the selection (adds them to the exceptions in "all matching" mode). */
+    deselect(ids: readonly string[]): void;
+    toggle(id: string): void;
+    /** Selects every item matching the query, on every page. */
+    selectAllMatching(): void;
+    clearSelection(): void;
+    isSelected(id: string): boolean;
+    /** How many items are selected, given the total of the list. */
+    getSelectedCount(total: number): number;
+    /** The selection to send with an action, or `null` when nothing is selected. */
+    getSelection(): Selection | null;
+}
+/** Creates a headless list. */
+export declare function createList(options?: ListOptions): List;
+//# sourceMappingURL=list.d.ts.map

package/dist/list/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,SAAS,EAGjB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,CAAC;AAEzF,MAAM,WAAW,SAAS;IACtB,gFAAgF;IAChF,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IACxB,oEAAoE;IACpE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,8EAA8E;AAC9E,MAAM,WAAW,IAAI;IACjB,QAAQ,IAAI,SAAS,CAAC;IACtB,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;IAC5C,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,2DAA2D;IAC3D,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,qFAAqF;IACrF,OAAO,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IACvC,mFAAmF;IACnF,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,qGAAqG;IACrG,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;IAC5D,8EAA8E;IAC9E,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,wEAAwE;IACxE,UAAU,IAAI,IAAI,CAAC;IACnB,2FAA2F;IAC3F,MAAM,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IACrC,2FAA2F;IAC3F,QAAQ,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,4DAA4D;IAC5D,iBAAiB,IAAI,IAAI,CAAC;IAC1B,cAAc,IAAI,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,gEAAgE;IAChE,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACxC,gFAAgF;IAChF,YAAY,IAAI,SAAS,GAAG,IAAI,CAAC;CACpC;AAkCD,+BAA+B;AAC/B,wBAAgB,UAAU,CAAC,OAAO,GAAE,WAAgB,GAAG,IAAI,CAgL1D"}