@atlaskit/editor-common 93.5.2 → 93.6.0

package/dist/cjs/quick-insert/assets/index.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "IconFallback", {
     return _fallback.default;
   }
 });
-exports.IconStatus = exports.IconQuote = exports.IconPanelWarning = exports.IconPanelSuccess = exports.IconPanelNote = exports.IconPanelError = exports.IconPanel = exports.IconMention = exports.IconLoom = exports.IconListNumber = exports.IconList = exports.IconLink = exports.IconLayout = exports.IconImages = exports.IconHeading = exports.IconFeedback = void 0;
+exports.IconTwoColumnLayout = exports.IconThreeColumnLayout = exports.IconStatus = exports.IconQuote = exports.IconPanelWarning = exports.IconPanelSuccess = exports.IconPanelNote = exports.IconPanelError = exports.IconPanel = exports.IconOneColumnLayout = exports.IconMention = exports.IconLoom = exports.IconListNumber = exports.IconList = exports.IconLink = exports.IconLayout = exports.IconImages = exports.IconHeading = exports.IconFourColumnLayout = exports.IconFiveColumnLayout = exports.IconFeedback = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
@@ -256,6 +256,66 @@ var IconStatus = exports.IconStatus = (0, _reactLoadable.default)({
     return null;
   }
 });
+var IconOneColumnLayout = exports.IconOneColumnLayout = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout'));
+    }).then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+var IconTwoColumnLayout = exports.IconTwoColumnLayout = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout'));
+    }).then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+var IconThreeColumnLayout = exports.IconThreeColumnLayout = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout'));
+    }).then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+var IconFourColumnLayout = exports.IconFourColumnLayout = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout'));
+    }).then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+var IconFiveColumnLayout = exports.IconFiveColumnLayout = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout'));
+    }).then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
 function importHeading(level) {
   switch (level) {
     case 1:

package/dist/cjs/quick-insert/assets/one-column-layout.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = OneColumnLayoutIcon;
+var _react = _interopRequireDefault(require("react"));
+var _useIconThemed2 = require("../use-icon-themed");
+function OneColumnLayoutIcon() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40,
+    viewBox: "0 0 40 40",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip0_5808_9744)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "0.5",
+    y: "0.5",
+    width: "39",
+    height: "39",
+    rx: "2.5",
+    stroke: "var(--ds-border, #091E42)",
+    strokeOpacity: "0.14"
+  })), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "6",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: "#CCE0FF"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "10",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "29",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "33",
+    width: "16",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6.25",
+    y: "14.25",
+    width: "27.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip0_5808_9744"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }))));
+}

package/dist/cjs/quick-insert/assets/three-column-layout.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ThreeColumnLayoutIcon;
+var _react = _interopRequireDefault(require("react"));
+var _useIconThemed2 = require("../use-icon-themed");
+function ThreeColumnLayoutIcon() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: "40",
+    height: "40",
+    viewBox: "0 0 40 40",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "40",
+    height: "40",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip0_5808_6858)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "0.5",
+    y: "0.5",
+    width: "39",
+    height: "39",
+    rx: "2.5",
+    stroke: "var(--ds-border, #091E42)",
+    strokeOpacity: "0.14"
+  })), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "6",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "10",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "29",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "33",
+    width: "16",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6.25",
+    y: "14.25",
+    width: "7.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "16.25",
+    y: "14.25",
+    width: "7.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "26.25",
+    y: "14.25",
+    width: "7.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip0_5808_6858"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }))));
+}

package/dist/cjs/quick-insert/assets/two-column-layout.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TwoColumnLayoutIcon;
+var _react = _interopRequireDefault(require("react"));
+var _useIconThemed2 = require("../use-icon-themed");
+function TwoColumnLayoutIcon() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: "40",
+    height: "40",
+    viewBox: "0 0 40 40",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip0_5808_8970)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "0.5",
+    y: "0.5",
+    width: "39",
+    height: "39",
+    rx: "2.5",
+    stroke: "var(--ds-border, #091E42)",
+    strokeOpacity: "0.14"
+  })), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "6",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#a5adba',
+      dark: '#8696A7'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "10",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#a5adba',
+      dark: '#8696A7'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "29",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#a5adba',
+      dark: '#8696A7'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6",
+    y: "33",
+    width: "16",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#a5adba',
+      dark: '#8696A7'
+    })
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "6.25",
+    y: "14.25",
+    width: "12.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "21.25",
+    y: "14.25",
+    width: "12.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip0_5808_8970"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }))));
+}

package/dist/cjs/quick-insert/index.js

@@ -81,6 +81,18 @@ Object.defineProperty(exports, "IconFeedback", {
     return _assets.IconFeedback;
   }
 });
