@pisell/materials 1.0.38 → 1.0.39

package/lib/components/table/Table/fields/rangePicker/Edit/index.js

@@ -46,7 +46,9 @@ var Edit = (props, ref) => {
     style,
     bordered,
     presets,
-    showTime
+    showTime,
+    format,
+    ...others
   } = props;
   const dayjsVal = (0, import_react.useMemo)(() => {
     if ((0, import_utils.isString)(value)) {
@@ -62,6 +64,7 @@ var Edit = (props, ref) => {
   }, [value]);
   const rangePresets = [
     { label: "Today", value: [(0, import_dayjs.default)().startOf("day"), (0, import_dayjs.default)().endOf("day")] },
+    { label: "Yesterday", value: [(0, import_dayjs.default)().add(-1, "d").startOf("day"), (0, import_dayjs.default)().add(-1, "d").endOf("day")] },
     { label: "Last 3 Days", value: [(0, import_dayjs.default)().add(-3, "d").startOf("day"), (0, import_dayjs.default)().endOf("day")] },
     { label: "Last 7 Days", value: [(0, import_dayjs.default)().add(-7, "d").startOf("day"), (0, import_dayjs.default)().endOf("day")] },
     { label: "Last 14 Days", value: [(0, import_dayjs.default)().add(-14, "d").startOf("day"), (0, import_dayjs.default)().endOf("day")] },
@@ -77,6 +80,8 @@ var Edit = (props, ref) => {
   return /* @__PURE__ */ React.createElement(
     RangePicker,
     {
+      ...others,
+      format,
       showTime: _showTime,
       presets: presets || rangePresets,
       ref,

package/lib/components/table/Table/fields/search/Config/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Config: () => JSX.Element;
+export default Config;

package/lib/components/table/Table/fields/search/Config/index.js

@@ -0,0 +1,28 @@
+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/table/Table/fields/search/Config/index.tsx
+var Config_exports = {};
+__export(Config_exports, {
+  default: () => Config_default
+});
+module.exports = __toCommonJS(Config_exports);
+var Config = () => {
+  return /* @__PURE__ */ React.createElement("div", null);
+};
+var Config_default = Config;

package/lib/components/table/Table/fields/search/Edit/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { EditPropsType } from "../../types";
+declare const _default: import("react").ForwardRefExoticComponent<Omit<EditPropsType, "ref"> & import("react").RefAttributes<any>>;
+export default _default;

package/lib/components/table/Table/fields/search/Edit/index.js

@@ -0,0 +1,51 @@
+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/table/Table/fields/search/Edit/index.tsx
+var Edit_exports = {};
+__export(Edit_exports, {
+  default: () => Edit_default
+});
+module.exports = __toCommonJS(Edit_exports);
+var import_react = require("react");
+var import_input = __toESM(require("../../../../../input"));
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var Edit = (props, ref) => {
+  const { onChange, value, onPressEnter, onBlur, style, bordered, ...others } = props;
+  return /* @__PURE__ */ React.createElement(
+    import_input.default,
+    {
+      ...others,
+      prefix: /* @__PURE__ */ React.createElement(import_icons.SearchOutlined, null),
+      onPressEnter: (e) => onChange == null ? void 0 : onChange(e.target.value),
+      className: (0, import_classnames.default)(props.className)
+    }
+  );
+};
+var Edit_default = (0, import_react.forwardRef)(Edit);

package/lib/components/table/Table/fields/search/Show/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FieldPropsType } from "../../types";
+declare const Show: (props: FieldPropsType) => JSX.Element;
+export default Show;

package/lib/components/table/Table/fields/search/Show/index.js

@@ -0,0 +1,37 @@
+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/table/Table/fields/search/Show/index.tsx
+var Show_exports = {};
+__export(Show_exports, {
+  default: () => Show_default
+});
+module.exports = __toCommonJS(Show_exports);
+var Show = (props) => {
+  const {
+    title,
+    editable,
+    dataIndex,
+    field_type,
+    record,
+    handleSave,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ React.createElement("div", { className: "" }, record[dataIndex]);
+};
+var Show_default = Show;

package/lib/components/table/Table/fields/search/Sort/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Sort: () => JSX.Element;
+export default Sort;

package/lib/components/table/Table/fields/search/Sort/index.js

@@ -0,0 +1,28 @@
+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/table/Table/fields/search/Sort/index.tsx
+var Sort_exports = {};
+__export(Sort_exports, {
+  default: () => Sort_default
+});
+module.exports = __toCommonJS(Sort_exports);
+var Sort = () => {
+  return /* @__PURE__ */ React.createElement("div", null);
+};
+var Sort_default = Sort;

package/lib/components/table/Table/fields/search/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare const _default: {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: string;
+    };
+    config: () => JSX.Element;
+    edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
+};
+export default _default;

package/lib/components/table/Table/fields/search/index.js

@@ -0,0 +1,51 @@
+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/table/Table/fields/search/index.tsx
+var search_exports = {};
+__export(search_exports, {
+  default: () => search_default
+});
+module.exports = __toCommonJS(search_exports);
+var import_Config = __toESM(require("./Config"));
+var import_Edit = __toESM(require("./Edit"));
+var import_Show = __toESM(require("./Show"));
+var import_Sort = __toESM(require("./Sort"));
+var field = {
+  field_icon: "pi-a-Property3Singlelinetext",
+  field_name: "search",
+  field_type: "search",
+  default_value: "Text"
+};
+var search_default = {
+  field,
+  config: import_Config.default,
+  edit: import_Edit.default,
+  sort: import_Sort.default,
+  show: import_Show.default
+};

package/lib/components/table/Table/index.js

@@ -99,14 +99,12 @@ var GridViewTable = ({ tableProps }) => {
     });
   }, [defaultColumns]);
   const showTotal = (0, import_react.useCallback)(
-    (total, range) => {
+    (total, range, pageSize) => {
       let start = range[0] - 1;
-      let _current = start / tableProps.pagination.pageSize + 1;
-      return `Page ${_current} of ${Math.ceil(
-        total / tableProps.pagination.pageSize
-      )}`;
+      let _current = start / pageSize + 1;
+      return `Page ${_current} of ${Math.ceil(total / pageSize)}`;
     },
-    [tableProps.pagination.pageSize]
+    []
   );
   const _paginationConfig = (0, import_react.useMemo)(() => {
     if (tableProps.pagination === false) {

package/lib/components/table/Table/tableConfig/body/CellContent/index.less

@@ -1,6 +1,5 @@
 .cell-provider {
   position: relative;
-  cursor: pointer;
   width: 100%;
   height: 100%;
   display: flex;

package/lib/components/table/Table/tableConfig/body/CellProvider/index.less

@@ -1,6 +1,4 @@
 .cell-provider {
-  position: relative;
-  cursor: pointer;
   width: 100%;
   height: 100%;
   display: flex;
@@ -8,7 +6,6 @@
   justify-content: center;
   border-radius: 4px;
   padding: 12px;
-  // cursor: pointer;
 
   &.focus {
     box-shadow: var(--theme-color) 0px 0px 0px 1px !important;

package/lib/components/table/Table/tableConfig/header/CellProvider/index.less

@@ -10,7 +10,7 @@
   }
 
   .materials-grid-table-header-cell-content {
-    padding-right: 10px;
+    // padding-right: 10px;
     flex: auto;
     font-weight: 600;
     font-size: 14px;

package/lib/components/table/index.js

@@ -82,7 +82,7 @@ var GridView = (0, import_model.Provider)((props) => {
     });
   }, [filter]);
   const initialValues = (0, import_react.useMemo)(
-    () => (filter.list || []).reduce(
+    () => ((filter == null ? void 0 : filter.list) || []).reduce(
       (p, c) => {
         var _a;
         return {
@@ -92,14 +92,32 @@ var GridView = (0, import_model.Provider)((props) => {
       },
       {}
     ),
-    [filter.list]
+    [filter == null ? void 0 : filter.list]
   );
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form,
     {
       form,
       layout: "vertical",
-      onValuesChange,
+      onValuesChange: (cur, values) => {
+        var _a;
+        let _values = { ...values };
+        const currentKey = Object.keys(cur)[0];
+        if (currentKey !== "pagination") {
+          _values.pagination = {
+            ..._values.pagination,
+            page: 1
+          };
+        } else {
+          if ((dataSource == null ? void 0 : dataSource.length) > ((_a = other == null ? void 0 : other.pagination) == null ? void 0 : _a.pageSize)) {
+            return;
+          }
+        }
+        form.setFieldsValue({
+          pagination: _values.pagination
+        });
+        onValuesChange(cur, values);
+      },
       initialValues
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid", style }, /* @__PURE__ */ import_react.default.createElement(import_Header.default, { title, buttons }), /* @__PURE__ */ import_react.default.createElement(import_Actions.default, { filter, sort }), /* @__PURE__ */ import_react.default.createElement(import_Summary.default, { summary }), /* @__PURE__ */ import_react.default.createElement(import_Table.default, { tableProps: other }))

package/lib/components/table/model.js

@@ -131,7 +131,7 @@ var { Provider, Context } = (0, import_miniRedux.default)({
 var formatColumn = (item) => {
   let _other = {
     editable: true,
-    width: 200,
+    width: 100,
     field_type: "text",
     lock: true,
     ...item.other || {}

package/lib/index.d.ts

@@ -1,63 +1,64 @@
-export { Affix } from 'antd';
-export { Anchor } from 'antd';
-export { Alert } from 'antd';
-export { Avatar } from 'antd';
-export { Badge } from 'antd';
-export { Breadcrumb } from 'antd';
-export { Card } from 'antd';
-export { Collapse } from 'antd';
-export { Carousel } from 'antd';
-export { Col } from 'antd';
-export { Descriptions } from 'antd';
-export { Divider } from 'antd';
-export { Empty } from 'antd';
-export { Grid } from 'antd';
-export { Image } from 'antd';
-export { InputNumber } from 'antd';
-export { List } from 'antd';
-export { message } from 'antd';
-export { Menu } from 'antd';
-export { Mentions } from 'antd';
-export { Statistic } from 'antd';
-export { notification } from 'antd';
-export { Pagination } from 'antd';
-export { Popconfirm } from 'antd';
-export { Popover } from 'antd';
-export { Progress } from 'antd';
-export { Rate } from 'antd';
-export { Result } from 'antd';
-export { Row } from 'antd';
-export { Space } from 'antd';
-export { Spin } from 'antd';
-export { Steps } from 'antd';
-export { Switch } from 'antd';
-export { Transfer } from 'antd';
-export { Tree } from 'antd';
-export { Tag } from 'antd';
-export { Timeline } from 'antd';
-export { Tooltip } from 'antd';
-export { Typography } from 'antd';
-export { version } from 'antd';
-export { default as Skeleton } from './components/skeleton';
-export { default as Checkbox } from './components/checkbox';
-export { default as Button } from './components/button';
-export { default as Radio } from './components/radio';
-export { default as Upload } from './components/upload';
-export { default as Form } from './components/form';
-export { default as Dropdown } from './components/dropdown';
-export { default as Calendar } from './components/calendar';
-export { default as ConfigProvider } from './components/config-provider';
-export { default as DatePicker } from './components/date-picker';
-export { default as Tabs } from './components/tabs';
-export { default as TimePicker } from './components/time-picker';
-export { default as Slider } from './components/slider';
-export { default as Table } from './components/table';
-export { default as Modal } from './components/modal';
-export { default as Drawer } from './components/drawer';
-export { default as TreeSelect } from './components/tree-select';
-export { default as Input } from './components/input';
-export { default as Select } from './components/select';
-export { default as Cascader } from './components/cascader';
-export { default as AutoComplete } from './components/auto-complete';
-export { default as Div } from './components/div';
-export { default as Page } from './components/page';
+export { Affix } from "antd";
+export { Anchor } from "antd";
+export { Alert } from "antd";
+export { Avatar } from "antd";
+export { Badge } from "antd";
+export { Breadcrumb } from "antd";
+export { Card } from "antd";
+export { Collapse } from "antd";
+export { Carousel } from "antd";
+export { Col } from "antd";
+export { Descriptions } from "antd";
+export { Divider } from "antd";
+export { Empty } from "antd";
+export { Grid } from "antd";
+export { Image } from "antd";
+export { InputNumber } from "antd";
+export { List } from "antd";
+export { message } from "antd";
+export { Menu } from "antd";
+export { Mentions } from "antd";
+export { Statistic } from "antd";
+export { notification } from "antd";
+export { Pagination } from "antd";
+export { Popconfirm } from "antd";
+export { Popover } from "antd";
+export { Progress } from "antd";
+export { Rate } from "antd";
+export { Result } from "antd";
+export { Row } from "antd";
+export { Space } from "antd";
+export { Spin } from "antd";
+export { Steps } from "antd";
+export { Switch } from "antd";
+export { Transfer } from "antd";
+export { Tree } from "antd";
+export { Tag } from "antd";
+export { Timeline } from "antd";
+export { Tooltip } from "antd";
+export { Typography } from "antd";
+export { version } from "antd";
+export { default as Skeleton } from "./components/skeleton";
+export { default as Checkbox } from "./components/checkbox";
+export { default as Button } from "./components/button";
+export { default as Radio } from "./components/radio";
+export { default as Upload } from "./components/upload";
+export { default as Icon } from "./components/icon";
+export { default as Form } from "./components/form";
+export { default as Dropdown } from "./components/dropdown";
+export { default as Calendar } from "./components/calendar";
+export { default as ConfigProvider } from "./components/config-provider";
+export { default as DatePicker } from "./components/date-picker";
+export { default as Tabs } from "./components/tabs";
+export { default as TimePicker } from "./components/time-picker";
+export { default as Slider } from "./components/slider";
+export { default as Table } from "./components/table";
+export { default as Modal } from "./components/modal";
+export { default as Drawer } from "./components/drawer";
+export { default as TreeSelect } from "./components/tree-select";
+export { default as Input } from "./components/input";
+export { default as Select } from "./components/select";
+export { default as Cascader } from "./components/cascader";
+export { default as AutoComplete } from "./components/auto-complete";
+export { default as Div } from "./components/div";
+export { default as Page } from "./components/page";

package/lib/index.js

@@ -54,6 +54,7 @@ __export(src_exports, {
   Empty: () => import_antd13.Empty,
   Form: () => import_form.default,
   Grid: () => import_antd14.Grid,
+  Icon: () => import_icon.default,
   Image: () => import_antd15.Image,
   Input: () => import_input.default,
   InputNumber: () => import_antd16.InputNumber,
@@ -139,6 +140,7 @@ var import_checkbox = __toESM(require("./components/checkbox"));
 var import_button = __toESM(require("./components/button"));
 var import_radio = __toESM(require("./components/radio"));
 var import_upload = __toESM(require("./components/upload"));
+var import_icon = __toESM(require("./components/icon"));
 var import_form = __toESM(require("./components/form"));
 var import_dropdown = __toESM(require("./components/dropdown"));
 var import_calendar = __toESM(require("./components/calendar"));
@@ -184,6 +186,7 @@ var import_page = __toESM(require("./components/page"));
   Empty,
   Form,
   Grid,
+  Icon,
   Image,
   Input,
   InputNumber,

package/lowcode/div/meta.ts

@@ -49,8 +49,12 @@ const DivMeta: ComponentMetadata = {
         }
       }
     ],
-    "supports": {},
-    "component": {}
+    "supports": {
+      style: true,
+    },
+    component: {
+      isContainer: true,
+    },
   }
 };
 const snippets: Snippet[] = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.38",
+  "version": "1.0.39",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

package/dist/umd/static/DotsSix.57d66266.svg

@@ -1 +0,0 @@
-<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/dist/umd/static/filter-lines.04a54ae9.svg

@@ -1 +0,0 @@
-<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/help-circle.31c9be40.svg

@@ -1 +0,0 @@
-<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11.258-3.976a2 2 0 0 0-2.225 1.308 1 1 0 1 1-1.886-.664 4 4 0 0 1 7.773 1.333c0 1.53-1.135 2.54-1.945 3.081a8.044 8.044 0 0 1-1.686.848l-.035.013-.011.003-.004.002h-.002L11.92 13l.316.949a1 1 0 0 1-.633-1.897l.016-.006.074-.027a6.051 6.051 0 0 0 1.172-.6c.69-.46 1.055-.95 1.055-1.419v-.001a2 2 0 0 0-1.662-1.975ZM11 17a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Z"/></svg>