@wix/auto-patterns 1.46.0 → 1.47.0

package/dist/esm/cms-fields/components/audio/actions/actions-button/actions-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","IconButton","More","MoreIcon","ActionsMenu","ActionsButton","_ref","actionsMenuProps","priority","skin","size","dataHook","onClick","disabled","className","handleClick","toggle","e","renderChildren","_ref2","createElement","_extends","placement","children","displayName"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-button/actions-button.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useCallback } from 'react';\n\nimport type { IconButtonProps } from '@wix/design-system';\nimport { IconButton } from '@wix/design-system';\nimport { More as MoreIcon } from '@wix/wix-ui-icons-common';\n\nimport type { ActionsMenuProps } from '../actions-menu';\nimport { ActionsMenu } from '../actions-menu';\n\nexport type ActionsButtonProps = IconButtonProps & {\n  actionsMenuProps: Omit<ActionsMenuProps, 'children'>;\n  onClick?: React.MouseEventHandler;\n};\n\nexport const ActionsButton: FC<ActionsButtonProps> = ({\n  actionsMenuProps,\n  priority = 'primary',\n  skin = 'standard',\n  size,\n  dataHook,\n  onClick,\n  disabled,\n  className,\n}) => {\n  const handleClick = useCallback<\n    (toggle: () => void) => React.MouseEventHandler\n  >(\n    (toggle) => (e) => {\n      onClick?.(e);\n      toggle();\n    },\n    [onClick],\n  );\n\n  const renderChildren = useCallback(\n    ({ toggle }) => {\n      return (\n        <IconButton\n          dataHook={dataHook}\n          priority={priority}\n          onClick={handleClick(toggle)}\n          skin={skin}\n          disabled={disabled}\n          size={size}\n          className={className}\n        >\n          <MoreIcon />\n        </IconButton>\n      );\n    },\n    [dataHook, priority, skin, size, disabled, handleClick, className],\n  );\n\n  return (\n    <ActionsMenu\n      placement=\"bottom\"\n      {...actionsMenuProps}\n      children={renderChildren}\n    />\n  );\n};\n\nActionsButton.displayName = 'ActionsButton';\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAG1C,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,IAAI,IAAIC,QAAQ,QAAQ,0BAA0B;AAG3D,SAASC,WAAW,QAAQ,iBAAiB;AAO7C,OAAO,MAAMC,aAAqC,GAAGC,IAAA,IAS/C;EAAA,IATgD;IACpDC,gBAAgB;IAChBC,QAAQ,GAAG,SAAS;IACpBC,IAAI,GAAG,UAAU;IACjBC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC;EACF,CAAC,GAAAR,IAAA;EACC,MAAMS,WAAW,GAAGf,WAAW,CAG5BgB,MAAM,IAAMC,CAAC,IAAK;IACjBL,OAAO,YAAPA,OAAO,CAAGK,CAAC,CAAC;IACZD,MAAM,CAAC,CAAC;EACV,CAAC,EACD,CAACJ,OAAO,CACV,CAAC;EAED,MAAMM,cAAc,GAAGlB,WAAW,CAChCmB,KAAA,IAAgB;IAAA,IAAf;MAAEH;IAAO,CAAC,GAAAG,KAAA;IACT,oBACEpB,KAAA,CAAAqB,aAAA,CAACnB,UAAU;MACTU,QAAQ,EAAEA,QAAS;MACnBH,QAAQ,EAAEA,QAAS;MACnBI,OAAO,EAAEG,WAAW,CAACC,MAAM,CAAE;MAC7BP,IAAI,EAAEA,IAAK;MACXI,QAAQ,EAAEA,QAAS;MACnBH,IAAI,EAAEA,IAAK;MACXI,SAAS,EAAEA;IAAU,gBAErBf,KAAA,CAAAqB,aAAA,CAACjB,QAAQ,MAAE,CACD,CAAC;EAEjB,CAAC,EACD,CAACQ,QAAQ,EAAEH,QAAQ,EAAEC,IAAI,EAAEC,IAAI,EAAEG,QAAQ,EAAEE,WAAW,EAAED,SAAS,CACnE,CAAC;EAED,oBACEf,KAAA,CAAAqB,aAAA,CAAChB,WAAW,EAAAiB,QAAA;IACVC,SAAS,EAAC;EAAQ,GACdf,gBAAgB;IACpBgB,QAAQ,EAAEL;EAAe,EAC1B,CAAC;AAEN,CAAC;AAEDb,aAAa,CAACmB,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/actions/actions-button/index.js

@@ -0,0 +1,2 @@
+export * from './actions-button';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/audio/actions/actions-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-button/index.ts"],"sourcesContent":["export * from './actions-button';\n"],"mappings":"AAAA,cAAc,kBAAkB","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/actions/actions-menu/actions-menu.js

