1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / chinawholesale-frontend-next / .next / static / chunks /
Filename : fa023a05-2fb52e34a2900a15.js
back
"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4129],{59219:function(e,t,i){i.d(t,{Bx:function(){return E},Hn:function(){return eO},Q5:function(){return x},Uh:function(){return eD},Ur:function(){return eo},Wl:function(){return Y},av:function(){return eg},r8:function(){return j},wy:function(){return $},y3:function(){return ec},yX:function(){return eS}});var n=i(75045),s=i(27823),a=i(45677),l=i(97734),r=i(51805),o=i(75615),m=i(64470),u=i(23711),g=i(73853),c=i(48493),d=i(4248),h=i(62206);function p(e){return e.createContainerElement("figure",{class:"image"},[e.createEmptyElement("img"),e.createSlot("children")])}function f(e,t){let i=e.plugins.get("ImageUtils"),n=e.plugins.has("ImageInlineEditing")&&e.plugins.has("ImageBlockEditing");return e=>i.isInlineImageView(e)?n&&("block"==e.getStyle("display")||e.findAncestor(i.isBlockImageView)?"imageBlock":"imageInline")!==t?null:function(e){let t={name:!0};return e.hasAttribute("src")&&(t.attributes=["src"]),t}(e):null}function I(e,t){let i=(0,o.Ps)(t.getSelectedBlocks());return!i||e.isObject(i)||i.isEmpty&&"listItem"!=i.name?"imageBlock":"imageInline"}function b(e){return e&&e.endsWith("px")?parseInt(e):null}function w(e){let t=b(e.getStyle("width")),i=b(e.getStyle("height"));return!!(t&&i)}let _=/^(image|image-inline)$/;class v extends n.Sy{_domEmitter=new((0,o.Xu)());static get pluginName(){return"ImageUtils"}isImage(e){return this.isInlineImage(e)||this.isBlockImage(e)}isInlineImageView(e){return!!e&&e.is("element","img")}isBlockImageView(e){return!!e&&e.is("element","figure")&&e.hasClass("image")}insertImage(e={},t=null,i=null,n={}){let s=this.editor,a=s.model,l=a.document.selection,r=y(s,t||l,i);for(let t in e={...Object.fromEntries(l.getAttributes()),...e})a.schema.checkAttribute(r,t)||delete e[t];return a.change(i=>{let{setImageSizes:s=!0}=n,l=i.createElement(r,e);return(a.insertObject(l,t,null,{setSelection:"on",findOptimalPosition:t||"imageInline"==r?void 0:"auto"}),l.parent)?(s&&this.setImageNaturalSizeAttributes(l),l):null})}setImageNaturalSizeAttributes(e){let t=e.getAttribute("src");!t||e.getAttribute("width")||e.getAttribute("height")||this.editor.model.change(i=>{let n=new o.global.window.Image;this._domEmitter.listenTo(n,"load",()=>{e.getAttribute("width")||e.getAttribute("height")||this.editor.model.enqueueChange(i.batch,t=>{t.setAttribute("width",n.naturalWidth,e),t.setAttribute("height",n.naturalHeight,e)}),this._domEmitter.stopListening(n,"load")}),n.src=t})}getClosestSelectedImageWidget(e){let t=e.getFirstPosition();if(!t)return null;let i=e.getSelectedElement();if(i&&this.isImageWidget(i))return i;let n=t.parent;for(;n;){if(n.is("element")&&this.isImageWidget(n))return n;n=n.parent}return null}getClosestSelectedImageElement(e){let t=e.getSelectedElement();return this.isImage(t)?t:e.getFirstPosition().findAncestor("imageBlock")}getImageWidgetFromImageView(e){return e.findAncestor({classes:_})}isImageAllowed(){let e=this.editor.model.document.selection;return function(e,t){if("imageBlock"==y(e,t,null)){let i=function(e,t){let i=(0,m.KT)(e,t).start.parent;return i.isEmpty&&!i.is("element","$root")?i.parent:i}(t,e.model);if(e.model.schema.checkChild(i,"imageBlock"))return!0}else if(e.model.schema.checkChild(t.focus,"imageInline"))return!0;return!1}(this.editor,e)&&[...e.focus.getAncestors()].every(e=>!e.is("element","imageBlock"))}toImageWidget(e,t,i){return t.setCustomProperty("image",!0,e),(0,m.XC)(e,t,{label:()=>{let t=this.findViewImgElement(e).getAttribute("alt");return t?`${t} ${i}`:i}})}isImageWidget(e){return!!e.getCustomProperty("image")&&(0,m.Qd)(e)}isBlockImage(e){return!!e&&e.is("element","imageBlock")}isInlineImage(e){return!!e&&e.is("element","imageInline")}findViewImgElement(e){if(this.isInlineImageView(e))return e;for(let{item:t}of this.editor.editing.view.createRangeIn(e))if(this.isInlineImageView(t))return t}destroy(){return this._domEmitter.stopListening(),super.destroy()}}function y(e,t,i){let n=e.model.schema,s=e.config.get("image.insert.type");return e.plugins.has("ImageBlockEditing")?e.plugins.has("ImageInlineEditing")?i||("inline"===s?"imageInline":"auto"!==s?"imageBlock":t.is("selection")?I(n,t):n.checkChild(t,"imageInline")?"imageInline":"imageBlock"):"imageBlock":"imageInline"}let k=new RegExp(String(/^(http(s)?:\/\/)?[\w-]+\.[\w.~:/[\]@!$&'()*+,;=%-]+/.source+/\.(jpg|jpeg|png|gif|ico|webp|JPG|JPEG|PNG|GIF|ICO|WEBP)/.source+/(\?[\w.~:/[\]@!$&'()*+,;=%-]*)?/.source+/(#[\w.~:/[\]@!$&'()*+,;=%-]*)?$/.source));class E extends n.Sy{static get requires(){return[s.TU,v,l.WP,r.HG]}static get pluginName(){return"AutoImage"}_timeoutId;_positionToInsert;constructor(e){super(e),this._timeoutId=null,this._positionToInsert=null}init(){let e=this.editor,t=e.model.document,i=e.plugins.get("ClipboardPipeline");this.listenTo(i,"inputTransformation",()=>{let e=t.selection.getFirstRange(),i=a.jP.fromPosition(e.start);i.stickiness="toPrevious";let n=a.jP.fromPosition(e.end);n.stickiness="toNext",t.once("change:data",()=>{this._embedImageBetweenPositions(i,n),i.detach(),n.detach()},{priority:"high"})}),e.commands.get("undo").on("execute",()=>{this._timeoutId&&(o.global.window.clearTimeout(this._timeoutId),this._positionToInsert.detach(),this._timeoutId=null,this._positionToInsert=null)},{priority:"high"})}_embedImageBetweenPositions(e,t){let i=this.editor,n=new a.iE(e,t),s=n.getWalker({ignoreElementEnd:!0}),l=Object.fromEntries(i.model.document.selection.getAttributes()),r=this.editor.plugins.get("ImageUtils"),o="";for(let e of s)e.item.is("$textProxy")&&(o+=e.item.data);if(!(o=o.trim()).match(k)){n.detach();return}this._positionToInsert=a.jP.fromPosition(e),this._timeoutId=setTimeout(()=>{if(!i.commands.get("insertImage").isEnabled){n.detach();return}i.model.change(e=>{let t;this._timeoutId=null,e.remove(n),n.detach(),"$graveyard"!==this._positionToInsert.root.rootName&&(t=this._positionToInsert.toPosition()),r.insertImage({...l,src:o},t),this._positionToInsert.detach(),this._positionToInsert=null}),i.plugins.get("Delete").requestUndoOnBackspace()},100)}}class C extends n.mY{refresh(){let e=this.editor.plugins.get("ImageUtils").getClosestSelectedImageElement(this.editor.model.document.selection);this.isEnabled=!!e,this.isEnabled&&e.hasAttribute("alt")?this.value=e.getAttribute("alt"):this.value=!1}execute(e){let t=this.editor,i=t.plugins.get("ImageUtils"),n=t.model,s=i.getClosestSelectedImageElement(n.document.selection);n.change(t=>{t.setAttribute("alt",e.newValue,s)})}}class S extends n.Sy{static get requires(){return[v]}static get pluginName(){return"ImageTextAlternativeEditing"}init(){this.editor.commands.add("imageTextAlternative",new C(this.editor))}}class B extends u.G7{focusTracker;keystrokes;labeledInput;saveButtonView;cancelButtonView;_focusables;_focusCycler;constructor(e){super(e);let t=this.locale.t;this.focusTracker=new o.Rh,this.keystrokes=new o.VD,this.labeledInput=this._createLabeledInputView(),this.saveButtonView=this._createButton(t("Save"),n.ci.check,"ck-button-save"),this.saveButtonView.type="submit",this.cancelButtonView=this._createButton(t("Cancel"),n.ci.cancel,"ck-button-cancel","cancel"),this._focusables=new u.vX,this._focusCycler=new u.I0({focusables:this._focusables,focusTracker:this.focusTracker,keystrokeHandler:this.keystrokes,actions:{focusPrevious:"shift + tab",focusNext:"tab"}}),this.setTemplate({tag:"form",attributes:{class:["ck","ck-text-alternative-form","ck-responsive-form"],tabindex:"-1"},children:[this.labeledInput,this.saveButtonView,this.cancelButtonView]})}render(){super.render(),this.keystrokes.listenTo(this.element),(0,u.GI)({view:this}),[this.labeledInput,this.saveButtonView,this.cancelButtonView].forEach(e=>{this._focusables.add(e),this.focusTracker.add(e.element)})}destroy(){super.destroy(),this.focusTracker.destroy(),this.keystrokes.destroy()}_createButton(e,t,i,n){let s=new u.r5(this.locale);return s.set({label:e,icon:t,tooltip:!0}),s.extendTemplate({attributes:{class:i}}),n&&s.delegate("execute").to(this,n),s}_createLabeledInputView(){let e=this.locale.t,t=new u.KP(this.locale,u.R);return t.label=e("Text alternative"),t}}function A(e){let t=e.editing.view,i=u.no.defaultPositions,n=e.plugins.get("ImageUtils");return{target:t.domConverter.mapViewToDom(n.getClosestSelectedImageWidget(t.document.selection)),positions:[i.northArrowSouth,i.northArrowSouthWest,i.northArrowSouthEast,i.southArrowNorth,i.southArrowNorthWest,i.southArrowNorthEast,i.viewportStickyNorth]}}class V extends n.Sy{_balloon;_form;static get requires(){return[u.WB]}static get pluginName(){return"ImageTextAlternativeUI"}init(){this._createButton()}destroy(){super.destroy(),this._form&&this._form.destroy()}_createButton(){let e=this.editor,t=e.t;e.ui.componentFactory.add("imageTextAlternative",i=>{let s=e.commands.get("imageTextAlternative"),a=new u.r5(i);return a.set({label:t("Change image text alternative"),icon:n.ci.textAlternative,tooltip:!0}),a.bind("isEnabled").to(s,"isEnabled"),a.bind("isOn").to(s,"value",e=>!!e),this.listenTo(a,"execute",()=>{this._showForm()}),a})}_createForm(){let e=this.editor,t=e.editing.view.document,i=e.plugins.get("ImageUtils");this._balloon=this.editor.plugins.get("ContextualBalloon"),this._form=new((0,u.RX)(B))(e.locale),this._form.render(),this.listenTo(this._form,"submit",()=>{e.execute("imageTextAlternative",{newValue:this._form.labeledInput.fieldView.element.value}),this._hideForm(!0)}),this.listenTo(this._form,"cancel",()=>{this._hideForm(!0)}),this._form.keystrokes.set("Esc",(e,t)=>{this._hideForm(!0),t()}),this.listenTo(e.ui,"update",()=>{i.getClosestSelectedImageWidget(t.selection)?this._isVisible&&function(e){let t=e.plugins.get("ContextualBalloon");if(e.plugins.get("ImageUtils").getClosestSelectedImageWidget(e.editing.view.document.selection)){let i=A(e);t.updatePosition(i)}}(e):this._hideForm(!0)}),(0,u.eC)({emitter:this._form,activator:()=>this._isVisible,contextElements:()=>[this._balloon.view.element],callback:()=>this._hideForm()})}_showForm(){if(this._isVisible)return;this._form||this._createForm();let e=this.editor,t=e.commands.get("imageTextAlternative"),i=this._form.labeledInput;this._form.disableCssTransitions(),this._isInBalloon||this._balloon.add({view:this._form,position:A(e)}),i.fieldView.value=i.fieldView.element.value=t.value||"",this._form.labeledInput.fieldView.select(),this._form.enableCssTransitions()}_hideForm(e=!1){this._isInBalloon&&(this._form.focusTracker.isFocused&&this._form.saveButtonView.focus(),this._balloon.remove(this._form),e&&this.editor.editing.view.focus())}get _isVisible(){return!!this._balloon&&this._balloon.visibleView===this._form}get _isInBalloon(){return!!this._balloon&&this._balloon.hasView(this._form)}}class x extends n.Sy{static get requires(){return[S,V]}static get pluginName(){return"ImageTextAlternative"}}function T(e,t){let i=(t,i,n)=>{if(!n.consumable.consume(i.item,t.name))return;let s=n.writer,a=n.mapper.toViewElement(i.item),l=e.findViewImgElement(a);null===i.attributeNewValue?(s.removeAttribute("srcset",l),s.removeAttribute("sizes",l)):i.attributeNewValue&&(s.setAttribute("srcset",i.attributeNewValue,l),s.setAttribute("sizes","100vw",l))};return e=>{e.on(`attribute:srcset:${t}`,i)}}function U(e,t,i){let n=(t,i,n)=>{if(!n.consumable.consume(i.item,t.name))return;let s=n.writer,a=n.mapper.toViewElement(i.item),l=e.findViewImgElement(a);s.setAttribute(i.attributeKey,i.attributeNewValue||"",l)};return e=>{e.on(`attribute:${i}:${t}`,n)}}class z extends a.Qj{observe(e){this.listenTo(e,"load",(e,t)=>{let i=t.target;this.checkShouldIgnoreEventFromTarget(i)||"IMG"!=i.tagName||this._fireEvents(t)},{useCapture:!0})}stopObserving(e){this.stopListening(e)}_fireEvents(e){this.isEnabled&&(this.document.fire("layoutChanged"),this.document.fire("imageLoaded",e))}}class R extends n.mY{constructor(e){super(e);let t=e.config.get("image.insert.type");e.plugins.has("ImageBlockEditing")||"block"!==t||(0,o.KE)("image-block-plugin-required"),e.plugins.has("ImageInlineEditing")||"inline"!==t||(0,o.KE)("image-inline-plugin-required")}refresh(){let e=this.editor.plugins.get("ImageUtils");this.isEnabled=e.isImageAllowed()}execute(e){let t=(0,o.qo)(e.source),i=this.editor.model.document.selection,n=this.editor.plugins.get("ImageUtils"),s=Object.fromEntries(i.getAttributes());t.forEach((e,t)=>{let a=i.getSelectedElement();if("string"==typeof e&&(e={src:e}),t&&a&&n.isImage(a)){let t=this.editor.model.createPositionAfter(a);n.insertImage({...e,...s},t)}else n.insertImage({...e,...s})})}}class N extends n.mY{constructor(e){super(e),this.decorate("cleanupImage")}refresh(){let e=this.editor.plugins.get("ImageUtils"),t=this.editor.model.document.selection.getSelectedElement();this.isEnabled=e.isImage(t),this.value=this.isEnabled?t.getAttribute("src"):null}execute(e){let t=this.editor.model.document.selection.getSelectedElement(),i=this.editor.plugins.get("ImageUtils");this.editor.model.change(n=>{n.setAttribute("src",e.source,t),this.cleanupImage(n,t),i.setImageNaturalSizeAttributes(t)})}cleanupImage(e,t){e.removeAttribute("srcset",t),e.removeAttribute("sizes",t),e.removeAttribute("sources",t),e.removeAttribute("width",t),e.removeAttribute("height",t),e.removeAttribute("alt",t)}}class F extends n.Sy{static get requires(){return[v]}static get pluginName(){return"ImageEditing"}init(){let e=this.editor,t=e.conversion;e.editing.view.addObserver(z),t.for("upcast").attributeToAttribute({view:{name:"img",key:"alt"},model:"alt"}).attributeToAttribute({view:{name:"img",key:"srcset"},model:"srcset"});let i=new R(e),n=new N(e);e.commands.add("insertImage",i),e.commands.add("replaceImageSource",n),e.commands.add("imageInsert",i)}}class L extends n.Sy{static get requires(){return[v]}static get pluginName(){return"ImageSizeAttributes"}afterInit(){this._registerSchema(),this._registerConverters("imageBlock"),this._registerConverters("imageInline")}_registerSchema(){this.editor.plugins.has("ImageBlockEditing")&&this.editor.model.schema.extend("imageBlock",{allowAttributes:["width","height"]}),this.editor.plugins.has("ImageInlineEditing")&&this.editor.model.schema.extend("imageInline",{allowAttributes:["width","height"]})}_registerConverters(e){let t=this.editor,i=t.plugins.get("ImageUtils"),n="imageBlock"===e?"figure":"img";function s(t,n,s,a){t.on(`attribute:${n}:${e}`,(t,n,l)=>{if(!l.consumable.consume(n.item,t.name))return;let r=l.writer,o=l.mapper.toViewElement(n.item),m=i.findViewImgElement(o);if(null!==n.attributeNewValue?r.setAttribute(s,n.attributeNewValue,m):r.removeAttribute(s,m),n.item.hasAttribute("sources"))return;let u=n.item.hasAttribute("resizedWidth");if("imageInline"===e&&!u&&!a)return;let g=n.item.getAttribute("width"),c=n.item.getAttribute("height");g&&c&&r.setStyle("aspect-ratio",`${g}/${c}`,m)})}t.conversion.for("upcast").attributeToAttribute({view:{name:n,styles:{width:/.+/}},model:{key:"width",value:e=>w(e)?b(e.getStyle("width")):null}}).attributeToAttribute({view:{name:n,key:"width"},model:"width"}).attributeToAttribute({view:{name:n,styles:{height:/.+/}},model:{key:"height",value:e=>w(e)?b(e.getStyle("height")):null}}).attributeToAttribute({view:{name:n,key:"height"},model:"height"}),t.conversion.for("editingDowncast").add(e=>{s(e,"width","width",!0),s(e,"height","height",!0)}),t.conversion.for("dataDowncast").add(e=>{s(e,"width","width",!1),s(e,"height","height",!1)})}}class O extends n.mY{_modelElementName;constructor(e,t){super(e),this._modelElementName=t}refresh(){let e=this.editor.plugins.get("ImageUtils"),t=e.getClosestSelectedImageElement(this.editor.model.document.selection);"imageBlock"===this._modelElementName?this.isEnabled=e.isInlineImage(t):this.isEnabled=e.isBlockImage(t)}execute(e={}){let t=this.editor,i=this.editor.model,n=t.plugins.get("ImageUtils"),s=n.getClosestSelectedImageElement(i.document.selection),a=Object.fromEntries(s.getAttributes());return a.src||a.uploadId?i.change(t=>{let{setImageSizes:l=!0}=e,r=Array.from(i.markers).filter(e=>e.getRange().containsItem(s)),o=n.insertImage(a,i.createSelection(s,"on"),this._modelElementName,{setImageSizes:l});if(!o)return null;let m=t.createRangeOn(o);for(let e of r){let i=e.getRange(),n="$graveyard"!=i.root.rootName?i.getJoined(m,!0):m;t.updateMarker(e,{range:n})}return{oldElement:s,newElement:o}}):null}}class D extends n.Sy{static get requires(){return[v]}static get pluginName(){return"ImagePlaceholder"}afterInit(){this._setupSchema(),this._setupConversion(),this._setupLoadListener()}_setupSchema(){let e=this.editor.model.schema;e.isRegistered("imageBlock")&&e.extend("imageBlock",{allowAttributes:["placeholder"]}),e.isRegistered("imageInline")&&e.extend("imageInline",{allowAttributes:["placeholder"]})}_setupConversion(){let e=this.editor,t=e.conversion,i=e.plugins.get("ImageUtils");t.for("editingDowncast").add(e=>{e.on("attribute:placeholder",(e,t,n)=>{if(!n.consumable.test(t.item,e.name)||!t.item.is("element","imageBlock")&&!t.item.is("element","imageInline"))return;n.consumable.consume(t.item,e.name);let s=n.writer,a=n.mapper.toViewElement(t.item),l=i.findViewImgElement(a);t.attributeNewValue?(s.addClass("image_placeholder",l),s.setStyle("background-image",`url(${t.attributeNewValue})`,l),s.setCustomProperty("editingPipeline:doNotReuseOnce",!0,l)):(s.removeClass("image_placeholder",l),s.removeStyle("background-image",l))})})}_setupLoadListener(){let e=this.editor,t=e.model,i=e.editing,n=i.view,s=e.plugins.get("ImageUtils");n.addObserver(z),this.listenTo(n.document,"imageLoaded",(e,a)=>{let l=n.domConverter.mapDomToView(a.target);if(!l)return;let r=s.getImageWidgetFromImageView(l);if(!r)return;let o=i.mapper.toModelElement(r);o&&o.hasAttribute("placeholder")&&t.enqueueChange({isUndoable:!1},e=>{e.removeAttribute("placeholder",o)})})}}class P extends n.Sy{static get requires(){return[F,L,v,D,s._l]}static get pluginName(){return"ImageBlockEditing"}init(){let e=this.editor;e.model.schema.register("imageBlock",{inheritAllFrom:"$blockObject",allowAttributes:["alt","src","srcset"]}),this._setupConversion(),e.plugins.has("ImageInlineEditing")&&(e.commands.add("imageTypeBlock",new O(this.editor,"imageBlock")),this._setupClipboardIntegration())}_setupConversion(){let e=this.editor,t=e.t,i=e.conversion,n=e.plugins.get("ImageUtils");i.for("dataDowncast").elementToStructure({model:"imageBlock",view:(e,{writer:t})=>p(t)}),i.for("editingDowncast").elementToStructure({model:"imageBlock",view:(e,{writer:i})=>n.toImageWidget(p(i),i,t("image widget"))}),i.for("downcast").add(U(n,"imageBlock","src")).add(U(n,"imageBlock","alt")).add(T(n,"imageBlock")),i.for("upcast").elementToElement({view:f(e,"imageBlock"),model:(e,{writer:t})=>t.createElement("imageBlock",e.hasAttribute("src")?{src:e.getAttribute("src")}:void 0)}).add(function(e){let t=(t,i,n)=>{if(!n.consumable.test(i.viewItem,{name:!0,classes:"image"}))return;let s=e.findViewImgElement(i.viewItem);if(!s||!n.consumable.test(s,{name:!0}))return;n.consumable.consume(i.viewItem,{name:!0,classes:"image"});let a=n.convertItem(s,i.modelCursor),l=(0,o.Ps)(a.modelRange.getItems());if(!l){n.consumable.revert(i.viewItem,{name:!0,classes:"image"});return}n.convertChildren(i.viewItem,l),n.updateConversionResult(l,i)};return e=>{e.on("element:figure",t)}}(n))}_setupClipboardIntegration(){let e=this.editor,t=e.model,i=e.editing.view,n=e.plugins.get("ImageUtils"),s=e.plugins.get("ClipboardPipeline");this.listenTo(s,"inputTransformation",(s,l)=>{let r;let o=Array.from(l.content.getChildren());if(!o.every(n.isInlineImageView))return;r=l.targetRanges?e.editing.mapper.toModelRange(l.targetRanges[0]):t.document.selection.getFirstRange();let m=t.createSelection(r);if("imageBlock"===I(t.schema,m)){let e=new a.yj(i.document),t=o.map(t=>e.createElement("figure",{class:"image"},t));l.content=e.createDocumentFragment(t)}}),this.listenTo(s,"contentInsertion",(e,i)=>{"paste"===i.method&&t.change(e=>{for(let t of e.createRangeIn(i.content).getItems())t.is("element","imageBlock")&&n.setImageNaturalSizeAttributes(t)})})}}class M extends u.G7{focusTracker;keystrokes;_focusables;_focusCycler;children;constructor(e,t=[]){for(let i of(super(e),this.focusTracker=new o.Rh,this.keystrokes=new o.VD,this._focusables=new u.vX,this.children=this.createCollection(),this._focusCycler=new u.I0({focusables:this._focusables,focusTracker:this.focusTracker,keystrokeHandler:this.keystrokes,actions:{focusPrevious:"shift + tab",focusNext:"tab"}}),t))this.children.add(i),this._focusables.add(i),i instanceof u.p2&&this._focusables.addMany(i.children);this.setTemplate({tag:"form",attributes:{class:["ck","ck-image-insert-form"],tabindex:-1},children:this.children})}render(){for(let e of(super.render(),(0,u.GI)({view:this}),this._focusables))this.focusTracker.add(e.element);this.keystrokes.listenTo(this.element);let e=e=>e.stopPropagation();this.keystrokes.set("arrowright",e),this.keystrokes.set("arrowleft",e),this.keystrokes.set("arrowup",e),this.keystrokes.set("arrowdown",e)}destroy(){super.destroy(),this.focusTracker.destroy(),this.keystrokes.destroy()}focus(){this._focusCycler.focusFirst()}}class W extends n.Sy{static get pluginName(){return"ImageInsertUI"}static get requires(){return[v]}dropdownView;_integrations=new Map;constructor(e){super(e),e.config.define("image.insert.integrations",["upload","assetManager","url"])}init(){let e=this.editor,t=e.model.document.selection,i=e.plugins.get("ImageUtils");this.set("isImageSelected",!1),this.listenTo(e.model.document,"change",()=>{this.isImageSelected=i.isImage(t.getSelectedElement())});let n=e=>this._createToolbarComponent(e);e.ui.componentFactory.add("insertImage",n),e.ui.componentFactory.add("imageInsert",n),e.ui.componentFactory.add("menuBar:insertImage",e=>this._createMenuBarComponent(e))}registerIntegration({name:e,observable:t,buttonViewCreator:i,formViewCreator:n,menuBarButtonViewCreator:s,requiresForm:a=!1}){this._integrations.has(e)&&(0,o.KE)("image-insert-integration-exists",{name:e}),this._integrations.set(e,{observable:t,buttonViewCreator:i,menuBarButtonViewCreator:s,formViewCreator:n,requiresForm:a})}_createToolbarComponent(e){let t;let i=this.editor,n=e.t,s=this._prepareIntegrations();if(!s.length)return null;let a=s[0];if(1==s.length){if(!a.requiresForm)return a.buttonViewCreator(!0);t=a.buttonViewCreator(!0)}else{let i=a.buttonViewCreator(!1);(t=new u.Rm(e,i)).tooltip=!0,t.bind("label").to(this,"isImageSelected",e=>e?n("Replace image"):n("Insert image"))}let l=this.dropdownView=(0,u.t9)(e,t),r=s.map(({observable:e})=>"function"==typeof e?e():e);return l.bind("isEnabled").toMany(r,"isEnabled",(...e)=>e.some(e=>e)),l.once("change:isOpen",()=>{let e=s.map(({formViewCreator:e})=>e(1==s.length)),t=new M(i.locale,e);l.panelView.children.add(t)}),l}_createMenuBarComponent(e){let t;let i=e.t,s=this._prepareIntegrations();if(!s.length)return null;let a=s[0];if(1==s.length)t=a.menuBarButtonViewCreator(!0);else{t=new u.AH(e);let a=new u.oU(e);for(let l of(t.panelView.children.add(a),t.buttonView.set({icon:n.ci.image,label:i("Image")}),s)){let i=new u.SI(e,t),n=l.menuBarButtonViewCreator(!1);i.children.add(n),a.items.add(i)}}return t}_prepareIntegrations(){let e=this.editor.config.get("image.insert.integrations"),t=[];if(!e.length)return(0,o.KE)("image-insert-integrations-not-specified"),t;for(let i of e){if(!this._integrations.has(i)){["upload","assetManager","url"].includes(i)||(0,o.KE)("image-insert-unknown-integration",{item:i});continue}t.push(this._integrations.get(i))}return t.length||(0,o.KE)("image-insert-integrations-not-registered"),t}}class j extends n.Sy{static get requires(){return[P,m.$L,x,W]}static get pluginName(){return"ImageBlock"}}class q extends n.Sy{static get requires(){return[F,L,v,D,s._l]}static get pluginName(){return"ImageInlineEditing"}init(){let e=this.editor;e.model.schema.register("imageInline",{inheritAllFrom:"$inlineObject",allowAttributes:["alt","src","srcset"],disallowIn:["caption"]}),this._setupConversion(),e.plugins.has("ImageBlockEditing")&&(e.commands.add("imageTypeInline",new O(this.editor,"imageInline")),this._setupClipboardIntegration())}_setupConversion(){let e=this.editor,t=e.t,i=e.conversion,n=e.plugins.get("ImageUtils");i.for("dataDowncast").elementToElement({model:"imageInline",view:(e,{writer:t})=>t.createEmptyElement("img")}),i.for("editingDowncast").elementToStructure({model:"imageInline",view:(e,{writer:i})=>n.toImageWidget(i.createContainerElement("span",{class:"image-inline"},i.createEmptyElement("img")),i,t("image widget"))}),i.for("downcast").add(U(n,"imageInline","src")).add(U(n,"imageInline","alt")).add(T(n,"imageInline")),i.for("upcast").elementToElement({view:f(e,"imageInline"),model:(e,{writer:t})=>t.createElement("imageInline",e.hasAttribute("src")?{src:e.getAttribute("src")}:void 0)})}_setupClipboardIntegration(){let e=this.editor,t=e.model,i=e.editing.view,n=e.plugins.get("ImageUtils"),s=e.plugins.get("ClipboardPipeline");this.listenTo(s,"inputTransformation",(s,l)=>{let r;let o=Array.from(l.content.getChildren());if(!o.every(n.isBlockImageView))return;r=l.targetRanges?e.editing.mapper.toModelRange(l.targetRanges[0]):t.document.selection.getFirstRange();let m=t.createSelection(r);if("imageInline"===I(t.schema,m)){let e=new a.yj(i.document),t=o.map(t=>1===t.childCount?(Array.from(t.getAttributes()).forEach(i=>e.setAttribute(...i,n.findViewImgElement(t))),t.getChild(0)):t);l.content=e.createDocumentFragment(t)}}),this.listenTo(s,"contentInsertion",(e,i)=>{"paste"===i.method&&t.change(e=>{for(let t of e.createRangeIn(i.content).getItems())t.is("element","imageInline")&&n.setImageNaturalSizeAttributes(t)})})}}class $ extends n.Sy{static get requires(){return[q,m.$L,x,W]}static get pluginName(){return"ImageInline"}}class H extends n.Sy{static get pluginName(){return"ImageCaptionUtils"}static get requires(){return[v]}getCaptionFromImageModelElement(e){for(let t of e.getChildren())if(t&&t.is("element","caption"))return t;return null}getCaptionFromModelSelection(e){let t=this.editor.plugins.get("ImageUtils"),i=e.getFirstPosition().findAncestor("caption");return i&&t.isBlockImage(i.parent)?i:null}matchImageCaptionViewElement(e){let t=this.editor.plugins.get("ImageUtils");return"figcaption"==e.name&&t.isBlockImageView(e.parent)?{name:!0}:null}}class K extends n.mY{refresh(){let e=this.editor,t=e.plugins.get("ImageCaptionUtils"),i=e.plugins.get("ImageUtils");if(!e.plugins.has(P)){this.isEnabled=!1,this.value=!1;return}let n=e.model.document.selection,s=n.getSelectedElement();if(!s){let e=t.getCaptionFromModelSelection(n);this.isEnabled=!!e,this.value=!!e;return}this.isEnabled=i.isImage(s),this.isEnabled?this.value=!!t.getCaptionFromImageModelElement(s):this.value=!1}execute(e={}){let{focusCaptionOnShow:t}=e;this.editor.model.change(e=>{this.value?this._hideImageCaption(e):this._showImageCaption(e,t)})}_showImageCaption(e,t){let i=this.editor.model.document.selection,n=this.editor.plugins.get("ImageCaptionEditing"),s=this.editor.plugins.get("ImageUtils"),a=i.getSelectedElement(),l=n._getSavedCaption(a);s.isInlineImage(a)&&(this.editor.execute("imageTypeBlock"),a=i.getSelectedElement());let r=l||e.createElement("caption");e.append(r,a),t&&e.setSelection(r,"in")}_hideImageCaption(e){let t;let i=this.editor,n=i.model.document.selection,s=i.plugins.get("ImageCaptionEditing"),a=i.plugins.get("ImageCaptionUtils"),l=n.getSelectedElement();l?t=a.getCaptionFromImageModelElement(l):l=(t=a.getCaptionFromModelSelection(n)).parent,s._saveCaption(l,t),e.setSelection(l,"on"),e.remove(t)}}class G extends n.Sy{static get requires(){return[v,H]}static get pluginName(){return"ImageCaptionEditing"}_savedCaptionsMap;constructor(e){super(e),this._savedCaptionsMap=new WeakMap}init(){let e=this.editor,t=e.model.schema;t.isRegistered("caption")?t.extend("caption",{allowIn:"imageBlock"}):t.register("caption",{allowIn:"imageBlock",allowContentOf:"$block",isLimit:!0}),e.commands.add("toggleImageCaption",new K(this.editor)),this._setupConversion(),this._setupImageTypeCommandsIntegration(),this._registerCaptionReconversion()}_setupConversion(){let e=this.editor,t=e.editing.view,i=e.plugins.get("ImageUtils"),n=e.plugins.get("ImageCaptionUtils"),s=e.t;e.conversion.for("upcast").elementToElement({view:e=>n.matchImageCaptionViewElement(e),model:"caption"}),e.conversion.for("dataDowncast").elementToElement({model:"caption",view:(e,{writer:t})=>i.isBlockImage(e.parent)?t.createContainerElement("figcaption"):null}),e.conversion.for("editingDowncast").elementToElement({model:"caption",view:(e,{writer:n})=>{if(!i.isBlockImage(e.parent))return null;let l=n.createEditableElement("figcaption");n.setCustomProperty("imageCaption",!0,l),l.placeholder=s("Enter image caption"),(0,a.ID)({view:t,element:l,keepOnFocus:!0});let r=e.parent.getAttribute("alt"),o=r?s("Caption for image: %0",[r]):s("Caption for the image");return(0,m.sC)(l,n,{label:o})}})}_setupImageTypeCommandsIntegration(){let e=this.editor,t=e.plugins.get("ImageUtils"),i=e.plugins.get("ImageCaptionUtils"),n=e.commands.get("imageTypeInline"),s=e.commands.get("imageTypeBlock"),a=e=>{if(!e.return)return;let{oldElement:n,newElement:s}=e.return;if(!n)return;if(t.isBlockImage(n)){let e=i.getCaptionFromImageModelElement(n);if(e){this._saveCaption(s,e);return}}let a=this._getSavedCaption(n);a&&this._saveCaption(s,a)};n&&this.listenTo(n,"execute",a,{priority:"low"}),s&&this.listenTo(s,"execute",a,{priority:"low"})}_getSavedCaption(e){let t=this._savedCaptionsMap.get(e);return t?a.W_.fromJSON(t):null}_saveCaption(e,t){this._savedCaptionsMap.set(e,t.toJSON())}_registerCaptionReconversion(){let e=this.editor,t=e.model,i=e.plugins.get("ImageUtils"),n=e.plugins.get("ImageCaptionUtils");t.document.on("change:data",()=>{for(let s of t.document.differ.getChanges()){if("alt"!==s.attributeKey)continue;let t=s.range.start.nodeAfter;if(i.isBlockImage(t)){let i=n.getCaptionFromImageModelElement(t);if(!i)return;e.editing.reconvertItem(i)}}})}}class X extends n.Sy{static get requires(){return[H]}static get pluginName(){return"ImageCaptionUI"}init(){let e=this.editor,t=e.editing.view,i=e.plugins.get("ImageCaptionUtils"),s=e.t;e.ui.componentFactory.add("toggleImageCaption",a=>{let l=e.commands.get("toggleImageCaption"),r=new u.r5(a);return r.set({icon:n.ci.caption,tooltip:!0,isToggleable:!0}),r.bind("isOn","isEnabled").to(l,"value","isEnabled"),r.bind("label").to(l,"value",e=>e?s("Toggle caption off"):s("Toggle caption on")),this.listenTo(r,"execute",()=>{e.execute("toggleImageCaption",{focusCaptionOnShow:!0});let n=i.getCaptionFromModelSelection(e.model.document.selection);if(n){let i=e.editing.mapper.toViewElement(n);t.scrollToTheSelection(),t.change(e=>{e.addClass("image__caption_highlighted",i)})}e.editing.view.focus()}),r})}}class Y extends n.Sy{static get requires(){return[G,X]}static get pluginName(){return"ImageCaption"}}function Z(e){let t=e.map(e=>e.replace("+","\\+"));return RegExp(`^image\\/(${t.join("|")})$`)}function J(e,t){return e.type?e.type:t.match(/data:(image\/\w+);base64/)?t.match(/data:(image\/\w+);base64/)[1].toLowerCase():"image/jpeg"}class Q extends n.Sy{static get pluginName(){return"ImageUploadUI"}init(){let e=this.editor;e.ui.componentFactory.add("uploadImage",()=>this._createToolbarButton()),e.ui.componentFactory.add("imageUpload",()=>this._createToolbarButton()),e.ui.componentFactory.add("menuBar:uploadImage",()=>this._createMenuBarButton("standalone")),e.plugins.has("ImageInsertUI")&&e.plugins.get("ImageInsertUI").registerIntegration({name:"upload",observable:()=>e.commands.get("uploadImage"),buttonViewCreator:()=>this._createToolbarButton(),formViewCreator:()=>this._createDropdownButton(),menuBarButtonViewCreator:e=>this._createMenuBarButton(e?"insertOnly":"insertNested")})}_createButton(e){let t=this.editor,i=t.locale,s=t.commands.get("uploadImage"),a=t.config.get("image.upload.types"),l=Z(a),r=new e(t.locale),o=i.t;return r.set({acceptedType:a.map(e=>`image/${e}`).join(","),allowMultipleFiles:!0,label:o("Upload from computer"),icon:n.ci.imageUpload}),r.bind("isEnabled").to(s),r.on("done",(e,i)=>{let n=Array.from(i).filter(e=>l.test(e.type));n.length&&(t.execute("uploadImage",{file:n}),t.editing.view.focus())}),r}_createToolbarButton(){let e=this.editor.locale.t,t=this.editor.plugins.get("ImageInsertUI"),i=this._createButton(u.BF);return i.tooltip=!0,i.bind("label").to(t,"isImageSelected",t=>t?e("Replace image from computer"):e("Upload image from computer")),i}_createDropdownButton(){let e=this.editor.locale.t,t=this.editor.plugins.get("ImageInsertUI"),i=this._createButton(u.BF);return i.withText=!0,i.bind("label").to(t,"isImageSelected",t=>t?e("Replace from computer"):e("Upload from computer")),i.on("execute",()=>{t.dropdownView.isOpen=!1}),i}_createMenuBarButton(e){let t=this.editor.locale.t,i=this._createButton(u.u5);switch(i.withText=!0,e){case"standalone":i.label=t("Image from computer");break;case"insertOnly":i.label=t("Image");break;case"insertNested":i.label=t("From computer")}return i}}class ee extends n.Sy{static get pluginName(){return"ImageUploadProgress"}placeholder;constructor(e){super(e),this.placeholder="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}init(){let e=this.editor;e.plugins.has("ImageBlockEditing")&&e.editing.downcastDispatcher.on("attribute:uploadStatus:imageBlock",this.uploadStatusChange),e.plugins.has("ImageInlineEditing")&&e.editing.downcastDispatcher.on("attribute:uploadStatus:imageInline",this.uploadStatusChange)}uploadStatusChange=(e,t,i)=>{let n=this.editor,s=t.item,a=s.getAttribute("uploadId");if(!i.consumable.consume(t.item,e.name))return;let l=n.plugins.get("ImageUtils"),r=n.plugins.get(g.Hn),o=a?t.attributeNewValue:null,m=this.placeholder,u=n.editing.mapper.toViewElement(s),c=i.writer;if("reading"==o){et(u,c),ei(l,m,u,c);return}if("uploading"==o){let e=r.loaders.get(a);et(u,c),e?(en(u,c),function(e,t,i,n){let s=function(e){let t=e.createUIElement("div",{class:"ck-progress-bar"});return e.setCustomProperty("progressBar",!0,t),t}(t);t.insert(t.createPositionAt(e,"end"),s),i.on("change:uploadedPercent",(e,t,i)=>{n.change(e=>{e.setStyle("width",i+"%",s)})})}(u,c,e,n.editing.view),function(e,t,i,n){if(n.data){let s=e.findViewImgElement(t);i.setAttribute("src",n.data,s)}}(l,u,c,e)):ei(l,m,u,c);return}"complete"==o&&r.loaders.get(a)&&function(e,t,i){let n=t.createUIElement("div",{class:"ck-image-upload-complete-icon"});t.insert(t.createPositionAt(e,"end"),n),setTimeout(()=>{i.change(e=>e.remove(e.createRangeOn(n)))},3e3)}(u,c,n.editing.view),ea(u,c,"progressBar"),en(u,c),function(e,t){t.removeClass("ck-appear",e)}(u,c)}}function et(e,t){e.hasClass("ck-appear")||t.addClass("ck-appear",e)}function ei(e,t,i,n){i.hasClass("ck-image-upload-placeholder")||n.addClass("ck-image-upload-placeholder",i);let s=e.findViewImgElement(i);s.getAttribute("src")!==t&&n.setAttribute("src",t,s),es(i,"placeholder")||n.insert(n.createPositionAfter(s),function(e){let t=e.createUIElement("div",{class:"ck-upload-placeholder-loader"});return e.setCustomProperty("placeholder",!0,t),t}(n))}function en(e,t){e.hasClass("ck-image-upload-placeholder")&&t.removeClass("ck-image-upload-placeholder",e),ea(e,t,"placeholder")}function es(e,t){for(let i of e.getChildren())if(i.getCustomProperty(t))return i}function ea(e,t,i){let n=es(e,i);n&&t.remove(t.createRangeOn(n))}class el extends n.mY{refresh(){let e=this.editor,t=e.plugins.get("ImageUtils"),i=e.model.document.selection.getSelectedElement();this.isEnabled=t.isImageAllowed()||t.isImage(i)}execute(e){let t=(0,o.qo)(e.file),i=this.editor.model.document.selection,n=this.editor.plugins.get("ImageUtils"),s=Object.fromEntries(i.getAttributes());t.forEach((e,t)=>{let a=i.getSelectedElement();if(t&&a&&n.isImage(a)){let t=this.editor.model.createPositionAfter(a);this._uploadImage(e,s,t)}else this._uploadImage(e,s)})}_uploadImage(e,t,i){let n=this.editor,s=n.plugins.get(g.Hn).createLoader(e),a=n.plugins.get("ImageUtils");s&&a.insertImage({...t,uploadId:s.id},i)}}class er extends n.Sy{static get requires(){return[g.Hn,u.P_,s._l,v]}static get pluginName(){return"ImageUploadEditing"}_uploadImageElements;constructor(e){super(e),e.config.define("image",{upload:{types:["jpeg","png","gif","bmp","webp","tiff"]}}),this._uploadImageElements=new Map}init(){let e=this.editor,t=e.model.document,i=e.conversion,n=e.plugins.get(g.Hn),s=e.plugins.get("ImageUtils"),l=e.plugins.get("ClipboardPipeline"),r=Z(e.config.get("image.upload.types")),m=new el(e);e.commands.add("uploadImage",m),e.commands.add("imageUpload",m),i.for("upcast").attributeToAttribute({view:{name:"img",key:"uploadId"},model:"uploadId"}),this.listenTo(e.editing.view.document,"clipboardInput",(t,i)=>{var n;if(Array.from((n=i.dataTransfer).types).includes("text/html")&&""!==n.getData("text/html"))return;let s=Array.from(i.dataTransfer.files).filter(e=>!!e&&r.test(e.type));s.length&&(t.stop(),e.model.change(t=>{i.targetRanges&&t.setSelection(i.targetRanges.map(t=>e.editing.mapper.toModelRange(t))),e.execute("uploadImage",{file:s})}))}),this.listenTo(l,"inputTransformation",(t,i)=>{let l=Array.from(e.editing.view.createRangeIn(i.content)).map(e=>e.item).filter(e=>!!(s.isInlineImageView(e)&&e.getAttribute("src"))&&(!!e.getAttribute("src").match(/^data:image\/\w+;base64,/g)||!!e.getAttribute("src").match(/^blob:/g))&&!e.getAttribute("uploadProcessed")).map(e=>({promise:new Promise((t,i)=>{let n=e.getAttribute("src");fetch(n).then(e=>e.blob()).then(e=>{let i=J(e,n),s=i.replace("image/","");t(new File([e],`image.${s}`,{type:i}))}).catch(e=>e&&"TypeError"===e.name?new Promise((e,t)=>{let i=o.global.document.createElement("img");i.addEventListener("load",()=>{let n=o.global.document.createElement("canvas");n.width=i.width,n.height=i.height,n.getContext("2d").drawImage(i,0,0),n.toBlob(i=>i?e(i):t())}),i.addEventListener("error",()=>t()),i.src=n}).then(e=>{let t=J(e,n),i=t.replace("image/","");return new File([e],`image.${i}`,{type:t})}).then(t).catch(i):i(e))}),imageElement:e}));if(!l.length)return;let r=new a.yj(e.editing.view.document);for(let e of l){r.setAttribute("uploadProcessed",!0,e.imageElement);let t=n.createLoader(e.promise);t&&(r.setAttribute("src","",e.imageElement),r.setAttribute("uploadId",t.id,e.imageElement))}}),e.editing.view.document.on("dragover",(e,t)=>{t.preventDefault()}),t.on("change",()=>{let i=t.differ.getChanges({includeChangesInGraveyard:!0}).reverse(),s=new Set;for(let t of i)if("insert"==t.type&&"$text"!=t.name){let i=t.position.nodeAfter,a="$graveyard"==t.position.root.rootName;for(let t of function(e,t){let i=e.plugins.get("ImageUtils");return Array.from(e.model.createRangeOn(t)).filter(e=>i.isImage(e.item)).map(e=>e.item)}(e,i)){let e=t.getAttribute("uploadId");if(!e)continue;let i=n.loaders.get(e);i&&(a?s.has(e)||i.abort():(s.add(e),this._uploadImageElements.set(e,t),"idle"==i.status&&this._readAndUpload(i)))}}}),this.on("uploadComplete",(e,{imageElement:t,data:i})=>{let n=i.urls?i.urls:i;this.editor.model.change(e=>{e.setAttribute("src",n.default,t),this._parseAndSetSrcsetAttributeOnImage(n,t,e),s.setImageNaturalSizeAttributes(t)})},{priority:"low"})}afterInit(){let e=this.editor.model.schema;this.editor.plugins.has("ImageBlockEditing")&&e.extend("imageBlock",{allowAttributes:["uploadId","uploadStatus"]}),this.editor.plugins.has("ImageInlineEditing")&&e.extend("imageInline",{allowAttributes:["uploadId","uploadStatus"]})}_readAndUpload(e){let t=this.editor,i=t.model,n=t.locale.t,s=t.plugins.get(g.Hn),a=t.plugins.get(u.P_),l=t.plugins.get("ImageUtils"),r=this._uploadImageElements;return i.enqueueChange({isUndoable:!1},t=>{t.setAttribute("uploadStatus","reading",r.get(e.id))}),e.read().then(()=>{let s=e.upload(),a=r.get(e.id);if(o.OB.isSafari){let e=t.editing.mapper.toViewElement(a),i=l.findViewImgElement(e);t.editing.view.once("render",()=>{if(!i.parent)return;let e=t.editing.view.domConverter.mapViewToDom(i.parent);if(!e)return;let n=e.style.display;e.style.display="none",e._ckHack=e.offsetHeight,e.style.display=n})}return t.ui&&t.ui.ariaLiveAnnouncer.announce(n("Uploading image")),i.enqueueChange({isUndoable:!1},e=>{e.setAttribute("uploadStatus","uploading",a)}),s}).then(s=>{i.enqueueChange({isUndoable:!1},i=>{let a=r.get(e.id);i.setAttribute("uploadStatus","complete",a),t.ui&&t.ui.ariaLiveAnnouncer.announce(n("Image upload complete")),this.fire("uploadComplete",{data:s,imageElement:a})}),m()}).catch(s=>{if(t.ui&&t.ui.ariaLiveAnnouncer.announce(n("Error during image upload")),"error"!==e.status&&"aborted"!==e.status)throw s;"error"==e.status&&s&&a.showWarning(s,{title:n("Upload failed"),namespace:"upload"}),i.enqueueChange({isUndoable:!1},t=>{t.remove(r.get(e.id))}),m()});function m(){i.enqueueChange({isUndoable:!1},t=>{let i=r.get(e.id);t.removeAttribute("uploadId",i),t.removeAttribute("uploadStatus",i),r.delete(e.id)}),s.destroyLoader(e)}}_parseAndSetSrcsetAttributeOnImage(e,t,i){let n=0,s=Object.keys(e).filter(e=>{let t=parseInt(e,10);if(!isNaN(t))return n=Math.max(n,t),!0}).map(t=>`${e[t]} ${t}w`).join(", ");if(""!=s){let e={srcset:s};t.hasAttribute("width")||t.hasAttribute("height")||(e.width=n),i.setAttributes(e,t)}}}class eo extends n.Sy{static get pluginName(){return"ImageUpload"}static get requires(){return[er,Q,ee]}}class em extends u.G7{urlInputView;keystrokes;constructor(e){super(e),this.set("imageURLInputValue",""),this.set("isImageSelected",!1),this.set("isEnabled",!0),this.keystrokes=new o.VD,this.urlInputView=this._createUrlInputView(),this.setTemplate({tag:"div",attributes:{class:["ck","ck-image-insert-url"]},children:[this.urlInputView,{tag:"div",attributes:{class:["ck","ck-image-insert-url__action-row"]}}]})}render(){super.render(),this.keystrokes.listenTo(this.element)}destroy(){super.destroy(),this.keystrokes.destroy()}_createUrlInputView(){let e=this.locale,t=e.t,i=new u.KP(e,u.R);return i.bind("label").to(this,"isImageSelected",e=>e?t("Update image URL"):t("Insert image via URL")),i.bind("isEnabled").to(this),i.fieldView.inputMode="url",i.fieldView.placeholder="https://example.com/image.png",i.fieldView.bind("value").to(this,"imageURLInputValue",e=>e||""),i.fieldView.on("input",()=>{this.imageURLInputValue=i.fieldView.element.value.trim()}),i}focus(){this.urlInputView.focus()}}class eu extends n.Sy{_imageInsertUI;_formView;static get pluginName(){return"ImageInsertViaUrlUI"}static get requires(){return[W,u.Oz]}init(){this.editor.ui.componentFactory.add("insertImageViaUrl",()=>this._createToolbarButton()),this.editor.ui.componentFactory.add("menuBar:insertImageViaUrl",()=>this._createMenuBarButton("standalone"))}afterInit(){this._imageInsertUI=this.editor.plugins.get("ImageInsertUI"),this._imageInsertUI.registerIntegration({name:"url",observable:()=>this.editor.commands.get("insertImage"),buttonViewCreator:()=>this._createToolbarButton(),formViewCreator:()=>this._createDropdownButton(),menuBarButtonViewCreator:e=>this._createMenuBarButton(e?"insertOnly":"insertNested")})}_createInsertUrlButton(e){let t=new e(this.editor.locale);return t.icon=n.ci.imageUrl,t.on("execute",()=>{this._showModal()}),t}_createToolbarButton(){let e=this.editor.locale.t,t=this._createInsertUrlButton(u.r5);return t.tooltip=!0,t.bind("label").to(this._imageInsertUI,"isImageSelected",t=>t?e("Update image URL"):e("Insert image via URL")),t}_createDropdownButton(){let e=this.editor.locale.t,t=this._createInsertUrlButton(u.r5);return t.withText=!0,t.bind("label").to(this._imageInsertUI,"isImageSelected",t=>t?e("Update image URL"):e("Insert via URL")),t}_createMenuBarButton(e){let t=this.editor.locale.t,i=this._createInsertUrlButton(u.DE);switch(i.withText=!0,e){case"standalone":i.label=t("Image via URL");break;case"insertOnly":i.label=t("Image");break;case"insertNested":i.label=t("Via URL")}return i}_createInsertUrlView(){let e=this.editor,t=e.locale,i=e.commands.get("replaceImageSource"),n=e.commands.get("insertImage"),s=new em(t);return s.bind("isImageSelected").to(this._imageInsertUI),s.bind("isEnabled").toMany([n,i],"isEnabled",(...e)=>e.some(e=>e)),s}_showModal(){let e=this.editor,t=e.locale.t,i=e.plugins.get("Dialog");this._formView||(this._formView=this._createInsertUrlView(),this._formView.on("submit",()=>this._handleSave()));let n=e.commands.get("replaceImageSource");this._formView.imageURLInputValue=n.value||"",i.show({id:"insertImageViaUrl",title:t(this._imageInsertUI.isImageSelected?"Update image URL":"Insert image via URL"),isModal:!0,content:this._formView,actionButtons:[{label:t("Cancel"),withText:!0,onExecute:()=>i.hide()},{label:t("Accept"),class:"ck-button-action",withText:!0,onExecute:()=>this._handleSave()}]})}_handleSave(){this.editor.commands.get("replaceImageSource").isEnabled?this.editor.execute("replaceImageSource",{source:this._formView.imageURLInputValue}):this.editor.execute("insertImage",{source:this._formView.imageURLInputValue}),this.editor.plugins.get("Dialog").hide()}}class eg extends n.Sy{static get pluginName(){return"ImageInsertViaUrl"}static get requires(){return[eu,W]}}class ec extends n.Sy{static get pluginName(){return"ImageInsert"}static get requires(){return[eo,eg,W]}}class ed extends n.mY{refresh(){let e=this.editor,t=e.plugins.get("ImageUtils").getClosestSelectedImageElement(e.model.document.selection);this.isEnabled=!!t,t&&t.hasAttribute("resizedWidth")?this.value={width:t.getAttribute("resizedWidth"),height:null}:this.value=null}execute(e){let t=this.editor,i=t.model,n=t.plugins.get("ImageUtils"),s=n.getClosestSelectedImageElement(i.document.selection);this.value={width:e.width,height:null},s&&i.change(t=>{t.setAttribute("resizedWidth",e.width,s),t.removeAttribute("resizedHeight",s),n.setImageNaturalSizeAttributes(s)})}}class eh extends n.Sy{static get requires(){return[v]}static get pluginName(){return"ImageResizeEditing"}constructor(e){super(e),e.config.define("image",{resizeUnit:"%",resizeOptions:[{name:"resizeImage:original",value:null,icon:"original"},{name:"resizeImage:custom",value:"custom",icon:"custom"},{name:"resizeImage:25",value:"25",icon:"small"},{name:"resizeImage:50",value:"50",icon:"medium"},{name:"resizeImage:75",value:"75",icon:"large"}]})}init(){let e=this.editor,t=new ed(e);this._registerConverters("imageBlock"),this._registerConverters("imageInline"),e.commands.add("resizeImage",t),e.commands.add("imageResize",t)}afterInit(){this._registerSchema()}_registerSchema(){this.editor.plugins.has("ImageBlockEditing")&&this.editor.model.schema.extend("imageBlock",{allowAttributes:["resizedWidth","resizedHeight"]}),this.editor.plugins.has("ImageInlineEditing")&&this.editor.model.schema.extend("imageInline",{allowAttributes:["resizedWidth","resizedHeight"]})}_registerConverters(e){let t=this.editor,i=t.plugins.get("ImageUtils");t.conversion.for("downcast").add(t=>t.on(`attribute:resizedWidth:${e}`,(e,t,i)=>{if(!i.consumable.consume(t.item,e.name))return;let n=i.writer,s=i.mapper.toViewElement(t.item);null!==t.attributeNewValue?(n.setStyle("width",t.attributeNewValue,s),n.addClass("image_resized",s)):(n.removeStyle("width",s),n.removeClass("image_resized",s))})),t.conversion.for("dataDowncast").attributeToAttribute({model:{name:e,key:"resizedHeight"},view:e=>({key:"style",value:{height:e}})}),t.conversion.for("editingDowncast").add(t=>t.on(`attribute:resizedHeight:${e}`,(t,n,s)=>{if(!s.consumable.consume(n.item,t.name))return;let a=s.writer,l=s.mapper.toViewElement(n.item),r="imageInline"===e?i.findViewImgElement(l):l;null!==n.attributeNewValue?a.setStyle("height",n.attributeNewValue,r):a.removeStyle("height",r)})),t.conversion.for("upcast").attributeToAttribute({view:{name:"imageBlock"===e?"figure":"img",styles:{width:/.+/}},model:{key:"resizedWidth",value:e=>w(e)?null:e.getStyle("width")}}),t.conversion.for("upcast").attributeToAttribute({view:{name:"imageBlock"===e?"figure":"img",styles:{height:/.+/}},model:{key:"resizedHeight",value:e=>w(e)?null:e.getStyle("height")}})}}let ep={small:n.ci.objectSizeSmall,medium:n.ci.objectSizeMedium,large:n.ci.objectSizeLarge,custom:n.ci.objectSizeCustom,original:n.ci.objectSizeFull};class ef extends n.Sy{static get requires(){return[eh]}static get pluginName(){return"ImageResizeButtons"}_resizeUnit;constructor(e){super(e),this._resizeUnit=e.config.get("image.resizeUnit")}init(){let e=this.editor,t=e.config.get("image.resizeOptions"),i=e.commands.get("resizeImage");for(let e of(this.bind("isEnabled").to(i),t))this._registerImageResizeButton(e);this._registerImageResizeDropdown(t)}_registerImageResizeButton(e){let t=this.editor,{name:i,value:n,icon:s}=e;t.ui.componentFactory.add(i,i=>{let a=new u.r5(i),l=t.commands.get("resizeImage"),r=this._getOptionLabelValue(e,!0);if(!ep[s])throw new o.Bb("imageresizebuttons-missing-icon",t,e);if(a.set({label:r,icon:ep[s],tooltip:r,isToggleable:!0}),a.bind("isEnabled").to(this),t.plugins.has("ImageCustomResizeUI")&&eI(e)){let e=t.plugins.get("ImageCustomResizeUI");this.listenTo(a,"execute",()=>{e._showForm(this._resizeUnit)})}else{let e=n?n+this._resizeUnit:null;a.bind("isOn").to(l,"value",eb(e)),this.listenTo(a,"execute",()=>{t.execute("resizeImage",{width:e})})}return a})}_registerImageResizeDropdown(e){let t=this.editor,i=t.t,n=e.find(e=>!e.value),s=s=>{let a=t.commands.get("resizeImage"),l=(0,u.t9)(s,u.J0),r=l.buttonView,o=i("Resize image");return r.set({tooltip:o,commandValue:n.value,icon:ep.medium,isToggleable:!0,label:this._getOptionLabelValue(n),withText:!0,class:"ck-resize-image-button",ariaLabel:o,ariaLabelledBy:void 0}),r.bind("label").to(a,"value",e=>e&&e.width?e.width:this._getOptionLabelValue(n)),l.bind("isEnabled").to(this),(0,u.Pm)(l,()=>this._getResizeDropdownListItemDefinitions(e,a),{ariaLabel:i("Image resize list"),role:"menu"}),this.listenTo(l,"execute",e=>{"onClick"in e.source?e.source.onClick():(t.execute(e.source.commandName,{width:e.source.commandValue}),t.editing.view.focus())}),l};t.ui.componentFactory.add("resizeImage",s),t.ui.componentFactory.add("imageResize",s)}_getOptionLabelValue(e,t=!1){let i=this.editor.t;return e.label?e.label:t?eI(e)?i("Custom image size"):e.value?i("Resize image to %0",e.value+this._resizeUnit):i("Resize image to the original size"):eI(e)?i("Custom"):e.value?e.value+this._resizeUnit:i("Original")}_getResizeDropdownListItemDefinitions(e,t){let{editor:i}=this,n=new o.FE,s=e.map(e=>eI(e)?{...e,valueWithUnits:"custom"}:e.value?{...e,valueWithUnits:`${e.value}${this._resizeUnit}`}:{...e,valueWithUnits:null});for(let e of s){let a=null;if(i.plugins.has("ImageCustomResizeUI")&&eI(e)){let n=i.plugins.get("ImageCustomResizeUI");a={type:"button",model:new u.jz({label:this._getOptionLabelValue(e),role:"menuitemradio",withText:!0,icon:null,onClick:()=>{n._showForm(this._resizeUnit)}})};let l=(0,c.Z)(s,"valueWithUnits");a.model.bind("isOn").to(t,"value",function(e){return t=>!e.some(e=>eb(e)(t))}(l))}else(a={type:"button",model:new u.jz({commandName:"resizeImage",commandValue:e.valueWithUnits,label:this._getOptionLabelValue(e),role:"menuitemradio",withText:!0,icon:null})}).model.bind("isOn").to(t,"value",eb(e.valueWithUnits));a.model.bind("isEnabled").to(t,"isEnabled"),n.add(a)}return n}}function eI(e){return"custom"===e.value}function eb(e){return t=>null===e&&t===e||null!==t&&t.width===e}let ew="image_resized";class e_ extends n.Sy{static get requires(){return[m.WR,v]}static get pluginName(){return"ImageResizeHandles"}init(){let e=this.editor.commands.get("resizeImage");this.bind("isEnabled").to(e),this._setupResizerCreator()}_setupResizerCreator(){let e=this.editor,t=e.editing.view,i=e.plugins.get("ImageUtils");t.addObserver(z),this.listenTo(t.document,"imageLoaded",(n,s)=>{if(!s.target.matches("figure.image.ck-widget > img,figure.image.ck-widget > picture > img,figure.image.ck-widget > a > img,figure.image.ck-widget > a > picture > img,span.image-inline.ck-widget > img,span.image-inline.ck-widget > picture > img"))return;let a=e.editing.view.domConverter,l=a.domToView(s.target),r=i.getImageWidgetFromImageView(l),o=this.editor.plugins.get(m.WR).getResizerByViewElement(r);if(o){o.redraw();return}let u=e.editing.mapper,g=u.toModelElement(r);(o=e.plugins.get(m.WR).attachTo({unit:e.config.get("image.resizeUnit"),modelElement:g,viewElement:r,editor:e,getHandleHost:e=>e.querySelector("img"),getResizeHost:()=>a.mapViewToDom(u.toViewElement(g)),isCentered:()=>"alignCenter"==g.getAttribute("imageStyle"),onCommit(i){t.change(e=>{e.removeClass(ew,r)}),e.execute("resizeImage",{width:i})}})).on("updateSize",()=>{r.hasClass(ew)||t.change(e=>{e.addClass(ew,r)});let e="imageInline"===g.name?l:r;e.getStyle("height")&&t.change(t=>{t.removeStyle("height",e)})}),o.bind("isEnabled").to(this)})}}function ev(e){if(!e)return null;let[,t,i]=e.trim().match(/([.,\d]+)(%|px)$/)||[],n=Number.parseFloat(t);return Number.isNaN(n)?null:{value:n,unit:i}}function ey(e,t,i){return"px"===i?{value:t.value,unit:"px"}:{value:t.value/e*100,unit:"%"}}function ek(e){let{editing:t}=e,i=e.plugins.get("ImageUtils").getClosestSelectedImageElement(e.model.document.selection);if(!i)return null;let n=t.mapper.toViewElement(i),s=t.view.domConverter.mapViewToDom(n);return{model:i,view:n,dom:s}}class eE extends u.G7{focusTracker;keystrokes;unit;labeledInput;saveButtonView;cancelButtonView;_focusables;_focusCycler;_validators;constructor(e,t,i){super(e);let s=this.locale.t;this.focusTracker=new o.Rh,this.keystrokes=new o.VD,this.unit=t,this.labeledInput=this._createLabeledInputView(),this.saveButtonView=this._createButton(s("Save"),n.ci.check,"ck-button-save"),this.saveButtonView.type="submit",this.cancelButtonView=this._createButton(s("Cancel"),n.ci.cancel,"ck-button-cancel","cancel"),this._focusables=new u.vX,this._validators=i,this._focusCycler=new u.I0({focusables:this._focusables,focusTracker:this.focusTracker,keystrokeHandler:this.keystrokes,actions:{focusPrevious:"shift + tab",focusNext:"tab"}}),this.setTemplate({tag:"form",attributes:{class:["ck","ck-image-custom-resize-form","ck-responsive-form"],tabindex:"-1"},children:[this.labeledInput,this.saveButtonView,this.cancelButtonView]})}render(){super.render(),this.keystrokes.listenTo(this.element),(0,u.GI)({view:this}),[this.labeledInput,this.saveButtonView,this.cancelButtonView].forEach(e=>{this._focusables.add(e),this.focusTracker.add(e.element)})}destroy(){super.destroy(),this.focusTracker.destroy(),this.keystrokes.destroy()}_createButton(e,t,i,n){let s=new u.r5(this.locale);return s.set({label:e,icon:t,tooltip:!0}),s.extendTemplate({attributes:{class:i}}),n&&s.delegate("execute").to(this,n),s}_createLabeledInputView(){let e=this.locale.t,t=new u.KP(this.locale,u.sh);return t.label=e("Resize image (in %0)",this.unit),t.fieldView.set({step:.1}),t}isValid(){for(let e of(this.resetFormStatus(),this._validators)){let t=e(this);if(t)return this.labeledInput.errorText=t,!1}return!0}resetFormStatus(){this.labeledInput.errorText=null}get rawSize(){let{element:e}=this.labeledInput.fieldView;return e?e.value:null}get parsedSize(){let{rawSize:e}=this;if(null===e)return null;let t=Number.parseFloat(e);return Number.isNaN(t)?null:t}get sizeWithUnits(){let{parsedSize:e,unit:t}=this;return null===e?null:`${e}${t}`}}class eC extends n.Sy{_balloon;_form;static get requires(){return[u.WB]}static get pluginName(){return"ImageCustomResizeUI"}destroy(){super.destroy(),this._form&&this._form.destroy()}_createForm(e){let t=this.editor;this._balloon=this.editor.plugins.get("ContextualBalloon"),this._form=new((0,u.RX)(eE))(t.locale,e,function(e){let t=e.t;return[e=>""===e.rawSize.trim()?t("The value must not be empty."):null===e.parsedSize?t("The value should be a plain number."):void 0]}(t)),this._form.render(),this.listenTo(this._form,"submit",()=>{this._form.isValid()&&(t.execute("resizeImage",{width:this._form.sizeWithUnits}),this._hideForm(!0))}),this.listenTo(this._form.labeledInput,"change:errorText",()=>{t.ui.update()}),this.listenTo(this._form,"cancel",()=>{this._hideForm(!0)}),this._form.keystrokes.set("Esc",(e,t)=>{this._hideForm(!0),t()}),(0,u.eC)({emitter:this._form,activator:()=>this._isVisible,contextElements:()=>[this._balloon.view.element],callback:()=>this._hideForm()})}_showForm(e){if(this._isVisible)return;this._form||this._createForm(e);let t=this.editor,i=this._form.labeledInput;this._form.disableCssTransitions(),this._form.resetFormStatus(),this._isInBalloon||this._balloon.add({view:this._form,position:A(t)});let n=function(e,t){let i=ek(e);if(!i)return null;let n=ev(i.model.getAttribute("resizedWidth")||null);return n?n.unit===t?n:ey((0,m.bX)(i.dom),{unit:"px",value:new o.UL(i.dom).width},t):null}(t,e),s=n?n.value.toFixed(1):"",a=function(e,t){let i=ek(e);if(!i)return null;let n=(0,m.bX)(i.dom),s=Math.max(.1,ey(n,ev(window.getComputedStyle(i.dom).minWidth)||{value:1,unit:"px"},t).value),a="px"===t?n:100;return{unit:t,lower:s,upper:a}}(t,e);i.fieldView.value=i.fieldView.element.value=s,a&&Object.assign(i.fieldView,{min:a.lower.toFixed(1),max:Math.ceil(a.upper).toFixed(1)}),this._form.labeledInput.fieldView.select(),this._form.enableCssTransitions()}_hideForm(e=!1){this._isInBalloon&&(this._form.focusTracker.isFocused&&this._form.saveButtonView.focus(),this._balloon.remove(this._form),e&&this.editor.editing.view.focus())}get _isVisible(){return!!this._balloon&&this._balloon.visibleView===this._form}get _isInBalloon(){return!!this._balloon&&this._balloon.hasView(this._form)}}class eS extends n.Sy{static get requires(){return[eh,e_,eC,ef]}static get pluginName(){return"ImageResize"}}class eB extends n.mY{_defaultStyles;_styles;constructor(e,t){super(e),this._defaultStyles={imageBlock:!1,imageInline:!1},this._styles=new Map(t.map(e=>{if(e.isDefault)for(let t of e.modelElements)this._defaultStyles[t]=e.name;return[e.name,e]}))}refresh(){let e=this.editor.plugins.get("ImageUtils").getClosestSelectedImageElement(this.editor.model.document.selection);this.isEnabled=!!e,this.isEnabled?e.hasAttribute("imageStyle")?this.value=e.getAttribute("imageStyle"):this.value=this._defaultStyles[e.name]:this.value=!1}execute(e={}){let t=this.editor,i=t.model,n=t.plugins.get("ImageUtils");i.change(t=>{let s=e.value,{setImageSizes:a=!0}=e,l=n.getClosestSelectedImageElement(i.document.selection);s&&this.shouldConvertImageType(s,l)&&(this.editor.execute(n.isBlockImage(l)?"imageTypeInline":"imageTypeBlock",{setImageSizes:a}),l=n.getClosestSelectedImageElement(i.document.selection)),!s||this._styles.get(s).isDefault?t.removeAttribute("imageStyle",l):t.setAttribute("imageStyle",s,l),a&&n.setImageNaturalSizeAttributes(l)})}shouldConvertImageType(e,t){return!this._styles.get(e).modelElements.includes(t.name)}}let eA={get inline(){return{name:"inline",title:"In line",icon:n.ci.objectInline,modelElements:["imageInline"],isDefault:!0}},get alignLeft(){return{name:"alignLeft",title:"Left aligned image",icon:n.ci.objectLeft,modelElements:["imageBlock","imageInline"],className:"image-style-align-left"}},get alignBlockLeft(){return{name:"alignBlockLeft",title:"Left aligned image",icon:n.ci.objectBlockLeft,modelElements:["imageBlock"],className:"image-style-block-align-left"}},get alignCenter(){return{name:"alignCenter",title:"Centered image",icon:n.ci.objectCenter,modelElements:["imageBlock"],className:"image-style-align-center"}},get alignRight(){return{name:"alignRight",title:"Right aligned image",icon:n.ci.objectRight,modelElements:["imageBlock","imageInline"],className:"image-style-align-right"}},get alignBlockRight(){return{name:"alignBlockRight",title:"Right aligned image",icon:n.ci.objectBlockRight,modelElements:["imageBlock"],className:"image-style-block-align-right"}},get block(){return{name:"block",title:"Centered image",icon:n.ci.objectCenter,modelElements:["imageBlock"],isDefault:!0}},get side(){return{name:"side",title:"Side image",icon:n.ci.objectRight,modelElements:["imageBlock"],className:"image-style-side"}}},eV={full:n.ci.objectFullWidth,left:n.ci.objectBlockLeft,right:n.ci.objectBlockRight,center:n.ci.objectCenter,inlineLeft:n.ci.objectLeft,inlineRight:n.ci.objectRight,inline:n.ci.objectInline},ex=[{name:"imageStyle:wrapText",title:"Wrap text",defaultItem:"imageStyle:alignLeft",items:["imageStyle:alignLeft","imageStyle:alignRight"]},{name:"imageStyle:breakText",title:"Break text",defaultItem:"imageStyle:block",items:["imageStyle:alignBlockLeft","imageStyle:block","imageStyle:alignBlockRight"]}];function eT(e){(0,o.KE)("image-style-configuration-definition-invalid",e)}var eU={normalizeStyles:function(e){return(e.configuredStyles.options||[]).map(e=>{var t;return"string"==typeof(t="string"==typeof(t=e)?eA[t]?{...eA[t]}:{name:t}:function(e,t){let i={...t};for(let n in e)Object.prototype.hasOwnProperty.call(t,n)||(i[n]=e[n]);return i}(eA[t.name],t)).icon&&(t.icon=eV[t.icon]||t.icon),t}).filter(t=>(function(e,{isBlockPluginLoaded:t,isInlinePluginLoaded:i}){let{modelElements:n,name:s}=e;if(!n||!n.length||!s)return eT({style:e}),!1;{let s=[t?"imageBlock":null,i?"imageInline":null];if(!n.some(e=>s.includes(e)))return(0,o.KE)("image-style-missing-dependency",{style:e,missingPlugins:n.map(e=>"imageBlock"===e?"ImageBlockEditing":"ImageInlineEditing")}),!1}return!0})(t,e))},getDefaultStylesConfiguration:function(e,t){return e&&t?{options:["inline","alignLeft","alignRight","alignCenter","alignBlockLeft","alignBlockRight","block","side"]}:e?{options:["block","side"]}:t?{options:["inline","alignLeft","alignRight"]}:{}},getDefaultDropdownDefinitions:function(e){return e.has("ImageBlockEditing")&&e.has("ImageInlineEditing")?[...ex]:[]},warnInvalidStyle:eT,DEFAULT_OPTIONS:eA,DEFAULT_ICONS:eV,DEFAULT_DROPDOWN_DEFINITIONS:ex};function ez(e,t){for(let i of t)if(i.name===e)return i}class eR extends n.Sy{static get pluginName(){return"ImageStyleEditing"}static get requires(){return[v]}normalizedStyles;init(){let{normalizeStyles:e,getDefaultStylesConfiguration:t}=eU,i=this.editor,n=i.plugins.has("ImageBlockEditing"),s=i.plugins.has("ImageInlineEditing");i.config.define("image.styles",t(n,s)),this.normalizedStyles=e({configuredStyles:i.config.get("image.styles"),isBlockPluginLoaded:n,isInlinePluginLoaded:s}),this._setupConversion(n,s),this._setupPostFixer(),i.commands.add("imageStyle",new eB(i,this.normalizedStyles))}_setupConversion(e,t){var i;let n=this.editor,s=n.model.schema,a=(i=this.normalizedStyles,(e,t,n)=>{if(!n.consumable.consume(t.item,e.name))return;let s=ez(t.attributeNewValue,i),a=ez(t.attributeOldValue,i),l=n.mapper.toViewElement(t.item),r=n.writer;a&&r.removeClass(a.className,l),s&&r.addClass(s.className,l)}),l=function(e){let t={imageInline:e.filter(e=>!e.isDefault&&e.modelElements.includes("imageInline")),imageBlock:e.filter(e=>!e.isDefault&&e.modelElements.includes("imageBlock"))};return(e,i,n)=>{if(!i.modelRange)return;let s=i.viewItem,a=(0,o.Ps)(i.modelRange.getItems());if(a&&n.schema.checkAttribute(a,"imageStyle"))for(let e of t[a.name])n.consumable.consume(s,{classes:e.className})&&n.writer.setAttribute("imageStyle",e.name,a)}}(this.normalizedStyles);n.editing.downcastDispatcher.on("attribute:imageStyle",a),n.data.downcastDispatcher.on("attribute:imageStyle",a),e&&(s.extend("imageBlock",{allowAttributes:"imageStyle"}),n.data.upcastDispatcher.on("element:figure",l,{priority:"low"})),t&&(s.extend("imageInline",{allowAttributes:"imageStyle"}),n.data.upcastDispatcher.on("element:img",l,{priority:"low"}))}_setupPostFixer(){let e=this.editor,t=e.model.document,i=e.plugins.get(v),n=new Map(this.normalizedStyles.map(e=>[e.name,e]));t.registerPostFixer(e=>{let s=!1;for(let a of t.differ.getChanges())if("insert"==a.type||"attribute"==a.type&&"imageStyle"==a.attributeKey){let t="insert"==a.type?a.position.nodeAfter:a.range.start.nodeAfter;if(t&&t.is("element","paragraph")&&t.childCount>0&&(t=t.getChild(0)),!i.isImage(t))continue;let l=t.getAttribute("imageStyle");if(!l)continue;let r=n.get(l);r&&r.modelElements.includes(t.name)||(e.removeAttribute("imageStyle",t),s=!0)}return s})}}class eN extends n.Sy{static get requires(){return[eR]}static get pluginName(){return"ImageStyleUI"}get localizedDefaultStylesTitles(){let e=this.editor.t;return{"Wrap text":e("Wrap text"),"Break text":e("Break text"),"In line":e("In line"),"Full size image":e("Full size image"),"Side image":e("Side image"),"Left aligned image":e("Left aligned image"),"Centered image":e("Centered image"),"Right aligned image":e("Right aligned image")}}init(){let e=this.editor.plugins,t=this.editor.config.get("image.toolbar")||[],i=eF(e.get("ImageStyleEditing").normalizedStyles,this.localizedDefaultStylesTitles);for(let e of i)this._createButton(e);for(let n of eF([...t.filter(d.Z),...eU.getDefaultDropdownDefinitions(e)],this.localizedDefaultStylesTitles))this._createDropdown(n,i)}_createDropdown(e,t){let i=this.editor.ui.componentFactory;i.add(e.name,n=>{let s;let{defaultItem:a,items:l,title:r}=e,o=l.filter(e=>t.find(({name:t})=>eL(t)===e)).map(e=>{let t=i.create(e);return e===a&&(s=t),t});l.length!==o.length&&eU.warnInvalidStyle({dropdown:e});let m=(0,u.t9)(n,u.Rm),g=m.buttonView,c=g.arrowView;return(0,u.up)(m,o,{enableActiveItemFocusOnDropdownOpen:!0}),g.set({label:(r?r+": ":"")+s.label,class:null,tooltip:!0}),c.unbind("label"),c.set({label:r}),g.bind("icon").toMany(o,"isOn",(...e)=>{let t=e.findIndex(h.Z);return t<0?s.icon:o[t].icon}),g.bind("label").toMany(o,"isOn",(...e)=>{let t=e.findIndex(h.Z);return(r?r+": ":"")+(t<0?s.label:o[t].label)}),g.bind("isOn").toMany(o,"isOn",(...e)=>e.some(h.Z)),g.bind("class").toMany(o,"isOn",(...e)=>e.some(h.Z)?"ck-splitbutton_flatten":void 0),g.on("execute",()=>{o.some(({isOn:e})=>e)?m.isOpen=!m.isOpen:s.fire("execute")}),m.bind("isEnabled").toMany(o,"isEnabled",(...e)=>e.some(h.Z)),this.listenTo(m,"execute",()=>{this.editor.editing.view.focus()}),m})}_createButton(e){let t=e.name;this.editor.ui.componentFactory.add(eL(t),i=>{let n=this.editor.commands.get("imageStyle"),s=new u.r5(i);return s.set({label:e.title,icon:e.icon,tooltip:!0,isToggleable:!0}),s.bind("isEnabled").to(n,"isEnabled"),s.bind("isOn").to(n,"value",e=>e===t),s.on("execute",this._executeCommand.bind(this,t)),s})}_executeCommand(e){this.editor.execute("imageStyle",{value:e}),this.editor.editing.view.focus()}}function eF(e,t){for(let i of e)t[i.title]&&(i.title=t[i.title]);return e}function eL(e){return`imageStyle:${e}`}class eO extends n.Sy{static get requires(){return[eR,eN]}static get pluginName(){return"ImageStyle"}}class eD extends n.Sy{static get requires(){return[m.e8,v]}static get pluginName(){return"ImageToolbar"}afterInit(){let e=this.editor,t=e.t,i=e.plugins.get(m.e8),n=e.plugins.get("ImageUtils");i.register("image",{ariaLabel:t("Image toolbar"),items:(e.config.get("image.toolbar")||[]).map(e=>(0,d.Z)(e)?e.name:e),getRelatedElement:e=>n.getClosestSelectedImageWidget(e)})}}}}]);