@pisell/private-materials 3.1.3 → 3.2.2

package/lib/components/walletList/types/index.js

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/walletList/types/index.ts
+var types_exports = {};
+__export(types_exports, {
+  DEFAULT_CARD_CONFIG: () => DEFAULT_CARD_CONFIG
+});
+module.exports = __toCommonJS(types_exports);
+var DEFAULT_CARD_CONFIG = {
+  mode: "light",
+  cardStyle: "normal",
+  codeDirection: "bottom",
+  showShopName: true,
+  showWalletName: true,
+  showIcon: false,
+  iconImg: "",
+  showCardNo: true,
+  showCode: true,
+  points: true,
+  balance: true,
+  coupon: true
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_CARD_CONFIG
+});

package/lib/components/workSpaceList/components/AppearanceEdit/Color.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './Color.less';
+interface ColorProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (val: string) => void;
+}
+declare const Color: React.FC<ColorProps>;
+export default Color;

package/lib/components/workSpaceList/components/AppearanceEdit/Color.js

@@ -0,0 +1,80 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/workSpaceList/components/AppearanceEdit/Color.tsx
+var Color_exports = {};
+__export(Color_exports, {
+  default: () => Color_default
+});
+module.exports = __toCommonJS(Color_exports);
+var import_ahooks = require("ahooks");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_Color = require("./Color.less");
+var colorArr = [
+  "#7F56D9",
+  "#D92D20",
+  "#DC6803",
+  "#039855",
+  "#3E4784",
+  "#088AB2",
+  "#444CE7",
+  "#BA24D5",
+  "#CA8504",
+  "#475467"
+];
+var ColorItem = (props) => {
+  const { color, active, onClick } = props;
+  const style = (0, import_react.useMemo)(() => {
+    return { "--color-item-background-color": color };
+  }, [color]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      onClick,
+      className: (0, import_classnames.default)("color-item", {
+        ["color-item-active"]: active
+      }),
+      style
+    }
+  );
+};
+var Color = (props) => {
+  const { value, onChange, defaultValue } = props;
+  const [state, setState] = (0, import_ahooks.useControllableValue)(props);
+  return /* @__PURE__ */ import_react.default.createElement("div", null, colorArr.map((item) => /* @__PURE__ */ import_react.default.createElement(
+    ColorItem,
+    {
+      key: item,
+      color: item,
+      active: state === item,
+      onClick: () => setState == null ? void 0 : setState(item)
+    }
+  )));
+};
+var Color_default = Color;

package/lib/components/workSpaceList/components/AppearanceEdit/Color.less

@@ -0,0 +1,24 @@
+.color-item {
+  width: 28px;
+  height: 28px;
+  margin-right: 12px;
+  border-radius: 50%;
+  background-color: var(--color-item-background-color);
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+}
+.color-item-active {
+  &:after {
+    content: '';
+    display: inline-block;
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    border: 3px solid var(--color-item-background-color);
+    left: -6px;
+    top: -6px;
+    box-sizing: border-box;
+  }
+}

package/lib/components/workSpaceList/components/AppearanceEdit/IconPanel.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './IconPanel.less';
+interface IconPanel {
+    name: string;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (val: string) => void;
+}
+declare const IconPanel: React.FC<IconPanel>;
+export default IconPanel;

package/lib/components/workSpaceList/components/AppearanceEdit/IconPanel.js

@@ -0,0 +1,89 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/workSpaceList/components/AppearanceEdit/IconPanel.tsx
+var IconPanel_exports = {};
+__export(IconPanel_exports, {
+  default: () => IconPanel_default
+});
+module.exports = __toCommonJS(IconPanel_exports);
+var import_constants = require("./../AppearanceEdit/constants");
+var import_icon = require("@pisell/icon");
+var import_materials = require("@pisell/materials");
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = require("react");
+var import_IconPanel = require("./IconPanel.less");
+var IconPanel = (props) => {
+  const { color, name, value } = props;
+  const [state, setState] = (0, import_ahooks.useControllableValue)(props);
+  const [showIcons, setShowIcons] = (0, import_react.useState)(import_constants.icons);
+  const onSearch = (val) => {
+    setShowIcons(import_constants.icons.filter((item) => item.name.includes(val)));
+  };
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+    import_materials.Input,
+    {
+      bordered: false,
+      prefix: /* @__PURE__ */ React.createElement(import_icon.SearchLg, { className: "search-icon" }),
+      placeholder: "Search icons",
+      className: "search",
+      onPressEnter: (e) => {
+        var _a;
+        return onSearch == null ? void 0 : onSearch((_a = e.target) == null ? void 0 : _a.value);
+      }
+    }
+  ), /* @__PURE__ */ React.createElement(import_antd.Space, { size: 20, wrap: true }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("icon-item-wrap", "icon-item-text", {
+        ["icon-item-wrap-active"]: !import_constants.iconMap[value]
+      }),
+      style: !import_constants.iconMap[value] ? { background: color } : {},
+      onClick: () => setState("")
+    },
+    name.slice(0, 2)
+  ), showIcons.map((item) => {
+    const isActive = state === item.name;
+    const Icon = item.icon;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("icon-item-wrap", {
+          ["icon-item-wrap-active"]: isActive
+        }),
+        style: isActive ? { background: color } : {},
+        onClick: () => setState(item.name),
+        key: item.name
+      },
+      /* @__PURE__ */ React.createElement(Icon, { style: { fontSize: 20 } })
+    );
+  })));
+};
+var IconPanel_default = IconPanel;

