@pdftron/webviewer
Version:
[WebViewer](https://www.apryse.com/webviewer) is a powerful JavaScript Document SDK and UI Component Library that is a part of the [Apryse PDF SDK](https://www.apryse.com). It provides a slick, out-of-the-box responsive UI that interacts with the core lib
2 lines • 25.7 kB
JavaScript
(window.webpackJsonpWebViewerUI=window.webpackJsonpWebViewerUI||[]).push([[72],{2047:function(t,n,e){var o=e(36),r=e(2048);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[t.i,r,""]]);var i={insert:function(t){if(!window.isApryseWebViewerWebComponent)return void document.head.appendChild(t);let n;n=document.getElementsByTagName("apryse-webviewer"),n.length||(n=function t(n,e=document){const o=[];return e.querySelectorAll(n).forEach(t=>o.push(t)),e.querySelectorAll("*").forEach(e=>{e.shadowRoot&&o.push(...t(n,e.shadowRoot))}),o}("apryse-webviewer"));const e=[];for(let o=0;o<n.length;o++){const r=n[o];if(0===o)r.shadowRoot.appendChild(t),t.onload=function(){e.length>0&&e.forEach(n=>{n.innerHTML=t.innerHTML})};else{const n=t.cloneNode(!0);r.shadowRoot.appendChild(n),e.push(n)}}},singleton:!1};o(r,i);t.exports=r.locals||{}},2048:function(t,n,e){(n=t.exports=e(37)(!1)).push([t.i,".open.OfficeEditorColumnsModal{visibility:visible}.closed.OfficeEditorColumnsModal{visibility:hidden}:host{display:inline-block;container-type:inline-size;width:100%;height:100%;overflow:hidden}@media(min-width:901px){.App:not(.is-web-component) .hide-in-desktop{display:none}}@container (min-width: 901px){.hide-in-desktop{display:none}}@media(min-width:641px)and (max-width:900px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .hide-in-tablet{display:none}}@container (min-width: 641px) and (max-width: 900px){.App.is-web-component:not(.is-in-desktop-only-mode) .hide-in-tablet{display:none}}@media(max-width:640px)and (min-width:431px){.App:not(.is-web-component) .hide-in-mobile{display:none}}@container (max-width: 640px) and (min-width: 431px){.App.is-web-component .hide-in-mobile{display:none}}@media(max-width:430px){.App:not(.is-web-component) .hide-in-small-mobile{display:none}}@container (max-width: 430px){.App.is-web-component .hide-in-small-mobile{display:none}}.always-hide{display:none}.OfficeEditorColumnsModal .footer .modal-button.confirm:hover{background:var(--primary-button-hover);border-color:var(--primary-button-hover);color:var(--gray-0)}.OfficeEditorColumnsModal .footer .modal-button.confirm{background:var(--primary-button);border-color:var(--primary-button);color:var(--primary-button-text)}.OfficeEditorColumnsModal .footer .modal-button.confirm.disabled{cursor:default;background:var(--disabled-button-color);color:var(--primary-button-text)}.OfficeEditorColumnsModal .footer .modal-button.confirm.disabled span{color:var(--primary-button-text)}.OfficeEditorColumnsModal .footer .modal-button.cancel:hover,.OfficeEditorColumnsModal .footer .modal-button.secondary-btn-custom:hover{border:none;box-shadow:inset 0 0 0 1px var(--blue-6);color:var(--blue-6)}.OfficeEditorColumnsModal .footer .modal-button.cancel,.OfficeEditorColumnsModal .footer .modal-button.secondary-btn-custom{border:none;box-shadow:inset 0 0 0 1px var(--primary-button);color:var(--primary-button)}.OfficeEditorColumnsModal .footer .modal-button.cancel.disabled,.OfficeEditorColumnsModal .footer .modal-button.secondary-btn-custom.disabled{cursor:default;border:none;box-shadow:inset 0 0 0 1px rgba(43,115,171,.5);color:rgba(43,115,171,.5)}.OfficeEditorColumnsModal .footer .modal-button.cancel.disabled span,.OfficeEditorColumnsModal .footer .modal-button.secondary-btn-custom.disabled span{color:rgba(43,115,171,.5)}.OfficeEditorColumnsModal{position:fixed;inset-inline-start:0;inset-block-end:0;z-index:100;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--modal-negative-space)}.OfficeEditorColumnsModal .modal-container .wrapper .modal-content{padding:10px}.OfficeEditorColumnsModal .footer{flex-direction:row;width:100%;margin-top:13px}.OfficeEditorColumnsModal .footer.modal-footer{padding:16px;margin:0;border-top:1px solid var(--divider)}.OfficeEditorColumnsModal .footer .modal-button{display:flex;justify-content:center;align-items:center;padding:6px 18px;margin:8px 0 0;width:auto;width:-moz-fit-content;width:fit-content;border-radius:4px;height:30px;cursor:pointer}.OfficeEditorColumnsModal .footer .modal-button.confirm{margin-inline-start:4px}.OfficeEditorColumnsModal .footer .modal-button.secondary-btn-custom{border-radius:4px;padding:2px 20px 4px;cursor:pointer}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .OfficeEditorColumnsModal .footer .modal-button{padding:23px 8px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .OfficeEditorColumnsModal .footer .modal-button{padding:23px 8px}}.OfficeEditorColumnsModal .swipe-indicator{background:var(--swipe-indicator-bg);border-radius:2px;height:4px;width:38px;position:absolute;inset-block-start:12px;margin-inline-start:auto;margin-inline-end:auto;inset-inline-start:0;inset-inline-end:0}@media(min-width:641px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .OfficeEditorColumnsModal .swipe-indicator{display:none}}@container (min-width: 641px){.App.is-web-component:not(.is-in-desktop-only-mode) .OfficeEditorColumnsModal .swipe-indicator{display:none}}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .OfficeEditorColumnsModal .swipe-indicator{width:32px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .OfficeEditorColumnsModal .swipe-indicator{width:32px}}.OfficeEditorColumnsModal{flex-direction:column}.OfficeEditorColumnsModal .modal-container{display:flex;flex-direction:column;height:auto;width:480px}.OfficeEditorColumnsModal .modal-body{padding:16px;display:flex;flex-direction:row;flex-wrap:wrap;font-size:var(--font-size-default);font-family:var(--font-family);grid-gap:16px;gap:16px}.OfficeEditorColumnsModal .modal-body .title{line-height:16px;font-weight:var(--font-weight-bold)}.OfficeEditorColumnsModal .input-container{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.OfficeEditorColumnsModal .input-container .modal-label{color:var(--gray-12)}.OfficeEditorColumnsModal .input-container .ui__input__wrapper{width:auto;max-width:216px}.OfficeEditorColumnsModal .input-container .ui__input{border-color:var(--gray-6);position:relative}.OfficeEditorColumnsModal .input-container .ui__input.ui__input--focused{box-shadow:none;border-color:var(--focus-border)}.OfficeEditorColumnsModal .input-container .ui__input[\\:has\\(\\:disabled\\)]{border-color:var(--gray-5)}.OfficeEditorColumnsModal .input-container .ui__input:has(:disabled){border-color:var(--gray-5)}.OfficeEditorColumnsModal .input-container input{padding:8px 40px 8px 8px;height:32px;font-size:var(--font-size-default);width:100%}.OfficeEditorColumnsModal .input-container input[type=number]{-moz-appearance:textfield}.OfficeEditorColumnsModal .input-container input:disabled{opacity:1}.OfficeEditorColumnsModal .input-container input::-webkit-inner-spin-button,.OfficeEditorColumnsModal .input-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.OfficeEditorColumnsModal .flex-half{flex-basis:calc(50% - 8px)}.OfficeEditorColumnsModal .flex-full{flex-basis:100%}.OfficeEditorColumnsModal .flex-third{flex-basis:calc(33.33333% - 8px)}.OfficeEditorColumnsModal .footer{padding:16px;display:flex;justify-content:flex-end;border-top:1px solid var(--gray-5)}.OfficeEditorColumnsModal .footer button{border:none;border-radius:4px;background:var(--primary-button);min-width:59px;width:auto;padding:8px 16px;height:32px;color:var(--primary-button-text)}.OfficeEditorColumnsModal .footer button:hover{background:var(--primary-button-hover)}.OfficeEditorColumnsModal .unit-dropdown.Dropdown{height:34px}.OfficeEditorColumnsModal .input-container .ui__input input[type=number].column-amount-input{-moz-appearance:auto;padding-inline-end:8px}.OfficeEditorColumnsModal .input-container .ui__input input.column-amount-input::-webkit-inner-spin-button,.OfficeEditorColumnsModal .input-container .ui__input input.column-amount-input::-webkit-outer-spin-button{-webkit-appearance:auto}.OfficeEditorColumnsModal .section{width:100%;border-top:1px solid var(--gray-5)}.OfficeEditorColumnsModal .section .section-label{font-weight:var(--font-weight-bold);padding:2px 0;margin:16px 0}.OfficeEditorColumnsModal .section .row{display:flex;align-items:center;grid-gap:8px;gap:8px}.OfficeEditorColumnsModal .section .row.columns-headers{padding:2px 0;margin-bottom:8px}.OfficeEditorColumnsModal .section .columns-container{height:156px;background-color:var(--gray-2);overflow:auto;border:1px solid var(--gray-5)}.OfficeEditorColumnsModal .section .columns-container .row{background-color:var(--gray-0);padding:7px}",""]),n.locals={LEFT_HEADER_WIDTH:"41px",RIGHT_HEADER_WIDTH:"41px"}},2129:function(t,n,e){"use strict";e.r(n);e(9),e(10),e(14),e(32),e(38),e(34),e(27),e(21),e(20),e(12),e(44),e(22),e(33),e(18),e(26),e(16),e(29),e(634),e(638),e(40),e(49),e(24),e(48),e(50),e(41),e(35),e(42),e(8),e(88),e(57),e(17),e(19),e(11),e(31),e(13);var o=e(0),r=e.n(o),i=e(6),a=e(4),l=e(307),c=e(3),u=e(5),d=e(43),s=e(383),f=e(72),m=e(106),p=e(1595),b=e(62),h=(e(119),e(1654),e(1)),y=e(581),v=e(25);function g(t){return function(t){if(Array.isArray(t))return M(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||C(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var t,n,e="function"==typeof Symbol?Symbol:{},o=e.iterator||"@@iterator",r=e.toStringTag||"@@toStringTag";function i(e,o,r,i){var c=o&&o.prototype instanceof l?o:l,u=Object.create(c.prototype);return w(u,"_invoke",function(e,o,r){var i,l,c,u=0,d=r||[],s=!1,f={p:0,n:0,v:t,a:m,f:m.bind(t,4),d:function(n,e){return i=n,l=0,c=t,f.n=e,a}};function m(e,o){for(l=e,c=o,n=0;!s&&u&&!r&&n<d.length;n++){var r,i=d[n],m=f.p,p=i[2];e>3?(r=p===o)&&(c=i[(l=i[4])?5:(l=3,3)],i[4]=i[5]=t):i[0]<=m&&((r=e<2&&m<i[1])?(l=0,f.v=o,f.n=i[1]):m<p&&(r=e<3||i[0]>o||o>p)&&(i[4]=e,i[5]=o,f.n=p,l=0))}if(r||e>1)return a;throw s=!0,o}return function(r,d,p){if(u>1)throw TypeError("Generator is already running");for(s&&1===d&&m(d,p),l=d,c=p;(n=l<2?t:c)||!s;){i||(l?l<3?(l>1&&(f.n=-1),m(l,c)):f.n=c:f.v=c);try{if(u=2,i){if(l||(r="next"),n=i[r]){if(!(n=n.call(i,c)))throw TypeError("iterator result is not an object");if(!n.done)return n;c=n.value,l<2&&(l=0)}else 1===l&&(n=i.return)&&n.call(i),l<2&&(c=TypeError("The iterator does not provide a '"+r+"' method"),l=1);i=t}else if((n=(s=f.n<0)?c:e.call(o,f))!==a)break}catch(n){i=t,l=1,c=n}finally{u=1}}return{value:n,done:s}}}(e,r,i),!0),u}var a={};function l(){}function c(){}function u(){}n=Object.getPrototypeOf;var d=[][o]?n(n([][o]())):(w(n={},o,(function(){return this})),n),s=u.prototype=l.prototype=Object.create(d);function f(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,u):(t.__proto__=u,w(t,r,"GeneratorFunction")),t.prototype=Object.create(s),t}return c.prototype=u,w(s,"constructor",u),w(u,"constructor",c),c.displayName="GeneratorFunction",w(u,r,"GeneratorFunction"),w(s),w(s,r,"Generator"),w(s,o,(function(){return this})),w(s,"toString",(function(){return"[object Generator]"})),(x=function(){return{w:i,m:f}})()}function w(t,n,e,o){var r=Object.defineProperty;try{r({},"",{})}catch(t){r=0}(w=function(t,n,e,o){if(n)r?r(t,n,{value:e,enumerable:!o,configurable:!o,writable:!o}):t[n]=e;else{var i=function(n,e){w(t,n,(function(t){return this._invoke(n,e,t)}))};i("next",0),i("throw",1),i("return",2)}})(t,n,e,o)}function O(t,n,e,o,r,i,a){try{var l=t[i](a),c=l.value}catch(t){return void e(t)}l.done?n(c):Promise.resolve(c).then(o,r)}function E(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var o,r,i,a,l=[],c=!0,u=!1;try{if(i=(e=e.call(t)).next,0===n){if(Object(e)!==e)return;c=!1}else for(;!(c=(o=i.call(e)).done)&&(l.push(o.value),l.length!==n);c=!0);}catch(t){u=!0,r=t}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(u)throw r}}return l}}(t,n)||C(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C(t,n){if(t){if("string"==typeof t)return M(t,n);var e={}.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?M(t,n):void 0}}function M(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,o=Array(n);e<n;e++)o[e]=t[e];return o}var A=function(t,n,e){var o=t||n,r=Math.max(o,n);return Math.min(r,e)},j=function(t){for(var n=[],e=0;e<t.length;e+=2){var o,r=t[e],i=null!==(o=t[e+1])&&void 0!==o?o:v.e;n.push({width:r,spacing:i})}return n},I=function(){var t=E(Object(o.useState)(0),2),n=t[0],e=t[1],r=E(Object(o.useState)([]),2),i=r[0],a=r[1],l=E(Object(o.useState)(!0),2),c=l[0],u=l[1],d=E(Object(o.useState)(0),2),s=d[0],f=d[1],m=E(Object(o.useState)(0),2),p=m[0],b=m[1];Object(o.useEffect)((function(){var t;(t=x().m((function t(){var n,o,r,i,l;return x().w((function(t){for(;;)switch(t.n){case 0:return t.n=1,h.a.getOfficeEditor().getEditingPageNumber();case 1:return n=t.v,t.n=2,h.a.getOfficeEditor().getAvailablePageWidth(n,v.o.PHYSICAL_POINT);case 2:return o=t.v,t.n=3,h.a.getOfficeEditor().getSectionColumns(v.o.PHYSICAL_POINT);case 3:r=t.v,i=j(r),l=Object(y.a)(r),f(o),b(Math.floor(o/v.u)),e(Math.ceil(r.length/2)),u(l),a(i);case 4:return t.a(2)}}),t)})),function(){var n=this,e=arguments;return new Promise((function(o,r){var i=t.apply(n,e);function a(t){O(i,o,r,a,l,"next",t)}function l(t){O(i,o,r,a,l,"throw",t)}a(void 0)}))})()}),[]),Object(o.useEffect)((function(){c&&C(i)}),[c]);var w=function(t,n){if(t===n.length)return n;if(t<n.length)return n.slice(0,t);for(var e=g(n),o=n.length+1;o<=t;o++)e.push({width:0,spacing:v.e});return e},C=function(t){var n=t.length;if(0!==n){var e=t[0].spacing,o=window.Core.Document.OfficeEditor.Layout.buildEqualColumnsConfig(n,s,e),r=j(o);a(r)}},M=function(t,n,e){var o=n===v.c.WIDTH?window.Core.Document.OfficeEditor.Layout.buildEqualColumnsConfigFromWidth(t,e.length,s):window.Core.Document.OfficeEditor.Layout.buildEqualColumnsConfig(e.length,s,t);return j(o)},I=function(t,n,e,o){var r=g(o),i=o.length;r[n]={width:e===v.c.WIDTH?t:r[n].width,spacing:e===v.c.SPACING?t:r[n].spacing};var a=r[i-1].spacing,l=r.reduce((function(t,n){return t+n.width+n.spacing}),-a)-s,c={};if(r=g((c=Object(y.b)({columns:r,excessAmount:l,startIndex:n+1,endIndex:i-1,numberOfColumns:i-n-1,type:v.c.WIDTH})).nextColumns),0===(l=c.excessAmountRemaining))return r;if(e===v.c.WIDTH){if(r=g((c=Object(y.c)({columns:r,excessAmount:l,startIndex:i-2,endIndex:0,numberOfColumns:i-1,type:v.c.SPACING})).nextColumns),0===(l=c.excessAmountRemaining))return r;if(r=g((c=Object(y.c)({columns:r,excessAmount:l,startIndex:n-1,endIndex:0,numberOfColumns:n,type:v.c.WIDTH})).nextColumns),0===(l=c.excessAmountRemaining))return r}else if(e===v.c.SPACING){if(r=g((c=Object(y.b)({columns:r,excessAmount:l,startIndex:0,endIndex:n,numberOfColumns:n+1,type:v.c.WIDTH})).nextColumns),0===(l=c.excessAmountRemaining))return r;r=g((c=Object(y.c)({columns:r,excessAmount:l,startIndex:i-2,endIndex:0,numberOfColumns:i-2,type:v.c.SPACING,skipIndex:n})).nextColumns)}return r};return{columnAmount:n,columns:i,equalColumns:c,maxAllowedColumns:p,changeColumnAmount:function(t){if(""!==t){var n=Number.parseInt(t,10);if(0!==n){(!Number.isFinite(n)||n<0)&&(n=1),n=Math.min(n,p),e(n);var o=w(n,i);C(o)}else e(n)}else e(t)},commitColumnAmount:function(t){t!==i.length&&e(i.length)},commitColumnValue:function(t,n,e){var o=e===v.c.WIDTH?function(t,n,e,o){var r=v.u,i=o?e/n:e-(n-1)*v.u;return A(t,r,i)}(t,i.length,s,c):function(t,n,e,o){var r=o?(e-v.u*n)/(n-1):e-v.u*n;return A(t,0,r)}(t,i.length,s,c),r=c?M(o,e,i):I(o,n,e,i);return a(r),r},toggleEqualColumns:function(){u(!c)},commitColumnSettings:function(){var t=i.reduce((function(t,n){return t.push(Number.parseFloat(n.width),Number.parseFloat(n.spacing)),t}),[]);t.pop(),h.a.getOfficeEditor().setCustomSectionColumns(t,v.o.PHYSICAL_POINT)}}};e(2047);function S(t){return(S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var t,n,e="function"==typeof Symbol?Symbol:{},o=e.iterator||"@@iterator",r=e.toStringTag||"@@toStringTag";function i(e,o,r,i){var c=o&&o.prototype instanceof l?o:l,u=Object.create(c.prototype);return N(u,"_invoke",function(e,o,r){var i,l,c,u=0,d=r||[],s=!1,f={p:0,n:0,v:t,a:m,f:m.bind(t,4),d:function(n,e){return i=n,l=0,c=t,f.n=e,a}};function m(e,o){for(l=e,c=o,n=0;!s&&u&&!r&&n<d.length;n++){var r,i=d[n],m=f.p,p=i[2];e>3?(r=p===o)&&(c=i[(l=i[4])?5:(l=3,3)],i[4]=i[5]=t):i[0]<=m&&((r=e<2&&m<i[1])?(l=0,f.v=o,f.n=i[1]):m<p&&(r=e<3||i[0]>o||o>p)&&(i[4]=e,i[5]=o,f.n=p,l=0))}if(r||e>1)return a;throw s=!0,o}return function(r,d,p){if(u>1)throw TypeError("Generator is already running");for(s&&1===d&&m(d,p),l=d,c=p;(n=l<2?t:c)||!s;){i||(l?l<3?(l>1&&(f.n=-1),m(l,c)):f.n=c:f.v=c);try{if(u=2,i){if(l||(r="next"),n=i[r]){if(!(n=n.call(i,c)))throw TypeError("iterator result is not an object");if(!n.done)return n;c=n.value,l<2&&(l=0)}else 1===l&&(n=i.return)&&n.call(i),l<2&&(c=TypeError("The iterator does not provide a '"+r+"' method"),l=1);i=t}else if((n=(s=f.n<0)?c:e.call(o,f))!==a)break}catch(n){i=t,l=1,c=n}finally{u=1}}return{value:n,done:s}}}(e,r,i),!0),u}var a={};function l(){}function c(){}function u(){}n=Object.getPrototypeOf;var d=[][o]?n(n([][o]())):(N(n={},o,(function(){return this})),n),s=u.prototype=l.prototype=Object.create(d);function f(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,u):(t.__proto__=u,N(t,r,"GeneratorFunction")),t.prototype=Object.create(s),t}return c.prototype=u,N(s,"constructor",u),N(u,"constructor",c),c.displayName="GeneratorFunction",N(u,r,"GeneratorFunction"),N(s),N(s,r,"Generator"),N(s,o,(function(){return this})),N(s,"toString",(function(){return"[object Generator]"})),(_=function(){return{w:i,m:f}})()}function N(t,n,e,o){var r=Object.defineProperty;try{r({},"",{})}catch(t){r=0}(N=function(t,n,e,o){if(n)r?r(t,n,{value:e,enumerable:!o,configurable:!o,writable:!o}):t[n]=e;else{var i=function(n,e){N(t,n,(function(t){return this._invoke(n,e,t)}))};i("next",0),i("throw",1),i("return",2)}})(t,n,e,o)}function k(t,n,e,o,r,i,a){try{var l=t[i](a),c=l.value}catch(t){return void e(t)}l.done?n(c):Promise.resolve(c).then(o,r)}function P(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,o)}return e}function T(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?P(Object(e),!0).forEach((function(n){D(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):P(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}function D(t,n,e){return(n=function(t){var n=function(t,n){if("object"!=S(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!=S(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==S(n)?n:n+""}(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function F(t){return function(t){if(Array.isArray(t))return L(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||G(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function H(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var o,r,i,a,l=[],c=!0,u=!1;try{if(i=(e=e.call(t)).next,0===n){if(Object(e)!==e)return;c=!1}else for(;!(c=(o=i.call(e)).done)&&(l.push(o.value),l.length!==n);c=!0);}catch(t){u=!0,r=t}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(u)throw r}}return l}}(t,n)||G(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function G(t,n){if(t){if("string"==typeof t)return L(t,n);var e={}.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?L(t,n):void 0}}function L(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,o=Array(n);e<n;e++)o[e]=t[e];return o}var W=function(){var t=Object(i.e)(a.a.getOfficeEditorUnitMeasurement),n=H(Object(l.a)(),1)[0],e=Object(i.d)(),h=n("".concat(v.A,"column")),y=I(),g=y.columnAmount,x=y.columns,w=y.equalColumns,O=y.maxAllowedColumns,E=y.commitColumnAmount,C=y.changeColumnAmount,M=y.commitColumnValue,A=y.toggleEqualColumns,j=y.commitColumnSettings,S=H(Object(o.useState)([]),2),N=S[0],P=S[1],G=function(n){return n.map((function(n){return{width:Object(b.j)(Object(b.e)(n.width,v.o.PHYSICAL_POINT,t)),spacing:Object(b.j)(Object(b.e)(n.spacing,v.o.PHYSICAL_POINT,t))}}))};Object(o.useEffect)((function(){P(G(x))}),[x,t]);var L=function(n,e,o){var r=Number.parseFloat(n.target.value);if(Number.isFinite(r)){var i=function(n){return Object(b.e)(n,t,v.o.PHYSICAL_POINT)}(r),a=M(i,e,o);P(G(a))}else P(G(x))},W=function(){return e(c.a.closeElement(u.a.OFFICE_EDITOR_COLUMNS_MODAL))},R=function(){W(),Object(b.i)()},q=function(){var t,n=(t=_().m((function t(){return _().w((function(t){for(;;)switch(t.n){case 0:j(),W();case 1:return t.a(2)}}),t)})),function(){var n=this,e=arguments;return new Promise((function(o,r){var i=t.apply(n,e);function a(t){k(i,o,r,a,l,"next",t)}function l(t){k(i,o,r,a,l,"throw",t)}a(void 0)}))});return function(){return n.apply(this,arguments)}}(),U=Object.values(v.c).map((function(t){return{id:"".concat(t,"ColumnInput"),label:n("".concat(v.A,"columnsModal.").concat(t)),onBlur:function(n,e){return L(n,e,t)},type:t}}));return r.a.createElement("div",{className:"OfficeEditorColumnsModal","data-element":u.a.OFFICE_EDITOR_COLUMNS_MODAL},r.a.createElement(s.a,{title:n("".concat(v.A,"columnsModal.title")),closehandler:R,onCloseClick:R,swipeToClose:!0,isOpen:!0},r.a.createElement("div",{className:"modal-body"},r.a.createElement("div",{className:"input-container flex-half"},r.a.createElement("label",{htmlFor:"columnAmountInput",className:"modal-label"},n("".concat(v.A,"columnsModal.columnAmount"))),r.a.createElement(p.a,{type:"number",id:"columnAmountInput",onBlur:function(t){return E(t.target.valueAsNumber)},onChange:function(t){return C(t.target.value)},value:g,min:"1",max:O,step:"1",className:"column-amount-input"})),r.a.createElement("div",{className:"input-container flex-half"},r.a.createElement("label",{id:"office-editor-column-unit-label",className:"modal-label"},n("".concat(v.A,"unitMeasurement"))),r.a.createElement(f.a,{id:"office-editor-column-unit",dataElement:u.a.OFFICE_EDITOR_COLUMN_UNIT,labelledById:"office-editor-column-unit-label",className:"unit-dropdown",items:Object.values(v.o),onClickItem:function(t){return e(c.a.setOfficeEditorUnitMeasurement(t))},getKey:function(t){return t},currentSelectionKey:t,width:"auto"})),r.a.createElement("div",{className:"section"},r.a.createElement("div",{className:"section-label"},n("".concat(v.A,"columnsModal.widthAndSpacing"))),r.a.createElement("div",{className:"columns-headers row"},r.a.createElement("div",{className:"flex-third"},n("".concat(v.A,"columnsModal.columnNumber"))),r.a.createElement("div",{className:"flex-third"},n("".concat(v.A,"columnsModal.width"))),r.a.createElement("div",{className:"flex-third"},n("".concat(v.A,"columnsModal.spacing")))),r.a.createElement("div",{className:"columns-container"},N.map((function(t,n){var e=n+1;return r.a.createElement("div",{key:e,className:"row"},r.a.createElement("div",{className:"row-label flex-third"},h," ",e),U.map((function(o){var i,a=n===N.length-1,l=o.type===v.c.SPACING,c=!(a&&l),u=1===N.length||w&&1!==e;return c&&r.a.createElement("div",{key:"".concat(e,"-").concat(o.id),className:"input-container flex-third"},r.a.createElement(p.a,{type:"number",id:"".concat(o.id,"-").concat(e),value:null!==(i=null==t?void 0:t[o.type])&&void 0!==i?i:"",onBlur:function(t){return o.onBlur(t,n)},onChange:function(t){return e=t,r=n,i=o.type,a=e.target.value,void P((function(t){var n=F(t);return n[r]=T(T({},n[r]),{},D({},i,a)),n}));var e,r,i,a},"aria-label":"".concat(h," ").concat(e," ").concat(o.label),disabled:u,min:"0",step:"0.1"}))})))})))),r.a.createElement(m.a,{id:"equal-columns-checkbox",label:n("".concat(v.A,"columnsModal.equalColumns")),"aria-label":n("".concat(v.A,"columnsModal.equalColumns")),checked:w,"aria-checked":w,onChange:A})),r.a.createElement("div",{className:"footer"},r.a.createElement(d.a,{onClick:q,label:n("action.apply")}))))};n.default=W}}]);
//# sourceMappingURL=chunk.72.js.map