+Object.defineProperty(exports, "IconFiveColumnLayout", {
+  enumerable: true,
+  get: function get() {
+    return _assets.IconFiveColumnLayout;
+  }
+});
+Object.defineProperty(exports, "IconFourColumnLayout", {
+  enumerable: true,
+  get: function get() {
+    return _assets.IconFourColumnLayout;
+  }
+});
 Object.defineProperty(exports, "IconHeading", {
   enumerable: true,
   get: function get() {
@@ -129,6 +141,12 @@ Object.defineProperty(exports, "IconMention", {
     return _assets.IconMention;
   }
 });
+Object.defineProperty(exports, "IconOneColumnLayout", {
+  enumerable: true,
+  get: function get() {
+    return _assets.IconOneColumnLayout;
+  }
+});
 Object.defineProperty(exports, "IconPanel", {
   enumerable: true,
   get: function get() {
@@ -171,6 +189,18 @@ Object.defineProperty(exports, "IconStatus", {
     return _assets.IconStatus;
   }
 });
+Object.defineProperty(exports, "IconThreeColumnLayout", {
+  enumerable: true,
+  get: function get() {
+    return _assets.IconThreeColumnLayout;
+  }
+});
+Object.defineProperty(exports, "IconTwoColumnLayout", {
+  enumerable: true,
+  get: function get() {
+    return _assets.IconTwoColumnLayout;
+  }
+});
 Object.defineProperty(exports, "find", {
   enumerable: true,
   get: function get() {

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "93.5.2";
+var packageVersion = "93.6.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -231,6 +231,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
       }
     }
     // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
     ,
     css: buttonStyle,
     iconAfter: (0, _react2.jsx)(_primitives.Box, {

package/dist/es2019/card/LinkToolbarButtonGroup.js

@@ -45,22 +45,28 @@ export const LinkToolbarButtonGroup = ({
     testId,
     tooltipContent,
     title,
-    icon: Icon
-  }) => jsx(DisallowedWrapper, {
-    css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
-    key: testId,
-    disabled: disabled
-  }, jsx(Button, {
-    css: disabled ? buttonStyleNoneEvent : buttonStyle,
-    title: title,
-    icon: jsx(Icon, {
-      size: "medium",
-      label: title
-    }),
-    selected: selected,
-    onClick: onClick,
-    testId: testId,
-    disabled: disabled,
-    tooltipContent: tooltipContent
-  }))));
+    icon,
+    iconFallback
+  }) => {
+    const ButtonIcon = icon;
+    return jsx(DisallowedWrapper, {
+      css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
+      key: testId,
+      disabled: disabled
+    }, jsx(Button, {
+      css: disabled ? buttonStyleNoneEvent : buttonStyle,
+      title: title,
+      icon: jsx(ButtonIcon, {
+        label: title,
+        spacing: "spacious",
+        LEGACY_size: "medium",
+        LEGACY_fallbackIcon: iconFallback
+      }),
+      selected: selected,
+      onClick: onClick,
+      testId: testId,
+      disabled: disabled,
+      tooltipContent: tooltipContent
+    }));
+  }));
 };

package/dist/es2019/card/link-toolbar-button-group-options.js

@@ -1,3 +1,7 @@
+import MinusIcon from '@atlaskit/icon/core/minus';
+import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
+import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
+import SmartLinkInlineIcon from '@atlaskit/icon/core/smart-link-inline';
 import { cardMessages as messages } from '../messages';
 import { IconCard } from './ui/assets/card';
 import { IconEmbed } from './ui/assets/embed';
@@ -6,19 +10,23 @@ import { IconUrl } from './ui/assets/url';
 const appearancePropsMap = {
   url: {
     title: messages.urlTitle,
-    icon: IconUrl
+    icon: MinusIcon,
+    iconFallback: IconUrl
   },
   inline: {
     title: messages.inlineTitle,
-    icon: IconInline
+    icon: SmartLinkInlineIcon,
+    iconFallback: IconInline
   },
   block: {
     title: messages.blockTitle,
-    icon: IconCard
+    icon: SmartLinkCardIcon,
+    iconFallback: IconCard
   },
   embed: {
     title: messages.embedTitle,
-    icon: IconEmbed
+    icon: SmartLinkEmbedIcon,
+    iconFallback: IconEmbed
   }
 };
 export const getButtonGroupOption = (intl, dispatchCommand, {
@@ -31,11 +39,13 @@ export const getButtonGroupOption = (intl, dispatchCommand, {
 }) => {
   const {
     title,
-    icon
+    icon,
+    iconFallback
   } = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'];
   return {
     title: intl.formatMessage(title),
     icon,
+    iconFallback,
     onClick: () => dispatchCommand(onClick),
     disabled: Boolean(disabled),
     tooltipContent: tooltip || null,

package/dist/es2019/card/ui/assets/card.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 const IconCardGlyph = props => {

package/dist/es2019/card/ui/assets/embed.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 const IconEmbedGlyph = props => {

package/dist/es2019/card/ui/assets/inline.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 const IconInlineGlyph = props => {

package/dist/es2019/card/ui/assets/url.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 const IconUrlGlyph = props => {

package/dist/es2019/media-single/CommentBadge.js

@@ -9,7 +9,8 @@ import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import CustomThemeButton from '@atlaskit/button/custom-theme-button';
 import { akEditorUnitZIndex } from '@atlaskit/editor-shared-styles';
-import CommentIcon from '@atlaskit/icon/glyph/comment';
+import CommentIcon from '@atlaskit/icon/core/comment';
+import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
 import Tooltip from '@atlaskit/tooltip';
 import { commentMessages as messages } from '../media';
 const commentBadgeWrapper = css({
@@ -101,7 +102,10 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
     onMouseLeave: onMouseLeave,
     iconAfter: jsx(CommentIcon, {
       label: title,
-      size: badgeSize
+      spacing: "spacious",
+      color: "currentColor",
+      LEGACY_size: badgeSize,
+      LEGACY_fallbackIcon: LegacyCommentIcon
     })
   })));
 });