package/lib/components/workSpaceList/components/AppearanceEdit/IconPanel.less

@@ -0,0 +1,19 @@
+.search {
+  margin-bottom: 20px;
+}
+.icon-item-wrap {
+  width: 36px;
+  height: 36px;
+  padding: 8px;
+  cursor: pointer;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.icon-item-text {
+  padding: 0;
+}
+.icon-item-wrap-active {
+  color: #fff;
+}

package/lib/components/workSpaceList/components/AppearanceEdit/constants.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IconItem {
+    name: string;
+    icon: React.ComponentType;
+}
+export declare const icons: IconItem[];
+export declare const iconMap: Record<string, React.ComponentType>;
+export {};

package/lib/components/workSpaceList/components/AppearanceEdit/constants.js

@@ -0,0 +1,151 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/workSpaceList/components/AppearanceEdit/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  iconMap: () => iconMap,
+  icons: () => icons
+});
+module.exports = __toCommonJS(constants_exports);
+var import_icon = require("@pisell/icon");
+var icons = [
+  {
+    name: "bank",
+    icon: import_icon.Bank
+  },
+  // {
+  //   name: 'bank-note-01',
+  //   icon: 'bank-note-01',
+  // },
+  {
+    name: "bank-note-02",
+    icon: import_icon.BankNote02
+  },
+  // {
+  //   name: 'bank-note-03',
+  //   icon: 'pisell2-bank-note-03',
+  // },
+  // {
+  //   name: 'coins-01',
+  //   icon: 'pisell2-coins-01',
+  // },
+  // {
+  //   name: 'coins-02',
+  //   icon: 'pisell2-coins-02',
+  // },
+  // {
+  //   name: 'coins-03',
+  //   icon: 'pisell2-coins-03',
+  // },
+  {
+    name: "coins-04",
+    icon: import_icon.Coins04
+  },
+  {
+    name: "coins-hand",
+    icon: import_icon.CoinsHand
+  },
+  // {
+  //   name: 'coins-stacked-01',
+  //   icon: 'pisell2-coins-stacked-01',
+  // },
+  // {
+  //   name: 'coins-stacked-02',
+  //   icon: 'pisell2-coins-stacked-02',
+  // },
+  // {
+  //   name: 'coins-stacked-04',
+  //   icon: 'pisell2-coins-stacked-04',
+  // },
+  // {
+  //   name: 'coins-swap-01',
+  //   icon: 'pisell2-coins-swap-01',
+  // },
+  {
+    name: "coins-swap-02",
+    icon: import_icon.CoinsSwap02
+  },
+  // {
+  //   name: 'credit-card-01',
+  //   icon: 'pisell2-credit-card-01',
+  // },
+  {
+    name: "credit-card-02",
+    icon: import_icon.CreditCard02
+  },
+  // {
+  //   name: 'credit-card-check',
+  //   icon: 'pisell2-credit-card-check',
+  // },
+  // {
+  //   name: 'credit-card-down',
+  //   icon: 'pisell2-credit-card-down',
+  // },
+  // {
+  //   name: 'credit-card-download',
+  //   icon: 'pisell2-credit-card-download',
+  // },
+  {
+    name: "cryptocurrency-01",
+    icon: import_icon.Cryptocurrency01
+  },
+  // {
+  //   name: 'cryptocurrency-03',
+  //   icon: 'pisell2-cryptocurrency-03',
+  // },
+  {
+    name: "currency-bitcoin",
+    icon: import_icon.CurrencyBitcoin
+  },
+  {
+    name: "diamond-01",
+    icon: import_icon.Diamond01
+  },
+  {
+    name: "gift-01",
+    icon: import_icon.Gift01
+  },
+  // {
+  //   name: 'piggy-bank-01',
+  //   icon: 'pisell2-piggy-bank-01',
+  // },
+  // {
+  //   name: 'receipt-check',
+  //   icon: 'pisell2-receipt-check',
+  // },
+  // {
+  //   name: 'scales-01',
+  //   icon: 'pisell2-scales-01',
+  // },
+  {
+    name: "shopping-bag-01",
+    icon: import_icon.ShoppingBag01
+  }
+];
+var iconMap = icons.reduce((p, c) => {
+  return {
+    ...p,
+    [c.name]: c.icon
+  };
+}, {});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  iconMap,
+  icons
+});

