polotno 2.4.3 → 2.4.4

package/side-panel/layers-panel.js

@@ -1 +1 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LayersPanel=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),l10n_1=require("../utils/l10n"),react_sortablejs_1=require("react-sortablejs"),text_1=require("../utils/text"),SortItem=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>{const l=t.selectedElements.indexOf(e)>=0,[a,r]=react_1.default.useState(!1),n=()=>r(!1),i=a?e.name:e.name||(0,text_1.removeTags)(e.text)||`#${e.id}`;return react_1.default.createElement(core_1.Card,{onMouseDown:l=>{const a=l.ctrlKey||l.metaKey||l.shiftKey?[...t.selectedElementsIds]:[];a.indexOf(e.id)<0&&a.push(e.id),t.selectElements(a)},style:{padding:"5px",margin:"0px 1px 5px 1px",backgroundColor:l?"rgb(0, 161, 255, 0.2)":"",display:e.selectable||"admin"===t.role?"auto":"none"}},react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react_1.default.createElement("div",{style:{lineHeight:"30px",display:"flex"}},react_1.default.createElement("div",{className:"drag-handle",style:{display:"flex",justifyContent:"center",alignItems:"center",cursor:"move",height:"30px"}},react_1.default.createElement(core_1.Icon,{icon:"drag-handle-vertical"})),react_1.default.createElement("div",{style:{padding:"0 7px",opacity:.5,width:"55px"}},(0,l10n_1.t)("sidePanel.layerTypes."+e.type)),react_1.default.createElement("div",{style:{maxWidth:"142px"}},react_1.default.createElement(core_1.EditableText,{minWidth:130,placeholder:(0,l10n_1.t)("sidePanel.namePlaceholder"),value:i,maxLines:1,onEdit:()=>r(!0),onCancel:n,onConfirm:n,onChange:t=>{e.set({name:t})}}))),react_1.default.createElement("div",null,react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.visible)?"eye-open":"eye-off",onClick:()=>{e.set({visible:!e.visible})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.locked)?"lock":"unlock",onClick:()=>{e.set({draggable:e.locked,contentEditable:e.locked,styleEditable:e.locked,resizable:e.locked})}}),react_1.default.createElement(core_1.Button,{icon:"trash",minimal:!0,disabled:!e.removable,onClick:()=>{t.deleteElements([e.id])},style:{marginLeft:"auto"}}))))}));exports.LayersPanel=(0,mobx_react_lite_1.observer)((({store:e})=>{var t;const l=(null===(t=e.activePage)||void 0===t?void 0:t.children.map((e=>({id:e.id}))))||[];return l.reverse(),react_1.default.createElement("div",{style:{height:"100%",overflow:"auto"}},react_1.default.createElement("div",{style:{height:"40px",paddingTop:"5px"}},(0,l10n_1.t)("sidePanel.layersTip")),react_1.default.createElement("div",null,0===l.length?react_1.default.createElement("div",null,(0,l10n_1.t)("sidePanel.noLayers")):null,react_1.default.createElement(react_sortablejs_1.ReactSortable,{list:l,setList:t=>{t.forEach((({id:l},a)=>{var r,n;const i=t.length-a-1,c=e.getElementById(l);(null===(r=e.activePage)||void 0===r?void 0:r.children.indexOf(c))!==i&&(null===(n=e.activePage)||void 0===n||n.setElementZIndex(c.id,i))}))},direction:"horizontal"},l.map((({id:t})=>{const l=e.getElementById(t);return react_1.default.createElement(SortItem,{element:l,store:e,key:t})})))))}));
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LayersPanel=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),l10n_1=require("../utils/l10n"),screen_1=require("../utils/screen"),react_sortablejs_1=require("react-sortablejs"),text_1=require("../utils/text"),SortItem=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>{const l=t.selectedElements.indexOf(e)>=0,[a,r]=react_1.default.useState(!1),n=()=>r(!1),i=a?e.name:e.name||(0,text_1.removeTags)(e.text)||`#${e.id}`;return react_1.default.createElement(core_1.Card,{onMouseDown:l=>{const a=l.ctrlKey||l.metaKey||l.shiftKey?[...t.selectedElementsIds]:[];a.indexOf(e.id)<0&&a.push(e.id),t.selectElements(a)},style:{padding:"5px",margin:"0px 1px 5px 1px",backgroundColor:l?"rgb(0, 161, 255, 0.2)":"",display:e.selectable||"admin"===t.role?"auto":"none"}},react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react_1.default.createElement("div",{style:{lineHeight:"30px",display:"flex"}},react_1.default.createElement("div",{className:"drag-handle",style:{display:"flex",justifyContent:"center",alignItems:"center",cursor:"move",height:"30px"}},react_1.default.createElement(core_1.Icon,{icon:"drag-handle-vertical"})),react_1.default.createElement("div",{style:{padding:"0 7px",opacity:.5,width:"55px"}},(0,l10n_1.t)("sidePanel.layerTypes."+e.type)),react_1.default.createElement("div",{style:{maxWidth:"142px"}},react_1.default.createElement(core_1.EditableText,{minWidth:130,placeholder:(0,l10n_1.t)("sidePanel.namePlaceholder"),value:i,maxLines:1,onEdit:()=>r(!0),onCancel:n,onConfirm:n,onChange:t=>{e.set({name:t})}}))),react_1.default.createElement("div",null,react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.visible)?"eye-open":"eye-off",onClick:()=>{e.set({visible:!e.visible})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.locked)?"lock":"unlock",onClick:()=>{e.set({draggable:e.locked,contentEditable:e.locked,styleEditable:e.locked,resizable:e.locked})}}),react_1.default.createElement(core_1.Button,{icon:"trash",minimal:!0,disabled:!e.removable,onClick:()=>{t.deleteElements([e.id])},style:{marginLeft:"auto"}}))))}));exports.LayersPanel=(0,mobx_react_lite_1.observer)((({store:e})=>{var t;const l=(null===(t=e.activePage)||void 0===t?void 0:t.children.map((e=>({id:e.id}))))||[];l.reverse();const a=(0,screen_1.isMobile)();return react_1.default.createElement("div",{style:{height:"100%",overflow:"auto"}},react_1.default.createElement("div",{style:{height:"40px",paddingTop:"5px"}},(0,l10n_1.t)("sidePanel.layersTip")),react_1.default.createElement("div",null,0===l.length?react_1.default.createElement("div",null,(0,l10n_1.t)("sidePanel.noLayers")):null,react_1.default.createElement(react_sortablejs_1.ReactSortable,{list:l,setList:t=>{t.forEach((({id:l},a)=>{var r,n;const i=t.length-a-1,c=e.getElementById(l);(null===(r=e.activePage)||void 0===r?void 0:r.children.indexOf(c))!==i&&(null===(n=e.activePage)||void 0===n||n.setElementZIndex(c.id,i))}))},direction:"horizontal",handle:a?".drag-handle":void 0},l.map((({id:t})=>{const l=e.getElementById(t);return react_1.default.createElement(SortItem,{element:l,store:e,key:t})})))))}));