@@ -0,0 +1,80 @@
+import _extends from "@babel/runtime/helpers/extends";
+import omit from 'lodash/omit';
+import React, { useCallback, useEffect, useState, useRef } from 'react';
+import { Box, PopoverMenu } from '@wix/design-system';
+import { getAppPopoverMaxHeight, preventEvent, stopEvent, isTruthy } from '../../../../utils';
+import { useResizeEffect } from '../../../../hooks';
+import { Z_INDEX_POPOVER } from '../../../common';
+import { classes } from './actions-menu.st.css.js';
+export const ACTIONS_MENU_DIVIDER = 'divider';
+export const actionsFromSections = sections => sections.map(section => section.filter(isTruthy)).filter(section => section.length > 0).flatMap(section => [...section, ACTIONS_MENU_DIVIDER]).slice(0, -1);
+const getActionsMenuOffset = function (showArrow) {
+  if (showArrow === void 0) {
+    showArrow = true;
+  }
+  return {
+    up: showArrow ? 18 : 12,
+    down: showArrow ? 18 : 12
+  };
+};
+export const ActionsMenu = _ref => {
+  let {
+    actions,
+    focusable = false,
+    onKeyDown,
+    children,
+    ...props
+  } = _ref;
+  const anchorRef = useRef(null);
+  const [maxHeight, setMaxHeight] = useState();
+  const updateMaxHeight = useCallback(() => setMaxHeight(getAppPopoverMaxHeight(anchorRef.current, props.flip, getActionsMenuOffset(props.showArrow))), [props.flip, props.showArrow]);
+  useResizeEffect(updateMaxHeight);
+  useEffect(() => {
+    const frameId = requestAnimationFrame(updateMaxHeight);
+    return () => cancelAnimationFrame(frameId);
+  }, [updateMaxHeight]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: anchorRef,
+    onClick: !focusable ? stopEvent : undefined,
+    onMouseDown: !focusable ? preventEvent : undefined,
+    onKeyDownCapture: onKeyDown
+  }, /*#__PURE__*/React.createElement(PopoverMenu, _extends({
+    placement: "auto",
+    zIndex: Z_INDEX_POPOVER
+  }, props, {
+    triggerElement: children,
+    maxHeight: props.maxHeight ?? maxHeight
+  }), actions.map((action, index) => {
+    if (action === ACTIONS_MENU_DIVIDER) {
+      return /*#__PURE__*/React.createElement(PopoverMenu.Divider, {
+        key: `divider-${index}`
+      });
+    }
+    const itemProps = 'label' in action ? {
+      text: action.label,
+      prefixIcon: action.icon,
+      ...omit(action, 'id', 'label', 'icon')
+    } : {
+      text: action.element,
+      ...omit(action, 'id', 'element')
+    };
+    return /*#__PURE__*/React.createElement(PopoverMenu.MenuItem, _extends({
+      key: action.id ?? `item-${index}`
+    }, itemProps));
+  })));
+};
+ActionsMenu.displayName = 'ActionsMenu';
+ActionsMenu.Action = _ref2 => {
+  let {
+    icon,
+    children,
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    className: classes.action,
+    verticalAlign: "middle",
+    gap: "SP1"
+  }, props), /*#__PURE__*/React.createElement(Box, null, icon), children);
+};
+ActionsMenu.Action.displayName = 'ActionsMenu.Action';
+//# sourceMappingURL=actions-menu.js.map

