@ws-ui/store 0.3.9 → 0.3.11

package/dist/selectors/webforms.d.ts

@@ -1,15 +1,368 @@
 import { TInspectorType } from '../modules/webforms/types';
 
-export declare const selectWebforms: any;
-export declare const selectComponents: any;
-export declare const selectInspector: any;
-export declare const selectInspectedCSSClass: any;
-export declare const selectInspectedDatasource: any;
-export declare const selectTemplates: any;
-export declare const selectTemplatesData: any;
-export declare const selectCraftedComponent: (id: string) => any;
-export declare const selectInspectorStateByType: (type: TInspectorType) => any;
-export declare const selectDatasourcesTheme: any;
-export declare const selectClipBoard: any;
-export declare const selectIsLoaded: any;
-export declare const selectWebformMetadataByPath: (tabPath: string) => any;
+export declare const selectWebforms: ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => import('..').IWebformEditorState) & import('reselect').OutputSelectorFields<(args_0: import('..').IWebformEditorState) => import('..').IWebformEditorState, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectComponents: ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => import('@ws-ui/shared').IComponentTemplate[]) & import('reselect').OutputSelectorFields<(args_0: import('..').IWebformEditorState) => import('@ws-ui/shared').IComponentTemplate[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectInspector: ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => import('..').IInspectorState) & import('reselect').OutputSelectorFields<(args_0: import('..').IWebformEditorState) => import('..').IInspectorState, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectInspectedCSSClass: ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => import('..').IInspector<string>) & import('reselect').OutputSelectorFields<(args_0: import('..').IInspectorState) => import('..').IInspector<string>, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectInspectedDatasource: ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => import('..').IInspector<import('..').IDatasourcedata>) & import('reselect').OutputSelectorFields<(args_0: import('..').IInspectorState) => import('..').IInspector<import('..').IDatasourcedata>, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectTemplates: ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => import('..').ITemplatedComponent) & import('reselect').OutputSelectorFields<(args_0: import('..').IWebformEditorState) => import('..').ITemplatedComponent, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectTemplatesData: ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => import('..').ITemplatedGroup[]) & import('reselect').OutputSelectorFields<(args_0: import('..').ITemplatedComponent) => import('..').ITemplatedGroup[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectCraftedComponent: (id: string) => ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => import('@ws-ui/shared').IComponentTemplate | undefined) & import('reselect').OutputSelectorFields<(args_0: import('@ws-ui/shared').IComponentTemplate[]) => import('@ws-ui/shared').IComponentTemplate | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectInspectorStateByType: (type: TInspectorType) => ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => import('..').IInspector<string> | import('..').IInspector<import('..').IDatasourcedata>) & import('reselect').OutputSelectorFields<(args_0: import('..').IInspectorState) => import('..').IInspector<string> | import('..').IInspector<import('..').IDatasourcedata>, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectDatasourcesTheme: ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => string | number) & import('reselect').OutputSelectorFields<(args_0: import('..').IWebformEditorState) => string | number, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectClipBoard: ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => {
+    payload: webforms.WEvent;
+    type: "event";
+} | null) & import('reselect').OutputSelectorFields<(args_0: import('..').IRootState) => {
+    payload: webforms.WEvent;
+    type: "event";
+} | null, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectIsLoaded: ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => boolean) & import('reselect').OutputSelectorFields<(args_0: {
+    state: "loading";
+} | {
+    state: "loaded";
+    model: datasources.IEnhancedCatalog;
+} | {
+    state: "error";
+    error: string;
+}, args_1: import('..').ISharedDatasourcesState, args_2: import('..').ISharedCSSState) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectWebformMetadataByPath: (tabPath: string) => ((state: import('redux').EmptyObject & {
+    root: import('..').IRootState;
+    explorer: import('..').ITreeItem[];
+    debugger: import('..').IDebuggerState;
+    settings: import('..').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('..').IRolesState;
+    sharedDatasources: import('..').ISharedDatasourcesState;
+    savedConditions: import('..').ISavedConditionsState;
+    webforms: import('..').IWebformEditorState;
+    modals: import('..').IModalsState;
+    sharedCSS: import('..').ISharedCSSState;
+    model: import('..').IModelState;
+}) => Partial<{
+    v: string;
+    datasources: datasources.ICreateDataSource[];
+    states: import('@ws-ui/shared').WebformState[];
+    defaultStates: string[];
+    styles: import('@ws-ui/shared').IWebFormStyleClass[];
+    title: string;
+}>) & import('reselect').OutputSelectorFields<(args_0: import('..').IRootState) => Partial<{
+    v: string;
+    datasources: datasources.ICreateDataSource[];
+    states: import('@ws-ui/shared').WebformState[];
+    defaultStates: string[];
+    styles: import('@ws-ui/shared').IWebFormStyleClass[];
+    title: string;
+}>, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

package/dist/store.d.ts

@@ -1,11 +1,53 @@
-import { ThunkMiddlewareFor } from '@reduxjs/toolkit/dist/getDefaultMiddleware';
-import { AppState } from './modules';
 import { AnyAction, EnhancedStore } from '@reduxjs/toolkit';
+import { AppState } from './modules';
+import { ThunkMiddlewareFor } from '@reduxjs/toolkit/dist/getDefaultMiddleware';
 
 export type Store = EnhancedStore<AppState, AnyAction, [
     ThunkMiddlewareFor<AppState>
 ]>;
 declare let store: Store;