package/toolbar/html-toolbar.d.ts

@@ -18,9 +18,6 @@ export declare const FontStyleGroup: (({ element, store }: InputProps) => React.
 export declare const FontColorInput: (({ element, store }: InputProps) => React.JSX.Element) & {
     displayName: string;
 };
-export declare const SpacingInput: (({ element }: InputProps) => React.JSX.Element) & {
-    displayName: string;
-};
 export declare const DirectionInput: (({ element }: InputProps) => React.JSX.Element) & {
     displayName: string;
 };

package/toolbar/html-toolbar.js

@@ -1 +1 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HtmlToolbar=exports.DirectionInput=exports.SpacingInput=exports.FontColorInput=exports.FontStyleGroup=exports.FontSizeInput=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),core_2=require("@blueprintjs/core"),element_container_1=require("./element-container"),color_picker_1=__importDefault(require("./color-picker")),filters_picker_1=__importDefault(require("./filters-picker")),MdcFormatLineSpacing_1=__importDefault(require("@meronex/icons/mdc/MdcFormatLineSpacing")),MdFormatTextdirectionRToL_1=__importDefault(require("@meronex/icons/md/MdFormatTextdirectionRToL")),MdFormatTextdirectionLToR_1=__importDefault(require("@meronex/icons/md/MdFormatTextdirectionLToR")),MdcFormatVerticalAlignTop_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignTop")),MdcFormatVerticalAlignCenter_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignCenter")),MdcFormatVerticalAlignBottom_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignBottom")),animations_picker_1=require("./animations-picker"),flags_1=require("../utils/flags"),html_element_1=require("../canvas/html-element"),text_toolbar_1=require("./text-toolbar");exports.FontSizeInput=(0,mobx_react_lite_1.observer)((({element:e})=>react_1.default.createElement(core_1.NumericInput,{onValueChange:t=>{e.set({fontSize:t})},value:Math.round(e.fontSize),style:{width:"50px"},min:5})));const ALIGN_OPTIONS=["left","center","right","justify"],VERTICAL_ALIGN_OPTIONS=["top","middle","bottom"],VERTICAL_ALIGN_ICONS={top:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignTop_1.default,null)),middle:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignCenter_1.default,null)),bottom:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignBottom_1.default,null))};exports.FontStyleGroup=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>react_1.default.createElement(core_1.ButtonGroup,null,react_1.default.createElement(core_1.Button,{minimal:!0,icon:"align-"+e.align,onClick:()=>{const t=(ALIGN_OPTIONS.indexOf(e.align)+1+ALIGN_OPTIONS.length)%ALIGN_OPTIONS.length,n=ALIGN_OPTIONS[t];e.set({align:n})}}),flags_1.flags.textVerticalResizeEnabled&&react_1.default.createElement(core_1.Button,{minimal:!0,icon:VERTICAL_ALIGN_ICONS[e.verticalAlign],onClick:()=>{const n=(VERTICAL_ALIGN_OPTIONS.indexOf(e.verticalAlign)+1+VERTICAL_ALIGN_OPTIONS.length)%VERTICAL_ALIGN_OPTIONS.length,r=VERTICAL_ALIGN_OPTIONS[n];t.history.transaction((()=>{e.set({verticalAlign:r})}))}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"bold",active:html_element_1.quillRef.currentFormat.bold||"bold"===e.fontWeight||"700"===e.fontWeight,onMouseDown:e=>{e.preventDefault()},onClick:t=>{const n=window.__polotnoQuill;if(n){const e=n.getSelection();return void n.formatText(e.index,e.length,"bold",!html_element_1.quillRef.currentFormat.bold,"user")}"bold"===e.fontWeight||"700"===e.fontWeight?e.set({fontWeight:"normal"}):e.set({fontWeight:"bold"})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"italic",onMouseDown:e=>{e.preventDefault()},active:html_element_1.quillRef.currentFormat.italic||"italic"===e.fontStyle,onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();t.formatText(e.index,e.length,"italic",!html_element_1.quillRef.currentFormat.italic,"user")}else"italic"===e.fontStyle?e.set({fontStyle:"normal"}):e.set({fontStyle:"italic"})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"underline",active:html_element_1.quillRef.currentFormat.underline||e.textDecoration.indexOf("underline")>=0,onMouseDown:e=>{e.preventDefault()},onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();return void t.formatText(e.index,e.length,"underline",!html_element_1.quillRef.currentFormat.underline,"user")}let n=e.textDecoration.split(" ");n.indexOf("underline")>=0?n=n.filter((e=>"underline"!==e)):n.push("underline"),e.set({textDecoration:n.join(" ")})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"strikethrough",active:html_element_1.quillRef.currentFormat.strike||e.textDecoration.indexOf("line-through")>=0,onMouseDown:e=>{e.preventDefault()},onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();return void t.formatText(e.index,e.length,"strike",!html_element_1.quillRef.currentFormat.strike,"user")}let n=e.textDecoration.split(" ");n.indexOf("line-through")>=0?n=n.filter((e=>"line-through"!==e)):n.push("line-through"),e.set({textDecoration:n.join(" ")})}})))),exports.FontColorInput=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>react_1.default.createElement(color_picker_1.default,{value:html_element_1.quillRef.currentFormat.color||e.fill,onChange:t=>{const n=window.__polotnoQuill,r=null==n?void 0:n.getSelection(),l=(null==r?void 0:r.length)>=(null==n?void 0:n.getLength())-1;if(n&&!l&&(null==r?void 0:r.length))n.formatText(r.index,r.length,"color",t,"user");else{var o=e.text.replace(/style=".*?"/g,"");e.set({fill:t,text:o})}},store:t}))),exports.SpacingInput=(0,mobx_react_lite_1.observer)((({element:e})=>react_1.default.createElement(core_2.Popover,{content:react_1.default.createElement("div",{style:{padding:"15px 25px",width:"200px"}},react_1.default.createElement("p",null,"Line height"),react_1.default.createElement(core_1.Slider,{value:"number"==typeof e.lineHeight?100*e.lineHeight:120,labelStepSize:50,onChange:t=>{e.set({lineHeight:t/100})},min:50,max:250,stepSize:10,showTrackFill:!0}),react_1.default.createElement("p",null,"Letter spacing"),react_1.default.createElement(core_1.Slider,{value:100*e.letterSpacing,labelStepSize:50,onChange:t=>{e.set({letterSpacing:t/100})},min:-50,max:250,stepSize:10,showTrackFill:!1})),position:core_1.Position.BOTTOM},react_1.default.createElement(core_1.Button,{icon:react_1.default.createElement(MdcFormatLineSpacing_1.default,{className:"bp5-icon",style:{fontSize:"20px"}}),minimal:!0})))),exports.DirectionInput=(0,mobx_react_lite_1.observer)((({element:e})=>{const t="rtl"===e.dir?MdFormatTextdirectionRToL_1.default:MdFormatTextdirectionLToR_1.default;return react_1.default.createElement(core_1.Button,{icon:react_1.default.createElement(t,{className:"bp5-icon",style:{fontSize:"20px"}}),minimal:!0,onClick:()=>{e.set({dir:"rtl"===e.dir?"ltr":"rtl"})}})}));const PROPS_MAP={TextFontFamily:text_toolbar_1.TextFontFamily,TextFontSize:exports.FontSizeInput,TextFontVariant:exports.FontStyleGroup,TextFilters:filters_picker_1.default,TextFill:exports.FontColorInput,TextSpacing:exports.SpacingInput,TextDirection:exports.DirectionInput,TextAnimations:animations_picker_1.AnimationsPicker};exports.HtmlToolbar=(0,mobx_react_lite_1.observer)((({store:e,components:t})=>{const n=e.selectedElements,r=e.selectedElements[0],l=["TextFill","TextFontFamily","TextFontSize","TextFontVariant","TextSpacing","TextFilters",flags_1.flags.animationsEnabled&&"TextAnimations"],o=(0,element_container_1.extendToolbar)({type:"text",usedItems:l,components:t});return react_1.default.createElement(element_container_1.ElementContainer,{items:o,itemRender:l=>{const o=t[l]||PROPS_MAP[l];return react_1.default.createElement(o,{element:r,elements:n,store:e,key:l})}})}));
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HtmlToolbar=exports.DirectionInput=exports.FontColorInput=exports.FontStyleGroup=exports.FontSizeInput=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),element_container_1=require("./element-container"),color_picker_1=__importDefault(require("./color-picker")),filters_picker_1=__importDefault(require("./filters-picker")),MdFormatTextdirectionRToL_1=__importDefault(require("@meronex/icons/md/MdFormatTextdirectionRToL")),MdFormatTextdirectionLToR_1=__importDefault(require("@meronex/icons/md/MdFormatTextdirectionLToR")),MdcFormatVerticalAlignTop_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignTop")),MdcFormatVerticalAlignCenter_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignCenter")),MdcFormatVerticalAlignBottom_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignBottom")),animations_picker_1=require("./animations-picker"),flags_1=require("../utils/flags"),html_element_1=require("../canvas/html-element"),text_toolbar_1=require("./text-toolbar");exports.FontSizeInput=(0,mobx_react_lite_1.observer)((({element:e})=>react_1.default.createElement(core_1.NumericInput,{onValueChange:t=>{e.set({fontSize:t})},value:Math.round(e.fontSize),style:{width:"50px"},min:5})));const ALIGN_OPTIONS=["left","center","right","justify"],VERTICAL_ALIGN_OPTIONS=["top","middle","bottom"],VERTICAL_ALIGN_ICONS={top:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignTop_1.default,null)),middle:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignCenter_1.default,null)),bottom:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignBottom_1.default,null))};exports.FontStyleGroup=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>react_1.default.createElement(core_1.ButtonGroup,null,react_1.default.createElement(core_1.Button,{minimal:!0,icon:"align-"+e.align,onClick:()=>{const t=(ALIGN_OPTIONS.indexOf(e.align)+1+ALIGN_OPTIONS.length)%ALIGN_OPTIONS.length,n=ALIGN_OPTIONS[t];e.set({align:n})}}),flags_1.flags.textVerticalResizeEnabled&&react_1.default.createElement(core_1.Button,{minimal:!0,icon:VERTICAL_ALIGN_ICONS[e.verticalAlign],onClick:()=>{const n=(VERTICAL_ALIGN_OPTIONS.indexOf(e.verticalAlign)+1+VERTICAL_ALIGN_OPTIONS.length)%VERTICAL_ALIGN_OPTIONS.length,o=VERTICAL_ALIGN_OPTIONS[n];t.history.transaction((()=>{e.set({verticalAlign:o})}))}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"bold",active:html_element_1.quillRef.currentFormat.bold||"bold"===e.fontWeight||"700"===e.fontWeight,onMouseDown:e=>{e.preventDefault()},onClick:t=>{const n=window.__polotnoQuill;if(n){const e=n.getSelection();return void n.formatText(e.index,e.length,"bold",!html_element_1.quillRef.currentFormat.bold,"user")}"bold"===e.fontWeight||"700"===e.fontWeight?e.set({fontWeight:"normal"}):e.set({fontWeight:"bold"})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"italic",onMouseDown:e=>{e.preventDefault()},active:html_element_1.quillRef.currentFormat.italic||"italic"===e.fontStyle,onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();t.formatText(e.index,e.length,"italic",!html_element_1.quillRef.currentFormat.italic,"user")}else"italic"===e.fontStyle?e.set({fontStyle:"normal"}):e.set({fontStyle:"italic"})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"underline",active:html_element_1.quillRef.currentFormat.underline||e.textDecoration.indexOf("underline")>=0,onMouseDown:e=>{e.preventDefault()},onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();return void t.formatText(e.index,e.length,"underline",!html_element_1.quillRef.currentFormat.underline,"user")}let n=e.textDecoration.split(" ");n.indexOf("underline")>=0?n=n.filter((e=>"underline"!==e)):n.push("underline"),e.set({textDecoration:n.join(" ")})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"strikethrough",active:html_element_1.quillRef.currentFormat.strike||e.textDecoration.indexOf("line-through")>=0,onMouseDown:e=>{e.preventDefault()},onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();return void t.formatText(e.index,e.length,"strike",!html_element_1.quillRef.currentFormat.strike,"user")}let n=e.textDecoration.split(" ");n.indexOf("line-through")>=0?n=n.filter((e=>"line-through"!==e)):n.push("line-through"),e.set({textDecoration:n.join(" ")})}})))),exports.FontColorInput=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>react_1.default.createElement(color_picker_1.default,{value:html_element_1.quillRef.currentFormat.color||e.fill,onChange:t=>{const n=window.__polotnoQuill,o=null==n?void 0:n.getSelection(),l=(null==o?void 0:o.length)>=(null==n?void 0:n.getLength())-1;if(n&&!l&&(null==o?void 0:o.length))n.formatText(o.index,o.length,"color",t,"user");else{var r=e.text.replace(/style=".*?"/g,"");e.set({fill:t,text:r})}},store:t}))),exports.DirectionInput=(0,mobx_react_lite_1.observer)((({element:e})=>{const t="rtl"===e.dir?MdFormatTextdirectionRToL_1.default:MdFormatTextdirectionLToR_1.default;return react_1.default.createElement(core_1.Button,{icon:react_1.default.createElement(t,{className:"bp5-icon",style:{fontSize:"20px"}}),minimal:!0,onClick:()=>{e.set({dir:"rtl"===e.dir?"ltr":"rtl"})}})}));const PROPS_MAP={TextFontFamily:text_toolbar_1.TextFontFamily,TextFontSize:exports.FontSizeInput,TextFontVariant:exports.FontStyleGroup,TextFilters:filters_picker_1.default,TextFill:exports.FontColorInput,TextSpacing:text_toolbar_1.TextSpacing,TextDirection:exports.DirectionInput,TextAnimations:animations_picker_1.AnimationsPicker};exports.HtmlToolbar=(0,mobx_react_lite_1.observer)((({store:e,components:t})=>{const n=e.selectedElements,o=e.selectedElements[0],l=["TextFill","TextFontFamily","TextFontSize","TextFontVariant","TextSpacing","TextFilters",flags_1.flags.animationsEnabled&&"TextAnimations"],r=(0,element_container_1.extendToolbar)({type:"text",usedItems:l,components:t});return react_1.default.createElement(element_container_1.ElementContainer,{items:r,itemRender:l=>{const r=t[l]||PROPS_MAP[l];return react_1.default.createElement(r,{element:o,elements:n,store:e,key:l})}})}));

package/utils/unit.d.ts

@@ -1,4 +1,4 @@
-type UnitType = 'pt' | 'mm' | 'cm' | 'in' | 'px';
+export type UnitType = 'pt' | 'mm' | 'cm' | 'in' | 'px';
 type fromPx = {
     px: number;
     unit: UnitType;
@@ -6,7 +6,7 @@ type fromPx = {
 };
 export declare const pxToUnit: ({ px, unit, dpi }: fromPx) => number;
 export declare const pxToUnitRounded: ({ px, precious, dpi, unit, }: fromPx & {
-    precious: number;
+    precious?: number;
 }) => number;
 export declare const unitToPx: ({ unitVal, dpi, unit }: {
     unitVal: any;