package/lib/components/workSpaceList/components/AppearanceEdit/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+export interface AppearanceEditProps {
+    colorTitle?: string;
+    isShowName?: boolean;
+    style?: React.CSSProperties;
+    name?: string;
+    color?: string;
+    icon?: string;
+}
+export interface AppearanceEditRef {
+    getDetail: () => {
+        name: string;
+        color: string;
+        icon: string;
+    };
+}
+declare const _default: React.ForwardRefExoticComponent<AppearanceEditProps & React.RefAttributes<AppearanceEditRef>>;
+export default _default;

package/lib/components/workSpaceList/components/AppearanceEdit/index.js

@@ -0,0 +1,83 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/workSpaceList/components/AppearanceEdit/index.tsx
+var AppearanceEdit_exports = {};
+__export(AppearanceEdit_exports, {
+  default: () => AppearanceEdit_default
+});
+module.exports = __toCommonJS(AppearanceEdit_exports);
+var import_Color = __toESM(require("./../AppearanceEdit/Color"));
+var import_IconPanel = __toESM(require("./../AppearanceEdit/IconPanel"));
+var import_materials = require("@pisell/materials");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var AppearanceEdit = (props, ref) => {
+  const {
+    colorTitle,
+    isShowName = true,
+    name: propsName,
+    color: propsColor,
+    icon: propsIcon,
+    style
+  } = props;
+  const inputRef = (0, import_react.useRef)(null);
+  const [name, setName] = (0, import_react.useState)("Untitled Base");
+  const [color, setColor] = (0, import_react.useState)("#7F56D9");
+  const [icon, setIcon] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    propsName && setName(propsName);
+    propsColor && setColor(propsColor);
+    propsIcon && setIcon(propsIcon);
+  }, [propsName, propsColor, propsIcon]);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.focus({
+      cursor: "all"
+    });
+  }, []);
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    getDetail: () => {
+      return {
+        name,
+        color,
+        icon
+      };
+    }
+  }));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appearance-edit-wrap", style }, isShowName && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Input,
+    {
+      value: name,
+      onChange: (e) => setName(e.target.value),
+      ref: inputRef
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, null)), /* @__PURE__ */ import_react.default.createElement("div", null, colorTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "color-title" }, colorTitle), /* @__PURE__ */ import_react.default.createElement(import_Color.default, { value: color, onChange: setColor })), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, null), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_IconPanel.default, { value: icon, onChange: setIcon, color, name })));
+};
+var AppearanceEdit_default = (0, import_react.forwardRef)(AppearanceEdit);

package/lib/components/workSpaceList/components/AppearanceEdit/index.less

@@ -0,0 +1,12 @@
+.appearance-edit-wrap {
+  width: 475px;
+  padding: 20px 12px;
+  .color-title {
+    color: var(--gray-900, #101828);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px;
+    margin-bottom: 20px;
+  }
+}

package/lib/components/workSpaceList/components/AppearanceShow/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.less';
+interface AppearanceProps {
+    color: string;
+    icon: string;
+    name?: string;
+    size?: number;
+    fontSize?: number;
+}
+declare const AppearanceShow: React.FC<AppearanceProps>;
+export default AppearanceShow;

package/lib/components/workSpaceList/components/AppearanceShow/index.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/workSpaceList/components/AppearanceShow/index.tsx
+var AppearanceShow_exports = {};
+__export(AppearanceShow_exports, {
+  default: () => AppearanceShow_default
+});
+module.exports = __toCommonJS(AppearanceShow_exports);
+var import_react = __toESM(require("react"));
+var import_constants = require("./../AppearanceEdit/constants");
+var import_index = require("./index.less");
+var AppearanceShow = (props) => {
+  const { color, icon, size = 20, fontSize = 14, name } = props;
+  const Icon = (0, import_react.useMemo)(() => {
+    return import_constants.iconMap[icon];
+  }, [icon]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "appearance-wrap",
+      style: {
+        background: color || "#7F56D9",
+        height: size,
+        width: size,
+        fontSize
+      }
+    },
+    Icon ? /* @__PURE__ */ import_react.default.createElement(Icon, null) : name == null ? void 0 : name.slice(0, 2)
+  );
+};
+var AppearanceShow_default = AppearanceShow;

package/lib/components/workSpaceList/components/AppearanceShow/index.less

@@ -0,0 +1,7 @@
+.appearance-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  color: #fff;
+}

package/lib/components/workSpaceList/components/Card/constants.d.ts

@@ -0,0 +1,2 @@
+import { MenuProps } from 'antd';
+export declare const items: MenuProps['items'];