package/dist/esm/cms-fields/components/audio/actions/actions-menu/actions-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["omit","React","useCallback","useEffect","useState","useRef","Box","PopoverMenu","getAppPopoverMaxHeight","preventEvent","stopEvent","isTruthy","useResizeEffect","Z_INDEX_POPOVER","classes","ACTIONS_MENU_DIVIDER","actionsFromSections","sections","map","section","filter","length","flatMap","slice","getActionsMenuOffset","showArrow","up","down","ActionsMenu","_ref","actions","focusable","onKeyDown","children","props","anchorRef","maxHeight","setMaxHeight","updateMaxHeight","current","flip","frameId","requestAnimationFrame","cancelAnimationFrame","createElement","ref","onClick","undefined","onMouseDown","onKeyDownCapture","_extends","placement","zIndex","triggerElement","action","index","Divider","key","itemProps","text","label","prefixIcon","icon","element","MenuItem","id","displayName","Action","_ref2","className","verticalAlign","gap"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/actions-menu.tsx"],"sourcesContent":["import omit from 'lodash/omit';\nimport React, { useCallback, useEffect, useState, useRef } from 'react';\n\nimport type {\n  BoxProps,\n  PopoverMenuProps,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { Box, PopoverMenu } from '@wix/design-system';\n\nimport {\n  getAppPopoverMaxHeight,\n  preventEvent,\n  stopEvent,\n  isTruthy,\n} from '../../../../utils';\nimport { useResizeEffect } from '../../../../hooks';\n\nimport { Z_INDEX_POPOVER } from '../../../common';\n\nimport { classes } from './actions-menu.st.css.js';\n\nexport type ActionsMenuAction = Omit<\n  PopoverMenuItemProps,\n  'text' | 'subtitle' | 'prefixIcon'\n> & {\n  id?: string | number;\n} & (\n    | {\n        element: React.ReactElement;\n      }\n    | {\n        icon?: PopoverMenuItemProps['prefixIcon'];\n        label: string;\n      }\n  );\n\nexport type ActionsMenuDivider = 'divider';\nexport type ActionsMenuItem = ActionsMenuAction | ActionsMenuDivider;\n\nexport const ACTIONS_MENU_DIVIDER: ActionsMenuDivider = 'divider';\n\nexport const actionsFromSections = (\n  sections: (ActionsMenuAction | undefined)[][],\n): ActionsMenuItem[] =>\n  sections\n    .map((section) => section.filter(isTruthy) as ActionsMenuAction[])\n    .filter((section) => section.length > 0)\n    .flatMap((section) => [...section, ACTIONS_MENU_DIVIDER] as ActionsMenuItem[])\n    .slice(0, -1);\n\nexport interface ActionsMenuProps\n  extends Omit<PopoverMenuProps, 'triggerElement'> {\n  actions: ActionsMenuItem[];\n  focusable?: boolean;\n  onKeyDown?: React.KeyboardEventHandler;\n  children: PopoverMenuProps['triggerElement'];\n}\n\nexport interface ActionsMenuActionProps extends BoxProps {\n  icon?: React.ReactElement;\n}\n\ntype ActionsMenuFC = React.FC<ActionsMenuProps> & {\n  Action: React.FC<ActionsMenuActionProps>;\n};\n\nconst getActionsMenuOffset = (showArrow = true) => ({\n  up: showArrow ? 18 : 12,\n  down: showArrow ? 18 : 12,\n});\n\nexport const ActionsMenu: ActionsMenuFC = ({\n  actions,\n  focusable = false,\n  onKeyDown,\n  children,\n  ...props\n}) => {\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  const [maxHeight, setMaxHeight] = useState<number>();\n  const updateMaxHeight = useCallback(\n    () =>\n      setMaxHeight(\n        getAppPopoverMaxHeight(\n          anchorRef.current,\n          props.flip,\n          getActionsMenuOffset(props.showArrow),\n        ),\n      ),\n    [props.flip, props.showArrow],\n  );\n\n  useResizeEffect(updateMaxHeight);\n  useEffect(() => {\n    const frameId = requestAnimationFrame(updateMaxHeight);\n    return () => cancelAnimationFrame(frameId);\n  }, [updateMaxHeight]);\n\n  return (\n    <div\n      ref={anchorRef}\n      onClick={!focusable ? stopEvent : undefined}\n      onMouseDown={!focusable ? preventEvent : undefined}\n      onKeyDownCapture={onKeyDown}\n    >\n      <PopoverMenu\n        placement=\"auto\"\n        zIndex={Z_INDEX_POPOVER}\n        {...props}\n        triggerElement={children}\n        maxHeight={props.maxHeight ?? maxHeight}\n      >\n        {actions.map((action, index) => {\n          if (action === ACTIONS_MENU_DIVIDER) {\n            return <PopoverMenu.Divider key={`divider-${index}`} />;\n          }\n\n          const itemProps =\n            'label' in action\n              ? {\n                  text: action.label,\n                  prefixIcon: action.icon,\n                  ...omit(action, 'id', 'label', 'icon'),\n                }\n              : {\n                  text: action.element,\n                  ...omit(action, 'id', 'element'),\n                };\n\n          return (\n            <PopoverMenu.MenuItem\n              key={action.id ?? `item-${index}`}\n              {...itemProps}\n            />\n          );\n        })}\n      </PopoverMenu>\n    </div>\n  );\n};\n\nActionsMenu.displayName = 'ActionsMenu';\n\nActionsMenu.Action = ({ icon, children, ...props }) => (\n  <Box className={classes.action} verticalAlign=\"middle\" gap=\"SP1\" {...props}>\n    <Box>{icon}</Box>\n    {children}\n  </Box>\n);\n\nActionsMenu.Action.displayName = 'ActionsMenu.Action';\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css

@@ -0,0 +1,5 @@
+@property st-global(--wds-space-100);
+
+.action {
+    margin-left: calc(var(--wds-space-100, 6px) * -1);
+}

package/dist/esm/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css.js

@@ -0,0 +1,21 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "actionsmenu3711108164";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "actionsmenu3711108164__root",
+  "action": "actionsmenu3711108164__action"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-space-100": "--wds-space-100"
+};
+//# sourceMappingURL=actions-menu.st.css.js.map

package/dist/esm/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"actionsmenu3711108164\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"actionsmenu3711108164__root\",\"action\":\"actionsmenu3711108164__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-100\":\"--wds-space-100\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AACpG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/actions/actions-menu/index.js

@@ -0,0 +1,3 @@
+export * from './actions-menu';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/audio/actions/actions-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/index.ts"],"sourcesContent":["export * from './actions-menu';\nexport * from './types';\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,SAAS","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/actions/actions-menu/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/cms-fields/components/audio/actions/actions-menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/types.ts"],"sourcesContent":["export interface UseActionProps {\n  dataHook: string;\n  actionText: string;\n  onAction?: () => void;\n  iconSize?: 'small' | 'medium';\n}\n\nexport interface ActionsMenuTriggerProps {\n  toggle: () => void;\n  isOpen: boolean;\n  open: () => void;\n  close: () => void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-field/audio-view.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { MusicSmall as MusicSmallIcon } from '@wix/wix-ui-icons-common';
+import { getSchemaType, getMediaTitle } from '../../../utils';
+import { smallTooltipCommonProps } from '../../../utils/tooltip';
+import { MediaTag } from '../../media-tag';
+import { HighlightedText } from '../../highlighted-text';
+const audioTagProps = {
+  thumb: /*#__PURE__*/React.createElement(MusicSmallIcon, null),
+  titleTextProps: {
+    tooltipProps: smallTooltipCommonProps
+  }
+};
+export const AudioView = _ref => {
+  let {
+    data
+  } = _ref;
+  return data ? /*#__PURE__*/React.createElement(MediaTag, _extends({}, audioTagProps, {
+    title: getMediaTitle(data)
+  })) : null;
+};
+export const HighlightedAudioView = _ref2 => {
+  let {
+    metadata: {
+      highlight
+    } = {},
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(MediaTag, _extends({}, audioTagProps, {
+    dataHook: `auto-view-highlight.${props.pointer}.${getSchemaType(props.schema)}`,
+    title: /*#__PURE__*/React.createElement(HighlightedText, {
+      highlight: highlight,
+      highlightedBackground: false
+    })
+  }));
+};
+//# sourceMappingURL=audio-view.js.map

package/dist/esm/cms-fields/components/audio/audio-field/audio-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MusicSmall","MusicSmallIcon","getSchemaType","getMediaTitle","smallTooltipCommonProps","MediaTag","HighlightedText","audioTagProps","thumb","createElement","titleTextProps","tooltipProps","AudioView","_ref","data","_extends","title","HighlightedAudioView","_ref2","metadata","highlight","props","dataHook","pointer","schema","highlightedBackground"],"sources":["../../../../../../src/cms-fields/components/audio/audio-field/audio-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MusicSmall as MusicSmallIcon } from '@wix/wix-ui-icons-common';\n\nimport { getSchemaType, getMediaTitle } from '../../../utils';\nimport { smallTooltipCommonProps } from '../../../utils/tooltip';\n\nimport { MediaTag } from '../../media-tag';\nimport { HighlightedText } from '../../highlighted-text';\n\nconst audioTagProps = {\n  thumb: <MusicSmallIcon />,\n  titleTextProps: { tooltipProps: smallTooltipCommonProps },\n};\n\nexport const AudioView: React.FC<any> = ({ data }) => {\n  return data ? (\n    <MediaTag {...audioTagProps} title={getMediaTitle(data)} />\n  ) : null;\n};\n\nexport const HighlightedAudioView: React.FC<any> = ({\n  metadata: { highlight } = {},\n  ...props\n}) => {\n  return (\n    <MediaTag\n      {...audioTagProps}\n      dataHook={`auto-view-highlight.${props.pointer}.${getSchemaType(\n        props.schema,\n      )}`}\n      title={\n        <HighlightedText highlight={highlight} highlightedBackground={false} />\n      }\n    />\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,IAAIC,cAAc,QAAQ,0BAA0B;AAEvE,SAASC,aAAa,EAAEC,aAAa,QAAQ,gBAAgB;AAC7D,SAASC,uBAAuB,QAAQ,wBAAwB;AAEhE,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,eAAe,QAAQ,wBAAwB;AAExD,MAAMC,aAAa,GAAG;EACpBC,KAAK,eAAET,KAAA,CAAAU,aAAA,CAACR,cAAc,MAAE,CAAC;EACzBS,cAAc,EAAE;IAAEC,YAAY,EAAEP;EAAwB;AAC1D,CAAC;AAED,OAAO,MAAMQ,SAAwB,GAAGC,IAAA,IAAc;EAAA,IAAb;IAAEC;EAAK,CAAC,GAAAD,IAAA;EAC/C,OAAOC,IAAI,gBACTf,KAAA,CAAAU,aAAA,CAACJ,QAAQ,EAAAU,QAAA,KAAKR,aAAa;IAAES,KAAK,EAAEb,aAAa,CAACW,IAAI;EAAE,EAAE,CAAC,GACzD,IAAI;AACV,CAAC;AAED,OAAO,MAAMG,oBAAmC,GAAGC,KAAA,IAG7C;EAAA,IAH8C;IAClDC,QAAQ,EAAE;MAAEC;IAAU,CAAC,GAAG,CAAC,CAAC;IAC5B,GAAGC;EACL,CAAC,GAAAH,KAAA;EACC,oBACEnB,KAAA,CAAAU,aAAA,CAACJ,QAAQ,EAAAU,QAAA,KACHR,aAAa;IACjBe,QAAQ,EAAE,uBAAuBD,KAAK,CAACE,OAAO,IAAIrB,aAAa,CAC7DmB,KAAK,CAACG,MACR,CAAC,EAAG;IACJR,KAAK,eACHjB,KAAA,CAAAU,aAAA,CAACH,eAAe;MAACc,SAAS,EAAEA,SAAU;MAACK,qBAAqB,EAAE;IAAM,CAAE;EACvE,EACF,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-field/form-audio-field.js

@@ -0,0 +1,131 @@
+import React, { useRef, useMemo } from 'react';
+import { getMediaURL } from '@wix/auto-cms-field-types';
+import { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';
+import { DownloadImport as Download, Delete, Replace } from '@wix/wix-ui-icons-common';
+import { useWithCallback, useTranslations } from '../../../hooks';
+import { getMediaTitle, MEDIA_TYPES } from '../../../utils';
+import { Z_INDEX_MODAL_POPOVER } from '../../common';
+import { useMediaControl } from '../../media-control';
+import { MediaLoader } from '../../media-loader';
+import { ActionsButton } from '../actions/actions-button';
+import { ACTIONS_MENU_DIVIDER } from '../actions/actions-menu';
+import { style, classes } from './form-audio-field.st.css.js';
+export const FormAudioField = _ref => {
+  let {
+    data,
+    onChange: onChangeAudio,
+    onClear: onClearAudio,
+    onInput,
+    autoFocus,
+    readOnly,
+    invalid,
+    dataHook
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const onChange = useWithCallback(onChangeAudio, onInput);
+  const onClear = useWithCallback(onClearAudio, onInput);
+  const inputRef = useRef(null);
+  const viewRef = useRef(null);
+  const {
+    callMedia,
+    onMediaLoad,
+    downloadMedia,
+    loading
+  } = useMediaControl({
+    mediaType: MEDIA_TYPES.AUDIO,
+    value: data,
+    onChange,
+    autoFocus,
+    readOnly,
+    inputRef,
+    viewRef
+  });
+  const actionsMenuProps = useMemo(() => {
+    const replaceAction = {
+      id: 'AUDIO_REPLACE',
+      dataHook: 'fromAudioInput.button.replace',
+      label: t('CMS.audio.button.replace'),
+      disabled: readOnly,
+      icon: /*#__PURE__*/React.createElement(Replace, null),
+      onClick: callMedia
+    };
+    const downloadAction = {
+      id: 'AUDIO_DOWNLOAD',
+      label: t('CMS.audio.button.download'),
+      disabled: false,
+      icon: /*#__PURE__*/React.createElement(Download, null),
+      onClick: downloadMedia
+    };
+    const clearAction = {
+      id: 'AUDIO_CLEAR',
+      dataHook: 'fromAudioInput.button.delete',
+      label: t('CMS.audio.button.delete'),
+      disabled: readOnly,
+      icon: /*#__PURE__*/React.createElement(Delete, null),
+      onClick: onClear
+    };
+    const actions = [replaceAction, downloadAction, ACTIONS_MENU_DIVIDER, clearAction];
+    return {
+      dataHook: 'fromAudioInput.moreActionsMenu',
+      actions,
+      zIndex: Z_INDEX_MODAL_POPOVER
+    };
+  }, [t, readOnly, callMedia, downloadMedia, onClear]);
+  if (loading) {
+    return /*#__PURE__*/React.createElement(MediaLoader, {
+      borderStyle: "dashed",
+      className: classes.addItem
+    });
+  }
+  if (!data) {
+    return /*#__PURE__*/React.createElement(AddItem, {
+      ref: inputRef,
+      dataHook: dataHook,
+      className: style(classes.addItem, {
+        disabled: !!readOnly,
+        error: invalid
+      }),
+      theme: "dashes",
+      onClick: callMedia,
+      disabled: readOnly,
+      children: t('CMS.audio.button.add')
+    });
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    dataHook: dataHook,
+    direction: "vertical",
+    gap: "S1"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: viewRef,
+    tabIndex: 0
+  }, /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    verticalAlign: "middle",
+    backgroundColor: "D70",
+    padding: "SP5",
+    borderRadius: 12
+  }, /*#__PURE__*/React.createElement(Text, {
+    dataHook: "fromAudioInput.audioName",
+    className: classes.mediaTitle
+  }, getMediaTitle(data)), /*#__PURE__*/React.createElement(Box, {
+    direction: "horizontal",
+    marginTop: "9px",
+    marginBottom: "-3px"
+  }, /*#__PURE__*/React.createElement(AudioPlayer, {
+    dataHook: "fromAudioInput.player",
+    src: getMediaURL(data),
+    onLoad: onMediaLoad,
+    onLoadError: onMediaLoad
+  }), /*#__PURE__*/React.createElement(Box, {
+    marginLeft: "SP3",
+    gap: "SP1"
+  }, /*#__PURE__*/React.createElement(ActionsButton, {
+    dataHook: "fromAudioInput.button.more",
+    actionsMenuProps: actionsMenuProps,
+    priority: "secondary",
+    skin: "inverted"
+  }))))));
+};
+//# sourceMappingURL=form-audio-field.js.map

package/dist/esm/cms-fields/components/audio/audio-field/form-audio-field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useMemo","getMediaURL","AddItem","AudioPlayer","Box","Text","DownloadImport","Download","Delete","Replace","useWithCallback","useTranslations","getMediaTitle","MEDIA_TYPES","Z_INDEX_MODAL_POPOVER","useMediaControl","MediaLoader","ActionsButton","ACTIONS_MENU_DIVIDER","style","classes","FormAudioField","_ref","data","onChange","onChangeAudio","onClear","onClearAudio","onInput","autoFocus","readOnly","invalid","dataHook","t","inputRef","viewRef","callMedia","onMediaLoad","downloadMedia","loading","mediaType","AUDIO","value","actionsMenuProps","replaceAction","id","label","disabled","icon","createElement","onClick","downloadAction","clearAction","actions","zIndex","borderStyle","className","addItem","ref","error","theme","children","direction","gap","tabIndex","verticalAlign","backgroundColor","padding","borderRadius","mediaTitle","marginTop","marginBottom","src","onLoad","onLoadError","marginLeft","priority","skin"],"sources":["../../../../../../src/cms-fields/components/audio/audio-field/form-audio-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useRef, useMemo } from 'react';\n\nimport { getMediaURL } from '@wix/auto-cms-field-types';\nimport type { AddItemActions } from '@wix/design-system';\nimport { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';\nimport {\n  DownloadImport as Download,\n  Delete,\n  Replace,\n} from '@wix/wix-ui-icons-common';\n\nimport { useWithCallback, useTranslations } from '../../../hooks';\nimport { getMediaTitle, MEDIA_TYPES } from '../../../utils';\n\nimport { Z_INDEX_MODAL_POPOVER } from '../../common';\nimport type { FormMediaControlProps } from '../../media-control';\nimport { useMediaControl } from '../../media-control';\nimport { MediaLoader } from '../../media-loader';\nimport { ActionsButton } from '../actions/actions-button';\nimport { ACTIONS_MENU_DIVIDER } from '../actions/actions-menu';\n\nimport { style, classes } from './form-audio-field.st.css.js';\n\nexport const FormAudioField: FC<FormMediaControlProps> = ({\n  data,\n  onChange: onChangeAudio,\n  onClear: onClearAudio,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeAudio, onInput);\n  const onClear = useWithCallback(onClearAudio, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, onMediaLoad, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.AUDIO,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n  });\n\n  const actionsMenuProps = useMemo(() => {\n    const replaceAction = {\n      id: 'AUDIO_REPLACE',\n      dataHook: 'fromAudioInput.button.replace',\n      label: t('CMS.audio.button.replace'),\n      disabled: readOnly,\n      icon: <Replace />,\n      onClick: callMedia,\n    };\n\n    const downloadAction = {\n      id: 'AUDIO_DOWNLOAD',\n      label: t('CMS.audio.button.download'),\n      disabled: false,\n      icon: <Download />,\n      onClick: downloadMedia,\n    };\n\n    const clearAction = {\n      id: 'AUDIO_CLEAR',\n      dataHook: 'fromAudioInput.button.delete',\n      label: t('CMS.audio.button.delete'),\n      disabled: readOnly,\n      icon: <Delete />,\n      onClick: onClear,\n    };\n\n    const actions = [\n      replaceAction,\n      downloadAction,\n      ACTIONS_MENU_DIVIDER,\n      clearAction,\n    ];\n\n    return {\n      dataHook: 'fromAudioInput.moreActionsMenu',\n      actions,\n      zIndex: Z_INDEX_MODAL_POPOVER,\n    };\n  }, [t, readOnly, callMedia, downloadMedia, onClear]);\n\n  if (loading) {\n    return <MediaLoader borderStyle=\"dashed\" className={classes.addItem} />;\n  }\n\n  if (!data) {\n    return (\n      <AddItem\n        ref={inputRef}\n        dataHook={dataHook}\n        className={style(classes.addItem, {\n          disabled: !!readOnly,\n          error: invalid,\n        })}\n        theme=\"dashes\"\n        onClick={callMedia}\n        disabled={readOnly}\n        children={t('CMS.audio.button.add')}\n      />\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"S1\">\n      <div ref={viewRef} tabIndex={0}>\n        <Box\n          direction=\"vertical\"\n          verticalAlign=\"middle\"\n          backgroundColor=\"D70\"\n          padding=\"SP5\"\n          borderRadius={12}\n        >\n          <Text\n            dataHook=\"fromAudioInput.audioName\"\n            className={classes.mediaTitle}\n          >\n            {getMediaTitle(data)}\n          </Text>\n          <Box direction=\"horizontal\" marginTop=\"9px\" marginBottom=\"-3px\">\n            <AudioPlayer\n              dataHook=\"fromAudioInput.player\"\n              src={getMediaURL(data)}\n              onLoad={onMediaLoad}\n              onLoadError={onMediaLoad}\n            />\n            <Box marginLeft=\"SP3\" gap=\"SP1\">\n              <ActionsButton\n                dataHook=\"fromAudioInput.button.more\"\n                actionsMenuProps={actionsMenuProps}\n                priority=\"secondary\"\n                skin=\"inverted\"\n              />\n            </Box>\n          </Box>\n        </Box>\n      </div>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-field/form-audio-field.st.css

@@ -0,0 +1,28 @@
+@property st-global(--wds-color-red-100);
+@property st-global(--wds-color-blue-300);
+@property st-global(--wds-border-radius-400);
+@property st-global(--wds-input-shadow-focus-standard);
+@property st-global(--wsr-color-R10);
+@property st-global(--wsr-color-B30);
+
+.addItem {
+    -st-states: disabled, error;
+    height: 120px !important;
+    box-sizing: border-box;
+}
+.addItem:focus-within {
+    box-shadow: var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));
+    border-radius: var(--wds-border-radius-400, 8px);
+}
+.addItem:disabled {
+    /* to enable addItem hover styles (cursor) in disabled mode */
+    pointer-events: auto !important;
+}
+.addItem:error {
+    border: 1px solid var(--wds-color-red-100, var(--wsr-color-R10)) !important;
+}
+
+
+.mediaTitle {
+    line-height: 18px !important;
+}

package/dist/esm/cms-fields/components/audio/audio-field/form-audio-field.st.css.js

@@ -0,0 +1,27 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "formaudiofield3935104549";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "formaudiofield3935104549__root",
+  "addItem": "formaudiofield3935104549__addItem",
+  "mediaTitle": "formaudiofield3935104549__mediaTitle"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-color-red-100": "--wds-color-red-100",
+  "wds-color-blue-300": "--wds-color-blue-300",
+  "wds-border-radius-400": "--wds-border-radius-400",
+  "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard",
+  "wsr-color-R10": "--wsr-color-R10",
+  "wsr-color-B30": "--wsr-color-B30"
+};
+//# sourceMappingURL=form-audio-field.st.css.js.map

package/dist/esm/cms-fields/components/audio/audio-field/form-audio-field.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield3935104549\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formaudiofield3935104549__root\",\"addItem\":\"formaudiofield3935104549__addItem\",\"mediaTitle\":\"formaudiofield3935104549__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,SAAS,EAAC,mCAAmC;EAAC,YAAY,EAAC;AAAsC,CAAC;AAChK,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-field/index.js

@@ -0,0 +1,3 @@
+export * from './form-audio-field';
+export * from './audio-view';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/audio/audio-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../src/cms-fields/components/audio/audio-field/index.ts"],"sourcesContent":["export * from './form-audio-field';\nexport * from './audio-view';\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,cAAc","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-player/audio-player.js

@@ -0,0 +1,41 @@
+import React, { useEffect, useState } from 'react';
+import { getMediaURL } from '@wix/auto-cms-field-types';
+import { Box, AudioPlayer, Card, Text, CloseButton } from '@wix/design-system';
+import { getMediaTitle } from '../../../utils';
+import { classes } from './audio-player.st.css.js';
+export const FloatingAudioPlayer = _ref => {
+  let {
+    source,
+    onClose
+  } = _ref;
+  const [audioSrc, setAudioSrc] = useState(source);
+  useEffect(() => {
+    setAudioSrc(null);
+    onClose == null || onClose();
+  }, [onClose]);
+  if (!audioSrc) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Card, {
+    className: classes.root,
+    showShadow: true,
+    controls: /*#__PURE__*/React.createElement(CloseButton, {
+      size: "medium",
+      onClick: onClose
+    })
+  }, /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    paddingLeft: "SP6",
+    paddingRight: "SP6",
+    paddingTop: "SP5",
+    paddingBottom: "SP5",
+    width: "369px",
+    gap: "SP3"
+  }, /*#__PURE__*/React.createElement(Text, {
+    secondary: true
+  }, getMediaTitle(audioSrc)), /*#__PURE__*/React.createElement(AudioPlayer, {
+    autoplay: true,
+    src: getMediaURL(audioSrc)
+  })));
+};
+//# sourceMappingURL=audio-player.js.map