-export declare const getStore: () => EnhancedStore<AppState, AnyAction, [ThunkMiddlewareFor<AppState>]>;
+export declare const getStore: () => import('@reduxjs/toolkit/dist/configureStore').ToolkitStore<import('redux').EmptyObject & {
+    root: import('./modules').IRootState;
+    explorer: import('./modules').ITreeItem[];
+    debugger: import('./modules').IDebuggerState;
+    settings: import('./modules').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('./modules').IRolesState;
+    sharedDatasources: import('./modules').ISharedDatasourcesState;
+    savedConditions: import('./modules').ISavedConditionsState;
+    webforms: import('./modules').IWebformEditorState;
+    modals: import('./modules').IModalsState;
+    sharedCSS: import('./modules').ISharedCSSState;
+    model: import('./modules').IModelState;
+}, AnyAction, [import('redux-thunk').ThunkMiddleware<import('redux').CombinedState<{
+    root: import('./modules').IRootState;
+    explorer: import('./modules').ITreeItem[];
+    debugger: import('./modules').IDebuggerState;
+    settings: import('./modules').ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import('./modules').IRolesState;
+    sharedDatasources: import('./modules').ISharedDatasourcesState;
+    savedConditions: import('./modules').ISavedConditionsState;
+    webforms: import('./modules').IWebformEditorState;
+    modals: import('./modules').IModalsState;
+    sharedCSS: import('./modules').ISharedCSSState;
+    model: import('./modules').IModelState;
+}>, AnyAction>]>;
 export type AppDispatch = typeof store.dispatch;
 export {};

package/dist/utils.d.ts

@@ -1,7 +1,7 @@
-import { ServerModel } from './modules/model/types';
-import { IRootState } from './modules/root/types';
+import { ITab, WebformState, WebformStateCondition } from '@ws-ui/shared';
 import { AppState } from './modules';
-import { ITab, WebformState } from '@ws-ui/shared';
+import { IRootState } from './modules/root/types';
+import { ModelNode, ServerModel } from './modules/model/types';
 
 export declare const CATALOG_REFRESH_DELAY = 2000;
 export declare const DEFAULT_CACHE: TCachedState;
@@ -12,7 +12,7 @@ export declare function savePrefrences(state: {
 }): void;
 export declare function getCashedPrefrences(): any;
 export declare function getCachedState(): TCachedState;
-export declare function getModalTitle(tab: ITab): any;
+export declare function getModalTitle(tab: ITab): string;
 export declare const deserializeModel: (data: ServerModel | undefined) => ModelNode[];
 export declare function isJSON(extension?: string): boolean;
 export declare const refactorConditions: (condition: WebformStateCondition, stateLabel: string | undefined, newValue?: string) => WebformStateCondition;

package/package.json

@@ -1,28 +1,68 @@
 {
   "name": "@ws-ui/store",
   "private": false,
-  "version": "0.3.9",
+  "version": "0.3.11",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
-  "scripts": {
-    "build": "vite build",
-    "test": "jest"
-  },
   "files": [
     "dist"
   ],
+  "scripts": {
+    "dev": "vite",
+    "prepack": "npm run build",
+    "build": "tsc && vite build",
+    "format": "prettier --write src",
+    "postbuild": "yalc push --changed",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "test": "jest"
+  },
+  "overrides": {
+    "@ws-ui/shared": {
+      "@ws-ui/icons": "$@ws-ui/icons"
+    }
+  },
+  "dependencies": {
+    "@reduxjs/toolkit": "^1.7.1",
+    "@ws-ui/shared": "0.3.10",
+    "react-redux": "^7.2.6"
+  },
   "peerDependencies": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "@ws-ui/craftjs-layers": "*",
-    "@ws-ui/craftjs-core": "*",
-    "@ws-ui/craftjs-utils": "*",
-    "@ws-ui/shared": "*",
-    "@ws-ui/icons": "*",
-    "@ws-ui/code-editor": "*",
-    "@emotion/react": "*",
-    "@emotion/styled": "*"
+    "@ws-ui/icons": "0.2.3",
+    "lodash": "^4.17.21",
+    "minimatch": "^5.1.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-flow-renderer": "^10.3.17",
+    "react-icons": "^4.3.1",
+    "vscode-debugprotocol": "^1.51.0"
+  },
+  "devDependencies": {
+    "@esbuild/darwin-arm64": "^0.21.4",
+    "@jest/globals": "^29.7.0",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^12.1.5",
+    "@types/jest": "^29.5.5",
+    "@types/lodash": "^4.14.199",
+    "@types/minimatch": "^3.0.5",
+    "@types/node": "^20.6.5",
+    "@types/react": "^17.0.24",
+    "@types/react-dom": "^17.0.5",
+    "@types/react-redux": "^7.1.16",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "jest": "^29.7.0",
+    "prettier": "3.0.3",
+    "ts-jest": "^29.1.2",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.5.4",
+    "yalc": "^1.0.0-pre.53"
   }
 }

package/dist/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "@ws-ui/store",
-  "private": false,
-  "version": "0.3.9",
-  "type": "module",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.es.js",
-  "types": "./dist/index.d.ts",
-  "scripts": {
-    "build": "vite build",
-    "test": "jest"
-  },
-  "files": [
-    "dist"
-  ],
-  "peerDependencies": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "@ws-ui/craftjs-layers": "*",
-    "@ws-ui/craftjs-core": "*",
-    "@ws-ui/craftjs-utils": "*",
-    "@ws-ui/shared": "*",
-    "@ws-ui/icons": "*",
-    "@ws-ui/code-editor": "*",
-    "@emotion/react": "*",
-    "@emotion/styled": "*"
-  }
-}

package/dist/style.css

@@ -1 +0,0 @@
-.fd-tree-node{display:flex;flex-direction:row;padding-right:8px;padding-left:8px}.fd-tree-node-content{display:flex;flex-direction:row;flex:1 1 0%}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}@tailwind components;@tailwind utilities;