mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-05 10:22:23 +01:00
1de40f71be
This patch, somewhat small brings a lot to WordPress. This includes features like: - DataViews. - Customization tools like box shadow, background size and repeat. - UI improvements in the site editor. - Preferences sharing between the post and site editors. - Unified panels and editors between post and site editors. - Improved template mode in the post editor. - Iterations to multiple interactive blocks. - Preparing the blocks and UI for pattern overrides. - and a lot more. Props luisherranz, gziolo, isabel_brison, costdev, jonsurrell, peterwilsoncc, get_dave, antonvlasenko, desrosj. See #60315. Built from https://develop.svn.wordpress.org/trunk@57377 git-svn-id: http://core.svn.wordpress.org/trunk@56883 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2 lines
23 KiB
JavaScript
2 lines
23 KiB
JavaScript
/*! This file is auto-generated */
|
|
!function(){"use strict";var e={r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t);var n=window.wp.richText,r=window.React,o=window.wp.i18n,a=window.wp.blockEditor,l=window.wp.primitives;var i=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(l.Path,{d:"M14.7 11.3c1-.6 1.5-1.6 1.5-3 0-2.3-1.3-3.4-4-3.4H7v14h5.8c1.4 0 2.5-.3 3.3-1 .8-.7 1.2-1.7 1.2-2.9.1-1.9-.8-3.1-2.6-3.7zm-5.1-4h2.3c.6 0 1.1.1 1.4.4.3.3.5.7.5 1.2s-.2 1-.5 1.2c-.3.3-.8.4-1.4.4H9.6V7.3zm4.6 9c-.4.3-1 .4-1.7.4H9.6v-3.9h2.9c.7 0 1.3.2 1.7.5.4.3.6.8.6 1.5s-.2 1.2-.6 1.5z"}));const c="core/bold",s=(0,o.__)("Bold"),u={name:c,title:s,tagName:"strong",className:null,edit({isActive:e,value:t,onChange:o,onFocus:l}){function u(){o((0,n.toggleFormat)(t,{type:c,title:s}))}return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(a.RichTextShortcut,{type:"primary",character:"b",onUse:u}),(0,r.createElement)(a.RichTextToolbarButton,{name:"bold",icon:i,title:s,onClick:function(){o((0,n.toggleFormat)(t,{type:c})),l()},isActive:e,shortcutType:"primary",shortcutCharacter:"b"}),(0,r.createElement)(a.__unstableRichTextInputEvent,{inputType:"formatBold",onInput:u}))}};var m=(0,r.createElement)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)(l.Path,{d:"M20.8 10.7l-4.3-4.3-1.1 1.1 4.3 4.3c.1.1.1.3 0 .4l-4.3 4.3 1.1 1.1 4.3-4.3c.7-.8.7-1.9 0-2.6zM4.2 11.8l4.3-4.3-1-1-4.3 4.3c-.7.7-.7 1.8 0 2.5l4.3 4.3 1.1-1.1-4.3-4.3c-.2-.1-.2-.3-.1-.4z"}));const h="core/code",p=(0,o.__)("Inline code"),g={name:h,title:p,tagName:"code",className:null,__unstableInputRule(e){const{start:t,text:r}=e;if("`"!==r[t-1])return e;if(t-2<0)return e;const o=r.lastIndexOf("`",t-2);if(-1===o)return e;const a=o,l=t-2;return a===l?e:(e=(0,n.remove)(e,a,a+1),e=(0,n.remove)(e,l,l+1),e=(0,n.applyFormat)(e,{type:h},a,l))},edit({value:e,onChange:t,onFocus:o,isActive:l}){function i(){t((0,n.toggleFormat)(e,{type:h,title:p})),o()}return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(a.RichTextShortcut,{type:"access",character:"x",onUse:i}),(0,r.createElement)(a.RichTextToolbarButton,{icon:m,title:p,onClick:i,isActive:l,role:"menuitemcheckbox"}))}};var d=window.wp.components,v=window.wp.element;var w=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,r.createElement)(l.Path,{d:"M6.734 16.106l2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.157 1.093-1.027-2.176-2.38h2.811c1.125 0 2.25.03 3.374 0 1.428-.001 3.362-.25 4.963-1.277 1.66-1.065 2.868-2.906 2.868-5.859 0-2.479-1.327-4.896-3.65-5.93-1.82-.813-3.044-.8-4.806-.788l-.567.002v1.5c.184 0 .368 0 .553-.002 1.82-.007 2.704-.014 4.21.657 1.854.827 2.76 2.657 2.76 4.561 0 2.472-.973 3.824-2.178 4.596-1.258.807-2.864 1.04-4.163 1.04h-.02c-1.115.03-2.229 0-3.344 0H6.734z"}));const b=["image"],f="core/image",y=(0,o.__)("Inline image"),E={name:f,title:y,keywords:[(0,o.__)("photo"),(0,o.__)("media")],object:!0,tagName:"img",className:null,attributes:{className:"class",style:"style",url:"src",alt:"alt"},edit:function({value:e,onChange:t,onFocus:o,isObjectActive:l,activeObjectAttributes:i,contentRef:c}){const[s,u]=(0,v.useState)(!1);function m(){u(!1)}return(0,r.createElement)(a.MediaUploadCheck,null,(0,r.createElement)(a.RichTextToolbarButton,{icon:(0,r.createElement)(d.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(d.Path,{d:"M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z"})),title:y,onClick:function(){u(!0)},isActive:l}),s&&(0,r.createElement)(a.MediaUpload,{allowedTypes:b,onSelect:({id:r,url:a,alt:l,width:i})=>{m(),t((0,n.insertObject)(e,{type:f,attributes:{className:`wp-image-${r}`,style:`width: ${Math.min(i,150)}px;`,url:a,alt:l}})),o()},onClose:m,render:({open:e})=>(e(),null)}),l&&(0,r.createElement)(_,{value:e,onChange:t,activeObjectAttributes:i,contentRef:c}))}};function _({value:e,onChange:t,activeObjectAttributes:a,contentRef:l}){const{style:i}=a,[c,s]=(0,v.useState)(i?.replace(/\D/g,"")),u=(0,n.useAnchor)({editableContentElement:l.current,settings:E});return(0,r.createElement)(d.Popover,{placement:"bottom",focusOnMount:!1,anchor:u,className:"block-editor-format-toolbar__image-popover"},(0,r.createElement)("form",{className:"block-editor-format-toolbar__image-container-content",onSubmit:n=>{const r=e.replacements.slice();r[e.start]={type:f,attributes:{...a,style:c?`width: ${c}px;`:""}},t({...e,replacements:r}),n.preventDefault()}},(0,r.createElement)(d.__experimentalHStack,{alignment:"bottom",spacing:"0"},(0,r.createElement)(d.__experimentalNumberControl,{className:"block-editor-format-toolbar__image-container-value",label:(0,o.__)("Width"),value:c,min:1,onChange:e=>s(e)}),(0,r.createElement)(d.Button,{className:"block-editor-format-toolbar__image-container-button",icon:w,label:(0,o.__)("Apply"),type:"submit"}))))}var k=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(l.Path,{d:"M12.5 5L10 19h1.9l2.5-14z"}));const C="core/italic",x=(0,o.__)("Italic"),T={name:C,title:x,tagName:"em",className:null,edit({isActive:e,value:t,onChange:o,onFocus:l}){function i(){o((0,n.toggleFormat)(t,{type:C,title:x}))}return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(a.RichTextShortcut,{type:"primary",character:"i",onUse:i}),(0,r.createElement)(a.RichTextToolbarButton,{name:"italic",icon:k,title:x,onClick:function(){o((0,n.toggleFormat)(t,{type:C})),l()},isActive:e,shortcutType:"primary",shortcutCharacter:"i"}),(0,r.createElement)(a.__unstableRichTextInputEvent,{inputType:"formatItalic",onInput:i}))}};var S=window.wp.url,A=window.wp.htmlEntities;var F=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(l.Path,{d:"M17.031 4.703 15.576 4l-1.56 3H14v.03l-2.324 4.47H9.5V13h1.396l-1.502 2.889h-.95a3.694 3.694 0 0 1 0-7.389H10V7H8.444a5.194 5.194 0 1 0 0 10.389h.17L7.5 19.53l1.416.719L15.049 8.5h.507a3.694 3.694 0 0 1 0 7.39H14v1.5h1.556a5.194 5.194 0 0 0 .273-10.383l1.202-2.304Z"}));var R=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(l.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})),V=window.wp.a11y,N=window.wp.data;function P(e){if(!e)return!1;const t=e.trim();if(!t)return!1;if(/^\S+:/.test(t)){const e=(0,S.getProtocol)(t);if(!(0,S.isValidProtocol)(e))return!1;if(e.startsWith("http")&&!/^https?:\/\/[^\/\s]/i.test(t))return!1;const n=(0,S.getAuthority)(t);if(!(0,S.isValidAuthority)(n))return!1;const r=(0,S.getPath)(t);if(r&&!(0,S.isValidPath)(r))return!1;const o=(0,S.getQueryString)(t);if(o&&!(0,S.isValidQueryString)(o))return!1;const a=(0,S.getFragment)(t);if(a&&!(0,S.isValidFragment)(a))return!1}return!(t.startsWith("#")&&!(0,S.isValidFragment)(t))}function B(e,t,n=e.start,r=e.end){const o={start:null,end:null},{formats:a}=e;let l,i;if(!a?.length)return o;const c=a.slice(),s=c[n]?.find((({type:e})=>e===t.type)),u=c[r]?.find((({type:e})=>e===t.type)),m=c[r-1]?.find((({type:e})=>e===t.type));if(s)l=s,i=n;else if(u)l=u,i=r;else{if(!m)return o;l=m,i=r-1}const h=c[i].indexOf(l),p=[c,i,l,h];return{start:n=(n=z(...p))<0?0:n,end:r=H(...p)}}function M(e,t,n,r,o){let a=t;const l={forwards:1,backwards:-1}[o]||1,i=-1*l;for(;e[a]&&e[a][r]===n;)a+=l;return a+=i,a}const L=(e,...t)=>(...n)=>e(...n,...t),z=L(M,"backwards"),H=L(M,"forwards"),I=[...a.__experimentalLinkControl.DEFAULT_LINK_SETTINGS,{id:"nofollow",title:(0,o.__)("Mark as nofollow")}];var O=function({isActive:e,activeAttributes:t,addingLink:l,value:i,onChange:c,stopAddingLink:s,contentRef:u}){const m=function(e,t){let r=e.start,o=e.end;if(t){const t=B(e,{type:"core/link"});r=t.start,o=t.end+1}return(0,n.slice)(e,r,o)}(i,e).text,{createPageEntity:h,userCanCreatePages:p}=(0,N.useSelect)((e=>{const{getSettings:t}=e(a.store),n=t();return{createPageEntity:n.__experimentalCreatePageEntity,userCanCreatePages:n.__experimentalUserCanCreatePages}}),[]),g=(0,v.useMemo)((()=>({url:t.url,type:t.type,id:t.id,opensInNewTab:"_blank"===t.target,nofollow:t.rel?.includes("nofollow"),title:m})),[t.id,t.rel,t.target,t.type,t.url,m]),w=(0,n.useAnchor)({editableContentElement:u.current,settings:G}),b=(0,a.useCachedTruthy)(w.getBoundingClientRect());w.getBoundingClientRect=()=>b;const f=(0,v.useRef)(!!l&&"firstElement");return(0,r.createElement)(d.Popover,{anchor:w,focusOnMount:f.current,onClose:s,onFocusOutside:()=>s(!1),placement:"bottom",offset:10,shift:!0},(0,r.createElement)(a.__experimentalLinkControl,{value:g,onChange:function(t){const r=g?.url,a=!r;t={...g,...t};const l=(0,S.prependHTTP)(t.url),u=function({url:e,type:t,id:n,opensInNewWindow:r,nofollow:o}){const a={type:"core/link",attributes:{url:e}};return t&&(a.attributes.type=t),n&&(a.attributes.id=n),r&&(a.attributes.target="_blank",a.attributes.rel=a.attributes.rel?a.attributes.rel+" noreferrer noopener":"noreferrer noopener"),o&&(a.attributes.rel=a.attributes.rel?a.attributes.rel+" nofollow":"nofollow"),a}({url:l,type:t.type,id:void 0!==t.id&&null!==t.id?String(t.id):void 0,opensInNewWindow:t.opensInNewTab,nofollow:t.nofollow}),h=t.title||l;if((0,n.isCollapsed)(i)&&!e){const e=(0,n.applyFormat)((0,n.create)({text:h}),u,0,h.length);c((0,n.insert)(i,e))}else{let e;if(h===m)e=(0,n.applyFormat)(i,u);else{e=(0,n.create)({text:h}),e=(0,n.applyFormat)(e,u,0,h.length);const t=B(i,{type:"core/link"}),[r,o]=(0,n.split)(i,t.start,t.start),a=(0,n.replace)(o,m,e);e=(0,n.concat)(r,a)}c(e)}if(!a){s(!0)}P(l)?e?(0,V.speak)((0,o.__)("Link edited."),"assertive"):(0,V.speak)((0,o.__)("Link inserted."),"assertive"):(0,V.speak)((0,o.__)("Warning: the link has been inserted but may have errors. Please test it."),"assertive")},onRemove:function(){const e=(0,n.removeFormat)(i,"core/link");c(e),s(),(0,V.speak)((0,o.__)("Link removed."),"assertive")},forceIsEditingLink:l,hasRichPreviews:!0,createSuggestion:h&&async function(e){const t=await h({title:e,status:"draft"});return{id:t.id,type:t.type,title:t.title.rendered,url:t.link,kind:"post-type"}},withCreateSuggestion:p,createSuggestionButtonText:function(e){return(0,v.createInterpolateElement)((0,o.sprintf)((0,o.__)("Create page: <mark>%s</mark>"),e),{mark:(0,r.createElement)("mark",null)})},hasTextControl:!0,settings:I,showInitialSuggestions:!0,suggestionsQuery:{initialSuggestionsSearchOptions:{type:"post",subtype:"page",perPage:20}}}))};const U="core/link",j=(0,o.__)("Link");const G={name:U,title:j,tagName:"a",className:null,attributes:{url:"href",type:"data-type",id:"data-id",_id:"id",target:"target",rel:"rel"},__unstablePasteRule(e,{html:t,plainText:r}){const o=(t||r).replace(/<[^>]+>/g,"").trim();if(!(0,S.isURL)(o)||!/^https?:/.test(o))return e;window.console.log("Created link:\n\n",o);const a={type:U,attributes:{url:(0,A.decodeEntities)(o)}};return(0,n.isCollapsed)(e)?(0,n.insert)(e,(0,n.applyFormat)((0,n.create)({text:r}),a,0,r.length)):(0,n.applyFormat)(e,a)},edit:function({isActive:e,activeAttributes:t,value:l,onChange:i,onFocus:c,contentRef:s}){const[u,m]=(0,v.useState)(!1);function h(){const e=(0,n.getTextContent)((0,n.slice)(l));e&&(0,S.isURL)(e)&&P(e)?i((0,n.applyFormat)(l,{type:U,attributes:{url:e}})):e&&(0,S.isEmail)(e)?i((0,n.applyFormat)(l,{type:U,attributes:{url:`mailto:${e}`}})):m(!0)}function p(){i((0,n.removeFormat)(l,U)),(0,V.speak)((0,o.__)("Link removed."),"assertive")}return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(a.RichTextShortcut,{type:"primary",character:"k",onUse:h}),(0,r.createElement)(a.RichTextShortcut,{type:"primaryShift",character:"k",onUse:p}),e&&(0,r.createElement)(a.RichTextToolbarButton,{name:"link",icon:F,title:(0,o.__)("Unlink"),onClick:p,isActive:e,shortcutType:"primaryShift",shortcutCharacter:"k","aria-haspopup":"true","aria-expanded":u||e}),!e&&(0,r.createElement)(a.RichTextToolbarButton,{name:"link",icon:R,title:j,onClick:h,isActive:e,shortcutType:"primary",shortcutCharacter:"k","aria-haspopup":"true","aria-expanded":u||e}),(u||e)&&(0,r.createElement)(O,{addingLink:u,stopAddingLink:function(e=!0){m(!1),e&&c()},isActive:e,activeAttributes:t,value:l,onChange:i,contentRef:s}))}};var W=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(l.Path,{d:"M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z"}));const Z="core/strikethrough",D=(0,o.__)("Strikethrough"),$={name:Z,title:D,tagName:"s",className:null,edit({isActive:e,value:t,onChange:o,onFocus:l}){function i(){o((0,n.toggleFormat)(t,{type:Z,title:D})),l()}return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(a.RichTextShortcut,{type:"access",character:"d",onUse:i}),(0,r.createElement)(a.RichTextToolbarButton,{icon:W,title:D,onClick:i,isActive:e,role:"menuitemcheckbox"}))}},Q="core/underline",K=(0,o.__)("Underline"),q={name:Q,title:K,tagName:"span",className:null,attributes:{style:"style"},edit({value:e,onChange:t}){const o=()=>{t((0,n.toggleFormat)(e,{type:Q,attributes:{style:"text-decoration: underline;"},title:K}))};return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(a.RichTextShortcut,{type:"primary",character:"u",onUse:o}),(0,r.createElement)(a.__unstableRichTextInputEvent,{inputType:"formatUnderline",onInput:o}))}};var J=(0,v.forwardRef)((function({icon:e,size:t=24,...n},r){return(0,v.cloneElement)(e,{width:t,height:t,...n,ref:r})}));var X=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(l.Path,{d:"M12.9 6h-2l-4 11h1.9l1.1-3h4.2l1.1 3h1.9L12.9 6zm-2.5 6.5l1.5-4.9 1.7 4.9h-3.2z"}));var Y=(0,r.createElement)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)(l.Path,{d:"M17.2 10.9c-.5-1-1.2-2.1-2.1-3.2-.6-.9-1.3-1.7-2.1-2.6L12 4l-1 1.1c-.6.9-1.3 1.7-2 2.6-.8 1.2-1.5 2.3-2 3.2-.6 1.2-1 2.2-1 3 0 3.4 2.7 6.1 6.1 6.1s6.1-2.7 6.1-6.1c0-.8-.3-1.8-1-3zm-5.1 7.6c-2.5 0-4.6-2.1-4.6-4.6 0-.3.1-1 .8-2.3.5-.9 1.1-1.9 2-3.1.7-.9 1.3-1.7 1.8-2.3.7.8 1.3 1.6 1.8 2.3.8 1.1 1.5 2.2 2 3.1.7 1.3.8 2 .8 2.3 0 2.5-2.1 4.6-4.6 4.6z"})),ee=window.wp.privateApis;const{lock:te,unlock:ne}=(0,ee.__dangerousOptInToUnstableAPIsOnlyForCoreModules)("I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.","@wordpress/format-library"),{Tabs:re}=ne(d.privateApis),oe=[{name:"color",title:(0,o.__)("Text")},{name:"backgroundColor",title:(0,o.__)("Background")}];function ae(e=""){return e.split(";").reduce(((e,t)=>{if(t){const[n,r]=t.split(":");"color"===n&&(e.color=r),"background-color"===n&&r!==ue&&(e.backgroundColor=r)}return e}),{})}function le(e="",t){return e.split(" ").reduce(((e,n)=>{if(n.startsWith("has-")&&n.endsWith("-color")){const r=n.replace(/^has-/,"").replace(/-color$/,""),o=(0,a.getColorObjectByAttributeValues)(t,r);e.color=o.color}return e}),{})}function ie(e,t,r){const o=(0,n.getActiveFormat)(e,t);return o?{...ae(o.attributes.style),...le(o.attributes.class,r)}:{}}function ce({name:e,property:t,value:o,onChange:l}){const i=(0,N.useSelect)((e=>{var t;const{getSettings:n}=e(a.store);return null!==(t=n().colors)&&void 0!==t?t:[]}),[]),c=(0,v.useCallback)((r=>{l(function(e,t,r,o){const{color:l,backgroundColor:i}={...ie(e,t,r),...o};if(!l&&!i)return(0,n.removeFormat)(e,t);const c=[],s=[],u={};if(i?c.push(["background-color",i].join(":")):c.push(["background-color",ue].join(":")),l){const e=(0,a.getColorObjectByColorValue)(r,l);e?s.push((0,a.getColorClassName)("color",e.slug)):c.push(["color",l].join(":"))}return c.length&&(u.style=c.join(";")),s.length&&(u.class=s.join(" ")),(0,n.applyFormat)(e,{type:t,attributes:u})}(o,e,i,{[t]:r}))}),[i,l,t]),s=(0,v.useMemo)((()=>ie(o,e,i)),[e,o,i]);return(0,r.createElement)(a.ColorPalette,{value:s[t],onChange:c})}function se({name:e,value:t,onChange:o,onClose:l,contentRef:i}){const c=(0,n.useAnchor)({editableContentElement:i.current,settings:de}),s=(0,a.useCachedTruthy)(c.getBoundingClientRect());return c.getBoundingClientRect=()=>s,(0,r.createElement)(d.Popover,{onClose:l,className:"format-library__inline-color-popover",anchor:c},(0,r.createElement)(re,null,(0,r.createElement)(re.TabList,null,oe.map((e=>(0,r.createElement)(re.Tab,{tabId:e.name,key:e.name},e.title)))),oe.map((n=>(0,r.createElement)(re.TabPanel,{tabId:n.name,focusable:!1,key:n.name},(0,r.createElement)(ce,{name:e,property:n.name,value:t,onChange:o}))))))}const ue="rgba(0, 0, 0, 0)",me="core/text-color",he=(0,o.__)("Highlight"),pe=[];function ge(e,t){const{ownerDocument:n}=e,{defaultView:r}=n,o=r.getComputedStyle(e).getPropertyValue(t);return"background-color"===t&&o===ue&&e.parentElement?ge(e.parentElement,t):o}const de={name:me,title:he,tagName:"mark",className:"has-inline-color",attributes:{style:"style",class:"class"},edit:function({value:e,onChange:t,isActive:o,activeAttributes:l,contentRef:i}){const[c,s=pe]=(0,a.useSettings)("color.custom","color.palette"),[u,m]=(0,v.useState)(!1),h=(0,v.useCallback)((()=>m(!0)),[m]),p=(0,v.useCallback)((()=>m(!1)),[m]),g=(0,v.useMemo)((()=>function(e,{color:t,backgroundColor:n}){if(t||n)return{color:t||ge(e,"color"),backgroundColor:n===ue?ge(e,"background-color"):n}}(i.current,ie(e,me,s))),[e,s]),d=s.length||!c;return d||o?(0,r.createElement)(r.Fragment,null,(0,r.createElement)(a.RichTextToolbarButton,{className:"format-library-text-color-button",isActive:o,icon:(0,r.createElement)(J,{icon:Object.keys(l).length?X:Y,style:g}),title:he,onClick:d?h:()=>t((0,n.removeFormat)(e,me)),role:"menuitemcheckbox"}),u&&(0,r.createElement)(se,{name:me,onClose:p,activeAttributes:l,value:e,onChange:t,contentRef:i})):null}};var ve=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(l.Path,{d:"M16.9 18.3l.8-1.2c.4-.6.7-1.2.9-1.6.2-.4.3-.8.3-1.2 0-.3-.1-.7-.2-1-.1-.3-.4-.5-.6-.7-.3-.2-.6-.3-1-.3s-.8.1-1.1.2c-.3.1-.7.3-1 .6l.2 1.3c.3-.3.5-.5.8-.6s.6-.2.9-.2c.3 0 .5.1.7.2.2.2.2.4.2.7 0 .3-.1.5-.2.8-.1.3-.4.7-.8 1.3L15 19.4h4.3v-1.2h-2.4zM14.1 7.2h-2L9.5 11 6.9 7.2h-2l3.6 5.3L4.7 18h2l2.7-4 2.7 4h2l-3.8-5.5 3.8-5.3z"}));const we="core/subscript",be=(0,o.__)("Subscript"),fe={name:we,title:be,tagName:"sub",className:null,edit({isActive:e,value:t,onChange:o,onFocus:l}){return(0,r.createElement)(a.RichTextToolbarButton,{icon:ve,title:be,onClick:function(){o((0,n.toggleFormat)(t,{type:we,title:be})),l()},isActive:e,role:"menuitemcheckbox"})}};var ye=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(l.Path,{d:"M16.9 10.3l.8-1.3c.4-.6.7-1.2.9-1.6.2-.4.3-.8.3-1.2 0-.3-.1-.7-.2-1-.2-.2-.4-.4-.7-.6-.3-.2-.6-.3-1-.3s-.8.1-1.1.2c-.3.1-.7.3-1 .6l.1 1.3c.3-.3.5-.5.8-.6s.6-.2.9-.2c.3 0 .5.1.7.2.2.2.2.4.2.7 0 .3-.1.5-.2.8-.1.3-.4.7-.8 1.3l-1.8 2.8h4.3v-1.2h-2.2zm-2.8-3.1h-2L9.5 11 6.9 7.2h-2l3.6 5.3L4.7 18h2l2.7-4 2.7 4h2l-3.8-5.5 3.8-5.3z"}));const Ee="core/superscript",_e=(0,o.__)("Superscript"),ke={name:Ee,title:_e,tagName:"sup",className:null,edit({isActive:e,value:t,onChange:o,onFocus:l}){return(0,r.createElement)(a.RichTextToolbarButton,{icon:ye,title:_e,onClick:function(){o((0,n.toggleFormat)(t,{type:Ee,title:_e})),l()},isActive:e,role:"menuitemcheckbox"})}};var Ce=(0,r.createElement)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)(l.Path,{d:"M8 12.5h8V11H8v1.5Z M19 6.5H5a2 2 0 0 0-2 2V15a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a2 2 0 0 0-2-2ZM5 8h14a.5.5 0 0 1 .5.5V15a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V8.5A.5.5 0 0 1 5 8Z"}));const xe="core/keyboard",Te=(0,o.__)("Keyboard input"),Se={name:xe,title:Te,tagName:"kbd",className:null,edit({isActive:e,value:t,onChange:o,onFocus:l}){return(0,r.createElement)(a.RichTextToolbarButton,{icon:Ce,title:Te,onClick:function(){o((0,n.toggleFormat)(t,{type:xe,title:Te})),l()},isActive:e,role:"menuitemcheckbox"})}};var Ae=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(l.Path,{d:"M12 4.75a7.25 7.25 0 100 14.5 7.25 7.25 0 000-14.5zM3.25 12a8.75 8.75 0 1117.5 0 8.75 8.75 0 01-17.5 0zM12 8.75a1.5 1.5 0 01.167 2.99c-.465.052-.917.44-.917 1.01V14h1.5v-.845A3 3 0 109 10.25h1.5a1.5 1.5 0 011.5-1.5zM11.25 15v1.5h1.5V15h-1.5z"}));const Fe="core/unknown",Re=(0,o.__)("Clear Unknown Formatting"),Ve={name:Fe,title:Re,tagName:"*",className:null,edit({isActive:e,value:t,onChange:o,onFocus:l}){const i=(0,n.slice)(t).formats.some((e=>e.some((e=>e.type===Fe))));return e||i?(0,r.createElement)(a.RichTextToolbarButton,{name:"unknown",icon:Ae,title:Re,onClick:function(){o((0,n.removeFormat)(t,Fe)),l()},isActive:!0}):null}};var Ne=(0,r.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(l.Path,{d:"M17.5 10h-1.7l-3.7 10.5h1.7l.9-2.6h3.9l.9 2.6h1.7L17.5 10zm-2.2 6.3 1.4-4 1.4 4h-2.8zm-4.8-3.8c1.6-1.8 2.9-3.6 3.7-5.7H16V5.2h-5.8V3H8.8v2.2H3v1.5h9.6c-.7 1.6-1.8 3.1-3.1 4.6C8.6 10.2 7.8 9 7.2 8H5.6c.6 1.4 1.7 2.9 2.9 4.4l-2.4 2.4c-.3.4-.7.8-1.1 1.2l1 1 1.2-1.2c.8-.8 1.6-1.5 2.3-2.3.8.9 1.7 1.7 2.5 2.5l.6-1.5c-.7-.6-1.4-1.3-2.1-2z"}));const Pe="core/language",Be=(0,o.__)("Language"),Me={name:Pe,tagName:"bdo",className:null,edit:function({isActive:e,value:t,onChange:o,contentRef:l}){const[i,c]=(0,v.useState)(!1),s=()=>{c((e=>!e))};return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(a.RichTextToolbarButton,{icon:Ne,label:Be,title:Be,onClick:()=>{e?o((0,n.removeFormat)(t,Pe)):s()},isActive:e,role:"menuitemcheckbox"}),i&&(0,r.createElement)(Le,{value:t,onChange:o,onClose:s,contentRef:l}))},title:Be};function Le({value:e,contentRef:t,onChange:a,onClose:l}){const i=(0,n.useAnchor)({editableContentElement:t.current,settings:Me}),[c,s]=(0,v.useState)(""),[u,m]=(0,v.useState)("ltr");return(0,r.createElement)(d.Popover,{className:"block-editor-format-toolbar__language-popover",anchor:i,onClose:l},(0,r.createElement)("form",{className:"block-editor-format-toolbar__language-container-content",onSubmit:t=>{t.preventDefault(),a((0,n.applyFormat)(e,{type:Pe,attributes:{lang:c,dir:u}})),l()}},(0,r.createElement)(d.TextControl,{label:Be,value:c,onChange:e=>s(e),help:(0,o.__)('A valid language attribute, like "en" or "fr".')}),(0,r.createElement)(d.SelectControl,{label:(0,o.__)("Text direction"),value:u,options:[{label:(0,o.__)("Left to right"),value:"ltr"},{label:(0,o.__)("Right to left"),value:"rtl"}],onChange:e=>m(e)}),(0,r.createElement)(d.__experimentalHStack,{alignment:"right"},(0,r.createElement)(d.Button,{variant:"primary",type:"submit",text:(0,o.__)("Apply")}))))}[u,g,E,T,G,$,q,de,fe,ke,Se,Ve,Me].forEach((({name:e,...t})=>(0,n.registerFormatType)(e,t))),(window.wp=window.wp||{}).formatLibrary=t}(); |