package/dist/esm/cms-fields/components/audio/audio-player/audio-player.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","getMediaURL","Box","AudioPlayer","Card","Text","CloseButton","getMediaTitle","classes","FloatingAudioPlayer","_ref","source","onClose","audioSrc","setAudioSrc","createElement","className","root","showShadow","controls","size","onClick","direction","paddingLeft","paddingRight","paddingTop","paddingBottom","width","gap","secondary","autoplay","src"],"sources":["../../../../../../src/cms-fields/components/audio/audio-player/audio-player.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport { getMediaURL } from '@wix/auto-cms-field-types';\nimport { Box, AudioPlayer, Card, Text, CloseButton } from '@wix/design-system';\n\nimport { getMediaTitle } from '../../../utils';\nimport { classes } from './audio-player.st.css.js';\n\ninterface FloatingAudioPlayerProps {\n  source: string | null;\n  onClose: () => void;\n}\nexport const FloatingAudioPlayer: FC<FloatingAudioPlayerProps> = ({\n  source,\n  onClose,\n}) => {\n  const [audioSrc, setAudioSrc] = useState(source);\n\n  useEffect(() => {\n    setAudioSrc(null);\n    onClose?.();\n  }, [onClose]);\n\n  if (!audioSrc) {\n    return null;\n  }\n\n  return (\n    <Card\n      className={classes.root}\n      showShadow\n      controls={<CloseButton size=\"medium\" onClick={onClose} />}\n    >\n      <Box\n        direction=\"vertical\"\n        paddingLeft=\"SP6\"\n        paddingRight=\"SP6\"\n        paddingTop=\"SP5\"\n        paddingBottom=\"SP5\"\n        width=\"369px\"\n        gap=\"SP3\"\n      >\n        <Text secondary>{getMediaTitle(audioSrc)}</Text>\n        <AudioPlayer autoplay src={getMediaURL(audioSrc)} />\n      </Box>\n    </Card>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,GAAG,EAAEC,WAAW,EAAEC,IAAI,EAAEC,IAAI,EAAEC,WAAW,QAAQ,oBAAoB;AAE9E,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,OAAO,QAAQ,0BAA0B;AAMlD,OAAO,MAAMC,mBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,MAAM;IACNC;EACF,CAAC,GAAAF,IAAA;EACC,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAACW,MAAM,CAAC;EAEhDZ,SAAS,CAAC,MAAM;IACde,WAAW,CAAC,IAAI,CAAC;IACjBF,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAI,CAACC,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEf,KAAA,CAAAiB,aAAA,CAACX,IAAI;IACHY,SAAS,EAAER,OAAO,CAACS,IAAK;IACxBC,UAAU;IACVC,QAAQ,eAAErB,KAAA,CAAAiB,aAAA,CAACT,WAAW;MAACc,IAAI,EAAC,QAAQ;MAACC,OAAO,EAAET;IAAQ,CAAE;EAAE,gBAE1Dd,KAAA,CAAAiB,aAAA,CAACb,GAAG;IACFoB,SAAS,EAAC,UAAU;IACpBC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,KAAK,EAAC,OAAO;IACbC,GAAG,EAAC;EAAK,gBAET9B,KAAA,CAAAiB,aAAA,CAACV,IAAI;IAACwB,SAAS;EAAA,GAAEtB,aAAa,CAACM,QAAQ,CAAQ,CAAC,eAChDf,KAAA,CAAAiB,aAAA,CAACZ,WAAW;IAAC2B,QAAQ;IAACC,GAAG,EAAE9B,WAAW,CAACY,QAAQ;EAAE,CAAE,CAChD,CACD,CAAC;AAEX,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-player/audio-player.st.css

@@ -0,0 +1,11 @@
+.root {
+    width: fit-content;
+    z-index: 1000;
+    position: fixed !important;
+    bottom: 42px;
+    right: 48px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

package/dist/esm/cms-fields/components/audio/audio-player/audio-player.st.css.js

@@ -0,0 +1,18 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "audioplayer238685689";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "audioplayer238685689__root"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=audio-player.st.css.js.map

package/dist/esm/cms-fields/components/audio/audio-player/audio-player.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer238685689\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"audioplayer238685689__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AAC1D,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-player/index.js

@@ -0,0 +1,2 @@
+export * from './audio-player';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/audio/audio-player/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../src/cms-fields/components/audio/audio-player/index.ts"],"sourcesContent":["export * from './audio-player';\n"],"mappings":"AAAA,cAAc,gBAAgB","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/index.js

@@ -0,0 +1,3 @@
+export * from './audio-player';
+export * from './audio-field';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/audio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/audio/index.ts"],"sourcesContent":["export * from './audio-player';\nexport * from './audio-field';\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,eAAe","ignoreList":[]}

package/dist/esm/cms-fields/components/common.js

@@ -1,4 +1,4 @@
-// export const Z_INDEX_POPOVER = 99;
+export const Z_INDEX_POPOVER = 99;
 // export const Z_INDEX_BM_TOAST = 1800;
 export const Z_INDEX_MODAL_OVERLAY = 5000;
 // export const Z_INDEX_FRAME_MODAL = Z_INDEX_MODAL_OVERLAY + 1;

package/dist/esm/cms-fields/components/common.js.map

@@ -1 +1 @@
-{"version":3,"names":["Z_INDEX_MODAL_OVERLAY","Z_INDEX_MODAL_POPOVER"],"sources":["../../../../src/cms-fields/components/common.ts"],"sourcesContent":["// export const Z_INDEX_POPOVER = 99;\n// export const Z_INDEX_BM_TOAST = 1800;\nexport const Z_INDEX_MODAL_OVERLAY = 5000;\n// export const Z_INDEX_FRAME_MODAL = Z_INDEX_MODAL_OVERLAY + 1;\nexport const Z_INDEX_MODAL_POPOVER = Z_INDEX_MODAL_OVERLAY + 2;\n"],"mappings":"AAAA;AACA;AACA,OAAO,MAAMA,qBAAqB,GAAG,IAAI;AACzC;AACA,OAAO,MAAMC,qBAAqB,GAAGD,qBAAqB,GAAG,CAAC","ignoreList":[]}
+{"version":3,"names":["Z_INDEX_POPOVER","Z_INDEX_MODAL_OVERLAY","Z_INDEX_MODAL_POPOVER"],"sources":["../../../../src/cms-fields/components/common.ts"],"sourcesContent":["export const Z_INDEX_POPOVER = 99;\n// export const Z_INDEX_BM_TOAST = 1800;\nexport const Z_INDEX_MODAL_OVERLAY = 5000;\n// export const Z_INDEX_FRAME_MODAL = Z_INDEX_MODAL_OVERLAY + 1;\nexport const Z_INDEX_MODAL_POPOVER = Z_INDEX_MODAL_OVERLAY + 2;\n"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAG,EAAE;AACjC;AACA,OAAO,MAAMC,qBAAqB,GAAG,IAAI;AACzC;AACA,OAAO,MAAMC,qBAAqB,GAAGD,qBAAqB,GAAG,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/delete-dialog/delete-dialog.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "deletedialog747825275";
+var _namespace_ = "deletedialog3973039530";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "deletedialog747825275__root",
-  "layout": "deletedialog747825275__layout"
+  "root": "deletedialog3973039530__root",
+  "layout": "deletedialog3973039530__layout"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/delete-dialog/delete-dialog.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog747825275\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"deletedialog747825275__root\",\"layout\":\"deletedialog747825275__layout\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AACpG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog3973039530\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"deletedialog3973039530__root\",\"layout\":\"deletedialog3973039530__layout\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AACtG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}