summaryrefslogtreecommitdiffstats
path: root/wp-includes/blocks/image
diff options
context:
space:
mode:
Diffstat (limited to 'wp-includes/blocks/image')
-rw-r--r--wp-includes/blocks/image/block.json135
-rw-r--r--wp-includes/blocks/image/editor-rtl.css127
-rw-r--r--wp-includes/blocks/image/editor-rtl.min.css1
-rw-r--r--wp-includes/blocks/image/editor.css127
-rw-r--r--wp-includes/blocks/image/editor.min.css1
-rw-r--r--wp-includes/blocks/image/style-rtl.css301
-rw-r--r--wp-includes/blocks/image/style-rtl.min.css1
-rw-r--r--wp-includes/blocks/image/style.css301
-rw-r--r--wp-includes/blocks/image/style.min.css1
-rw-r--r--wp-includes/blocks/image/theme-rtl.css12
-rw-r--r--wp-includes/blocks/image/theme-rtl.min.css1
-rw-r--r--wp-includes/blocks/image/theme.css12
-rw-r--r--wp-includes/blocks/image/theme.min.css1
-rw-r--r--wp-includes/blocks/image/view.asset.php1
-rw-r--r--wp-includes/blocks/image/view.js533
-rw-r--r--wp-includes/blocks/image/view.min.asset.php1
-rw-r--r--wp-includes/blocks/image/view.min.js1
17 files changed, 1557 insertions, 0 deletions
diff --git a/wp-includes/blocks/image/block.json b/wp-includes/blocks/image/block.json
new file mode 100644
index 0000000..d665a8a
--- /dev/null
+++ b/wp-includes/blocks/image/block.json
@@ -0,0 +1,135 @@
+{
+ "$schema": "https://schemas.wp.org/trunk/block.json",
+ "apiVersion": 3,
+ "name": "core/image",
+ "title": "Image",
+ "category": "media",
+ "usesContext": [ "allowResize", "imageCrop", "fixedHeight" ],
+ "description": "Insert an image to make a visual statement.",
+ "keywords": [ "img", "photo", "picture" ],
+ "textdomain": "default",
+ "attributes": {
+ "align": {
+ "type": "string"
+ },
+ "url": {
+ "type": "string",
+ "source": "attribute",
+ "selector": "img",
+ "attribute": "src",
+ "__experimentalRole": "content"
+ },
+ "alt": {
+ "type": "string",
+ "source": "attribute",
+ "selector": "img",
+ "attribute": "alt",
+ "default": "",
+ "__experimentalRole": "content"
+ },
+ "caption": {
+ "type": "string",
+ "source": "html",
+ "selector": "figcaption",
+ "__experimentalRole": "content"
+ },
+ "lightbox": {
+ "type": "object",
+ "enabled": {
+ "type": "boolean"
+ }
+ },
+ "title": {
+ "type": "string",
+ "source": "attribute",
+ "selector": "img",
+ "attribute": "title",
+ "__experimentalRole": "content"
+ },
+ "href": {
+ "type": "string",
+ "source": "attribute",
+ "selector": "figure > a",
+ "attribute": "href",
+ "__experimentalRole": "content"
+ },
+ "rel": {
+ "type": "string",
+ "source": "attribute",
+ "selector": "figure > a",
+ "attribute": "rel"
+ },
+ "linkClass": {
+ "type": "string",
+ "source": "attribute",
+ "selector": "figure > a",
+ "attribute": "class"
+ },
+ "id": {
+ "type": "number",
+ "__experimentalRole": "content"
+ },
+ "width": {
+ "type": "string"
+ },
+ "height": {
+ "type": "string"
+ },
+ "aspectRatio": {
+ "type": "string"
+ },
+ "scale": {
+ "type": "string"
+ },
+ "sizeSlug": {
+ "type": "string"
+ },
+ "linkDestination": {
+ "type": "string"
+ },
+ "linkTarget": {
+ "type": "string",
+ "source": "attribute",
+ "selector": "figure > a",
+ "attribute": "target"
+ }
+ },
+ "supports": {
+ "anchor": true,
+ "color": {
+ "text": false,
+ "background": false
+ },
+ "filter": {
+ "duotone": true
+ },
+ "__experimentalBorder": {
+ "color": true,
+ "radius": true,
+ "width": true,
+ "__experimentalSkipSerialization": true,
+ "__experimentalDefaultControls": {
+ "color": true,
+ "radius": true,
+ "width": true
+ }
+ }
+ },
+ "selectors": {
+ "border": ".wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder",
+ "filter": {
+ "duotone": ".wp-block-image img, .wp-block-image .components-placeholder"
+ }
+ },
+ "styles": [
+ {
+ "name": "default",
+ "label": "Default",
+ "isDefault": true
+ },
+ { "name": "rounded", "label": "Rounded" }
+ ],
+ "editorStyle": "wp-block-image-editor",
+ "style": "wp-block-image",
+ "viewScript": "file:./view.min.js"
+}
diff --git a/wp-includes/blocks/image/editor-rtl.css b/wp-includes/blocks/image/editor-rtl.css
new file mode 100644
index 0000000..41c1e01
--- /dev/null
+++ b/wp-includes/blocks/image/editor-rtl.css
@@ -0,0 +1,127 @@
+.wp-block-image.wp-block-image.is-selected .components-placeholder{
+ background-color:#fff;
+ border:none;
+ border-radius:2px;
+ box-shadow:inset 0 0 0 1px #1e1e1e;
+ color:#1e1e1e;
+ filter:none !important;
+}
+.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{
+ opacity:0;
+}
+.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{
+ display:none;
+}
+.wp-block-image.wp-block-image.is-selected .components-placeholder:before{
+ opacity:0;
+}
+.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{
+ transition:none;
+}
+
+figure.wp-block-image:not(.wp-block){
+ margin:0;
+}
+
+.wp-block-image{
+ position:relative;
+}
+.wp-block-image .is-applying img,.wp-block-image.is-transient img{
+ opacity:.3;
+}
+.wp-block-image figcaption img{
+ display:inline;
+}
+.wp-block-image .components-spinner{
+ position:absolute;
+ right:50%;
+ top:50%;
+ transform:translate(50%, -50%);
+}
+
+.wp-block-image .components-resizable-box__container{
+ display:table;
+}
+.wp-block-image .components-resizable-box__container img{
+ display:block;
+ height:inherit;
+ width:inherit;
+}
+
+.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
+ left:0;
+ margin:-1px 0;
+ position:absolute;
+ right:0;
+}
+@media (min-width:600px){
+ .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
+ margin:-1px;
+ }
+}
+
+[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{
+ height:auto;
+ width:100%;
+}
+
+.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{
+ display:table;
+}
+.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{
+ caption-side:bottom;
+ display:table-caption;
+}
+
+.wp-block[data-align=left]>.wp-block-image{
+ margin:.5em 0 .5em 1em;
+}
+
+.wp-block[data-align=right]>.wp-block-image{
+ margin:.5em 1em .5em 0;
+}
+
+.wp-block[data-align=center]>.wp-block-image{
+ margin-left:auto;
+ margin-right:auto;
+ text-align:center;
+}
+
+.wp-block-image__crop-area{
+ max-width:100%;
+ overflow:hidden;
+ position:relative;
+ width:100%;
+}
+.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{
+ border:none;
+ border-radius:0;
+}
+
+.wp-block-image__crop-icon{
+ align-items:center;
+ display:flex;
+ justify-content:center;
+ min-width:48px;
+ padding:0 8px;
+}
+.wp-block-image__crop-icon svg{
+ fill:currentColor;
+}
+
+.wp-block-image__zoom .components-popover__content{
+ min-width:260px;
+ overflow:visible !important;
+}
+
+.wp-block-image__aspect-ratio{
+ align-items:center;
+ display:flex;
+ height:46px;
+ margin-bottom:-8px;
+}
+.wp-block-image__aspect-ratio .components-button{
+ padding-left:0;
+ padding-right:0;
+ width:36px;
+} \ No newline at end of file
diff --git a/wp-includes/blocks/image/editor-rtl.min.css b/wp-includes/blocks/image/editor-rtl.min.css
new file mode 100644
index 0000000..76b3aa4
--- /dev/null
+++ b/wp-includes/blocks/image/editor-rtl.min.css
@@ -0,0 +1 @@
+.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none!important}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image.is-selected .components-placeholder:before{opacity:0}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.wp-block-image .components-resizable-box__container{display:table}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=right]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none;border-radius:0}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px} \ No newline at end of file
diff --git a/wp-includes/blocks/image/editor.css b/wp-includes/blocks/image/editor.css
new file mode 100644
index 0000000..ccdc0d0
--- /dev/null
+++ b/wp-includes/blocks/image/editor.css
@@ -0,0 +1,127 @@
+.wp-block-image.wp-block-image.is-selected .components-placeholder{
+ background-color:#fff;
+ border:none;
+ border-radius:2px;
+ box-shadow:inset 0 0 0 1px #1e1e1e;
+ color:#1e1e1e;
+ filter:none !important;
+}
+.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{
+ opacity:0;
+}
+.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{
+ display:none;
+}
+.wp-block-image.wp-block-image.is-selected .components-placeholder:before{
+ opacity:0;
+}
+.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{
+ transition:none;
+}
+
+figure.wp-block-image:not(.wp-block){
+ margin:0;
+}
+
+.wp-block-image{
+ position:relative;
+}
+.wp-block-image .is-applying img,.wp-block-image.is-transient img{
+ opacity:.3;
+}
+.wp-block-image figcaption img{
+ display:inline;
+}
+.wp-block-image .components-spinner{
+ left:50%;
+ position:absolute;
+ top:50%;
+ transform:translate(-50%, -50%);
+}
+
+.wp-block-image .components-resizable-box__container{
+ display:table;
+}
+.wp-block-image .components-resizable-box__container img{
+ display:block;
+ height:inherit;
+ width:inherit;
+}
+
+.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
+ left:0;
+ margin:-1px 0;
+ position:absolute;
+ right:0;
+}
+@media (min-width:600px){
+ .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
+ margin:-1px;
+ }
+}
+
+[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{
+ height:auto;
+ width:100%;
+}
+
+.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{
+ display:table;
+}
+.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{
+ caption-side:bottom;
+ display:table-caption;
+}
+
+.wp-block[data-align=left]>.wp-block-image{
+ margin:.5em 1em .5em 0;
+}
+
+.wp-block[data-align=right]>.wp-block-image{
+ margin:.5em 0 .5em 1em;
+}
+
+.wp-block[data-align=center]>.wp-block-image{
+ margin-left:auto;
+ margin-right:auto;
+ text-align:center;
+}
+
+.wp-block-image__crop-area{
+ max-width:100%;
+ overflow:hidden;
+ position:relative;
+ width:100%;
+}
+.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{
+ border:none;
+ border-radius:0;
+}
+
+.wp-block-image__crop-icon{
+ align-items:center;
+ display:flex;
+ justify-content:center;
+ min-width:48px;
+ padding:0 8px;
+}
+.wp-block-image__crop-icon svg{
+ fill:currentColor;
+}
+
+.wp-block-image__zoom .components-popover__content{
+ min-width:260px;
+ overflow:visible !important;
+}
+
+.wp-block-image__aspect-ratio{
+ align-items:center;
+ display:flex;
+ height:46px;
+ margin-bottom:-8px;
+}
+.wp-block-image__aspect-ratio .components-button{
+ padding-left:0;
+ padding-right:0;
+ width:36px;
+} \ No newline at end of file
diff --git a/wp-includes/blocks/image/editor.min.css b/wp-includes/blocks/image/editor.min.css
new file mode 100644
index 0000000..89b31b0
--- /dev/null
+++ b/wp-includes/blocks/image/editor.min.css
@@ -0,0 +1 @@
+.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none!important}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image.is-selected .components-placeholder:before{opacity:0}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wp-block-image .components-resizable-box__container{display:table}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=right]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none;border-radius:0}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px} \ No newline at end of file
diff --git a/wp-includes/blocks/image/style-rtl.css b/wp-includes/blocks/image/style-rtl.css
new file mode 100644
index 0000000..363e38a
--- /dev/null
+++ b/wp-includes/blocks/image/style-rtl.css
@@ -0,0 +1,301 @@
+.wp-block-image img{
+ box-sizing:border-box;
+ height:auto;
+ max-width:100%;
+ vertical-align:bottom;
+}
+.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{
+ border-radius:inherit;
+}
+.wp-block-image.has-custom-border img{
+ box-sizing:border-box;
+}
+.wp-block-image.aligncenter{
+ text-align:center;
+}
+.wp-block-image.alignfull img,.wp-block-image.alignwide img{
+ height:auto;
+ width:100%;
+}
+.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{
+ display:table;
+}
+.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{
+ caption-side:bottom;
+ display:table-caption;
+}
+.wp-block-image .alignleft{
+ float:left;
+ margin:.5em 1em .5em 0;
+}
+.wp-block-image .alignright{
+ float:right;
+ margin:.5em 0 .5em 1em;
+}
+.wp-block-image .aligncenter{
+ margin-left:auto;
+ margin-right:auto;
+}
+.wp-block-image figcaption{
+ margin-bottom:1em;
+ margin-top:.5em;
+}
+.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{
+ border-radius:9999px;
+}
+@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){
+ .wp-block-image.is-style-circle-mask img{
+ border-radius:0;
+ -webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
+ mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
+ mask-mode:alpha;
+ -webkit-mask-position:center;
+ mask-position:center;
+ -webkit-mask-repeat:no-repeat;
+ mask-repeat:no-repeat;
+ -webkit-mask-size:contain;
+ mask-size:contain;
+ }
+}
+.wp-block-image :where(.has-border-color){
+ border-style:solid;
+}
+.wp-block-image :where([style*=border-top-color]){
+ border-top-style:solid;
+}
+.wp-block-image :where([style*=border-right-color]){
+ border-left-style:solid;
+}
+.wp-block-image :where([style*=border-bottom-color]){
+ border-bottom-style:solid;
+}
+.wp-block-image :where([style*=border-left-color]){
+ border-right-style:solid;
+}
+.wp-block-image :where([style*=border-width]){
+ border-style:solid;
+}
+.wp-block-image :where([style*=border-top-width]){
+ border-top-style:solid;
+}
+.wp-block-image :where([style*=border-right-width]){
+ border-left-style:solid;
+}
+.wp-block-image :where([style*=border-bottom-width]){
+ border-bottom-style:solid;
+}
+.wp-block-image :where([style*=border-left-width]){
+ border-right-style:solid;
+}
+
+.wp-block-image figure{
+ margin:0;
+}
+
+.wp-lightbox-container{
+ display:flex;
+ flex-direction:column;
+ position:relative;
+}
+.wp-lightbox-container img{
+ cursor:zoom-in;
+}
+.wp-lightbox-container img:hover+button{
+ opacity:1;
+}
+.wp-lightbox-container button{
+ align-items:center;
+ -webkit-backdrop-filter:blur(16px) saturate(180%);
+ backdrop-filter:blur(16px) saturate(180%);
+ background-color:rgba(90,90,90,.25);
+ border:none;
+ border-radius:4px;
+ cursor:zoom-in;
+ display:flex;
+ height:20px;
+ justify-content:center;
+ left:16px;
+ opacity:0;
+ padding:0;
+ position:absolute;
+ text-align:center;
+ top:16px;
+ transition:opacity .2s ease;
+ width:20px;
+ z-index:100;
+}
+.wp-lightbox-container button:focus-visible{
+ outline:3px auto rgba(90,90,90,.25);
+ outline:3px auto -webkit-focus-ring-color;
+ outline-offset:3px;
+}
+.wp-lightbox-container button:hover{
+ cursor:pointer;
+ opacity:1;
+}
+.wp-lightbox-container button:focus{
+ opacity:1;
+}
+.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){
+ background-color:rgba(90,90,90,.25);
+ border:none;
+}
+
+.wp-lightbox-overlay{
+ box-sizing:border-box;
+ cursor:zoom-out;
+ height:100vh;
+ overflow:hidden;
+ position:fixed;
+ right:0;
+ top:0;
+ visibility:hidden;
+ width:100vw;
+ z-index:100000;
+}
+.wp-lightbox-overlay .close-button{
+ align-items:center;
+ cursor:pointer;
+ display:flex;
+ justify-content:center;
+ left:calc(env(safe-area-inset-left) + 16px);
+ min-height:40px;
+ min-width:40px;
+ padding:0;
+ position:absolute;
+ top:calc(env(safe-area-inset-top) + 16px);
+ z-index:5000000;
+}
+.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){
+ background:none;
+ border:none;
+}
+.wp-lightbox-overlay .lightbox-image-container{
+ height:var(--wp--lightbox-container-height);
+ overflow:hidden;
+ position:absolute;
+ right:50%;
+ top:50%;
+ transform:translate(50%, -50%);
+ transform-origin:top right;
+ width:var(--wp--lightbox-container-width);
+ z-index:9999999999;
+}
+.wp-lightbox-overlay .wp-block-image{
+ align-items:center;
+ box-sizing:border-box;
+ display:flex;
+ height:100%;
+ justify-content:center;
+ margin:0;
+ position:relative;
+ transform-origin:100% 0;
+ width:100%;
+ z-index:3000000;
+}
+.wp-lightbox-overlay .wp-block-image img{
+ height:var(--wp--lightbox-image-height);
+ min-height:var(--wp--lightbox-image-height);
+ min-width:var(--wp--lightbox-image-width);
+ width:var(--wp--lightbox-image-width);
+}
+.wp-lightbox-overlay .wp-block-image figcaption{
+ display:none;
+}
+.wp-lightbox-overlay button{
+ background:none;
+ border:none;
+}
+.wp-lightbox-overlay .scrim{
+ background-color:#fff;
+ height:100%;
+ opacity:.9;
+ position:absolute;
+ width:100%;
+ z-index:2000000;
+}
+.wp-lightbox-overlay.active{
+ animation:turn-on-visibility .25s both;
+ visibility:visible;
+}
+.wp-lightbox-overlay.active img{
+ animation:turn-on-visibility .35s both;
+}
+.wp-lightbox-overlay.hideanimationenabled:not(.active){
+ animation:turn-off-visibility .35s both;
+}
+.wp-lightbox-overlay.hideanimationenabled:not(.active) img{
+ animation:turn-off-visibility .25s both;
+}
+@media (prefers-reduced-motion:no-preference){
+ .wp-lightbox-overlay.zoom.active{
+ animation:none;
+ opacity:1;
+ visibility:visible;
+ }
+ .wp-lightbox-overlay.zoom.active .lightbox-image-container{
+ animation:lightbox-zoom-in .4s;
+ }
+ .wp-lightbox-overlay.zoom.active .lightbox-image-container img{
+ animation:none;
+ }
+ .wp-lightbox-overlay.zoom.active .scrim{
+ animation:turn-on-visibility .4s forwards;
+ }
+ .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active){
+ animation:none;
+ }
+ .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container{
+ animation:lightbox-zoom-out .4s;
+ }
+ .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img{
+ animation:none;
+ }
+ .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{
+ animation:turn-off-visibility .4s forwards;
+ }
+}
+
+@keyframes turn-on-visibility{
+ 0%{
+ opacity:0;
+ }
+ to{
+ opacity:1;
+ }
+}
+@keyframes turn-off-visibility{
+ 0%{
+ opacity:1;
+ visibility:visible;
+ }
+ 99%{
+ opacity:0;
+ visibility:visible;
+ }
+ to{
+ opacity:0;
+ visibility:hidden;
+ }
+}
+@keyframes lightbox-zoom-in{
+ 0%{
+ transform:translate(calc((-50vw + var(--wp--lightbox-initial-left-position))*-1), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
+ }
+ to{
+ transform:translate(50%, -50%) scale(1);
+ }
+}
+@keyframes lightbox-zoom-out{
+ 0%{
+ transform:translate(50%, -50%) scale(1);
+ visibility:visible;
+ }
+ 99%{
+ visibility:visible;
+ }
+ to{
+ transform:translate(calc((-50vw + var(--wp--lightbox-initial-left-position))*-1), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
+ visibility:hidden;
+ }
+} \ No newline at end of file
diff --git a/wp-includes/blocks/image/style-rtl.min.css b/wp-includes/blocks/image/style-rtl.min.css
new file mode 100644
index 0000000..25bf896
--- /dev/null
+++ b/wp-includes/blocks/image/style-rtl.min.css
@@ -0,0 +1 @@
+.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-left-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-right-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-left-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-right-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;left:16px;opacity:0;padding:0;position:absolute;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden;width:100vw;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;left:calc(env(safe-area-inset-left) + 16px);min-height:40px;min-width:40px;padding:0;position:absolute;top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);overflow:hidden;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);transform-origin:top right;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:100% 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active){animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-50vw + var(--wp--lightbox-initial-left-position))*-1),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-50vw + var(--wp--lightbox-initial-left-position))*-1),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} \ No newline at end of file
diff --git a/wp-includes/blocks/image/style.css b/wp-includes/blocks/image/style.css
new file mode 100644
index 0000000..d06a868
--- /dev/null
+++ b/wp-includes/blocks/image/style.css
@@ -0,0 +1,301 @@
+.wp-block-image img{
+ box-sizing:border-box;
+ height:auto;
+ max-width:100%;
+ vertical-align:bottom;
+}
+.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{
+ border-radius:inherit;
+}
+.wp-block-image.has-custom-border img{
+ box-sizing:border-box;
+}
+.wp-block-image.aligncenter{
+ text-align:center;
+}
+.wp-block-image.alignfull img,.wp-block-image.alignwide img{
+ height:auto;
+ width:100%;
+}
+.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{
+ display:table;
+}
+.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{
+ caption-side:bottom;
+ display:table-caption;
+}
+.wp-block-image .alignleft{
+ float:left;
+ margin:.5em 1em .5em 0;
+}
+.wp-block-image .alignright{
+ float:right;
+ margin:.5em 0 .5em 1em;
+}
+.wp-block-image .aligncenter{
+ margin-left:auto;
+ margin-right:auto;
+}
+.wp-block-image figcaption{
+ margin-bottom:1em;
+ margin-top:.5em;
+}
+.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{
+ border-radius:9999px;
+}
+@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){
+ .wp-block-image.is-style-circle-mask img{
+ border-radius:0;
+ -webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
+ mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
+ mask-mode:alpha;
+ -webkit-mask-position:center;
+ mask-position:center;
+ -webkit-mask-repeat:no-repeat;
+ mask-repeat:no-repeat;
+ -webkit-mask-size:contain;
+ mask-size:contain;
+ }
+}
+.wp-block-image :where(.has-border-color){
+ border-style:solid;
+}
+.wp-block-image :where([style*=border-top-color]){
+ border-top-style:solid;
+}
+.wp-block-image :where([style*=border-right-color]){
+ border-right-style:solid;
+}
+.wp-block-image :where([style*=border-bottom-color]){
+ border-bottom-style:solid;
+}
+.wp-block-image :where([style*=border-left-color]){
+ border-left-style:solid;
+}
+.wp-block-image :where([style*=border-width]){
+ border-style:solid;
+}
+.wp-block-image :where([style*=border-top-width]){
+ border-top-style:solid;
+}
+.wp-block-image :where([style*=border-right-width]){
+ border-right-style:solid;
+}
+.wp-block-image :where([style*=border-bottom-width]){
+ border-bottom-style:solid;
+}
+.wp-block-image :where([style*=border-left-width]){
+ border-left-style:solid;
+}
+
+.wp-block-image figure{
+ margin:0;
+}
+
+.wp-lightbox-container{
+ display:flex;
+ flex-direction:column;
+ position:relative;
+}
+.wp-lightbox-container img{
+ cursor:zoom-in;
+}
+.wp-lightbox-container img:hover+button{
+ opacity:1;
+}
+.wp-lightbox-container button{
+ align-items:center;
+ -webkit-backdrop-filter:blur(16px) saturate(180%);
+ backdrop-filter:blur(16px) saturate(180%);
+ background-color:rgba(90,90,90,.25);
+ border:none;
+ border-radius:4px;
+ cursor:zoom-in;
+ display:flex;
+ height:20px;
+ justify-content:center;
+ opacity:0;
+ padding:0;
+ position:absolute;
+ right:16px;
+ text-align:center;
+ top:16px;
+ transition:opacity .2s ease;
+ width:20px;
+ z-index:100;
+}
+.wp-lightbox-container button:focus-visible{
+ outline:3px auto rgba(90,90,90,.25);
+ outline:3px auto -webkit-focus-ring-color;
+ outline-offset:3px;
+}
+.wp-lightbox-container button:hover{
+ cursor:pointer;
+ opacity:1;
+}
+.wp-lightbox-container button:focus{
+ opacity:1;
+}
+.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){
+ background-color:rgba(90,90,90,.25);
+ border:none;
+}
+
+.wp-lightbox-overlay{
+ box-sizing:border-box;
+ cursor:zoom-out;
+ height:100vh;
+ left:0;
+ overflow:hidden;
+ position:fixed;
+ top:0;
+ visibility:hidden;
+ width:100vw;
+ z-index:100000;
+}
+.wp-lightbox-overlay .close-button{
+ align-items:center;
+ cursor:pointer;
+ display:flex;
+ justify-content:center;
+ min-height:40px;
+ min-width:40px;
+ padding:0;
+ position:absolute;
+ right:calc(env(safe-area-inset-right) + 16px);
+ top:calc(env(safe-area-inset-top) + 16px);
+ z-index:5000000;
+}
+.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){
+ background:none;
+ border:none;
+}
+.wp-lightbox-overlay .lightbox-image-container{
+ height:var(--wp--lightbox-container-height);
+ left:50%;
+ overflow:hidden;
+ position:absolute;
+ top:50%;
+ transform:translate(-50%, -50%);
+ transform-origin:top left;
+ width:var(--wp--lightbox-container-width);
+ z-index:9999999999;
+}
+.wp-lightbox-overlay .wp-block-image{
+ align-items:center;
+ box-sizing:border-box;
+ display:flex;
+ height:100%;
+ justify-content:center;
+ margin:0;
+ position:relative;
+ transform-origin:0 0;
+ width:100%;
+ z-index:3000000;
+}
+.wp-lightbox-overlay .wp-block-image img{
+ height:var(--wp--lightbox-image-height);
+ min-height:var(--wp--lightbox-image-height);
+ min-width:var(--wp--lightbox-image-width);
+ width:var(--wp--lightbox-image-width);
+}
+.wp-lightbox-overlay .wp-block-image figcaption{
+ display:none;
+}
+.wp-lightbox-overlay button{
+ background:none;
+ border:none;
+}
+.wp-lightbox-overlay .scrim{
+ background-color:#fff;
+ height:100%;
+ opacity:.9;
+ position:absolute;
+ width:100%;
+ z-index:2000000;
+}
+.wp-lightbox-overlay.active{
+ animation:turn-on-visibility .25s both;
+ visibility:visible;
+}
+.wp-lightbox-overlay.active img{
+ animation:turn-on-visibility .35s both;
+}
+.wp-lightbox-overlay.hideanimationenabled:not(.active){
+ animation:turn-off-visibility .35s both;
+}
+.wp-lightbox-overlay.hideanimationenabled:not(.active) img{
+ animation:turn-off-visibility .25s both;
+}
+@media (prefers-reduced-motion:no-preference){
+ .wp-lightbox-overlay.zoom.active{
+ animation:none;
+ opacity:1;
+ visibility:visible;
+ }
+ .wp-lightbox-overlay.zoom.active .lightbox-image-container{
+ animation:lightbox-zoom-in .4s;
+ }
+ .wp-lightbox-overlay.zoom.active .lightbox-image-container img{
+ animation:none;
+ }
+ .wp-lightbox-overlay.zoom.active .scrim{
+ animation:turn-on-visibility .4s forwards;
+ }
+ .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active){
+ animation:none;
+ }
+ .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container{
+ animation:lightbox-zoom-out .4s;
+ }
+ .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img{
+ animation:none;
+ }
+ .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{
+ animation:turn-off-visibility .4s forwards;
+ }
+}
+
+@keyframes turn-on-visibility{
+ 0%{
+ opacity:0;
+ }
+ to{
+ opacity:1;
+ }
+}
+@keyframes turn-off-visibility{
+ 0%{
+ opacity:1;
+ visibility:visible;
+ }
+ 99%{
+ opacity:0;
+ visibility:visible;
+ }
+ to{
+ opacity:0;
+ visibility:hidden;
+ }
+}
+@keyframes lightbox-zoom-in{
+ 0%{
+ transform:translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
+ }
+ to{
+ transform:translate(-50%, -50%) scale(1);
+ }
+}
+@keyframes lightbox-zoom-out{
+ 0%{
+ transform:translate(-50%, -50%) scale(1);
+ visibility:visible;
+ }
+ 99%{
+ visibility:visible;
+ }
+ to{
+ transform:translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
+ visibility:hidden;
+ }
+} \ No newline at end of file
diff --git a/wp-includes/blocks/image/style.min.css b/wp-includes/blocks/image/style.min.css
new file mode 100644
index 0000000..0ee2855
--- /dev/null
+++ b/wp-includes/blocks/image/style.min.css
@@ -0,0 +1 @@
+.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100vw;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active){animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc(-50vw + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc(-50vw + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} \ No newline at end of file
diff --git a/wp-includes/blocks/image/theme-rtl.css b/wp-includes/blocks/image/theme-rtl.css
new file mode 100644
index 0000000..4d1a839
--- /dev/null
+++ b/wp-includes/blocks/image/theme-rtl.css
@@ -0,0 +1,12 @@
+.wp-block-image figcaption{
+ color:#555;
+ font-size:13px;
+ text-align:center;
+}
+.is-dark-theme .wp-block-image figcaption{
+ color:hsla(0,0%,100%,.65);
+}
+
+.wp-block-image{
+ margin:0 0 1em;
+} \ No newline at end of file
diff --git a/wp-includes/blocks/image/theme-rtl.min.css b/wp-includes/blocks/image/theme-rtl.min.css
new file mode 100644
index 0000000..52ef804
--- /dev/null
+++ b/wp-includes/blocks/image/theme-rtl.min.css
@@ -0,0 +1 @@
+.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em} \ No newline at end of file
diff --git a/wp-includes/blocks/image/theme.css b/wp-includes/blocks/image/theme.css
new file mode 100644
index 0000000..4d1a839
--- /dev/null
+++ b/wp-includes/blocks/image/theme.css
@@ -0,0 +1,12 @@
+.wp-block-image figcaption{
+ color:#555;
+ font-size:13px;
+ text-align:center;
+}
+.is-dark-theme .wp-block-image figcaption{
+ color:hsla(0,0%,100%,.65);
+}
+
+.wp-block-image{
+ margin:0 0 1em;
+} \ No newline at end of file
diff --git a/wp-includes/blocks/image/theme.min.css b/wp-includes/blocks/image/theme.min.css
new file mode 100644
index 0000000..52ef804
--- /dev/null
+++ b/wp-includes/blocks/image/theme.min.css
@@ -0,0 +1 @@
+.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em} \ No newline at end of file
diff --git a/wp-includes/blocks/image/view.asset.php b/wp-includes/blocks/image/view.asset.php
new file mode 100644
index 0000000..a646d36
--- /dev/null
+++ b/wp-includes/blocks/image/view.asset.php
@@ -0,0 +1 @@
+<?php return array('dependencies' => array(), 'version' => '749bd8d7dd37390bdeea');
diff --git a/wp-includes/blocks/image/view.js b/wp-includes/blocks/image/view.js
new file mode 100644
index 0000000..4d022ef
--- /dev/null
+++ b/wp-includes/blocks/image/view.js
@@ -0,0 +1,533 @@
+"use strict";
+(self["__WordPressPrivateInteractivityAPI__"] = self["__WordPressPrivateInteractivityAPI__"] || []).push([[354],{
+
+/***/ 699:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+/* harmony import */ var _wordpress_interactivity__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(754);
+/**
+ * WordPress dependencies
+ */
+
+const focusableSelectors = ['a[href]', 'area[href]', 'input:not([disabled]):not([type="hidden"]):not([aria-hidden])', 'select:not([disabled]):not([aria-hidden])', 'textarea:not([disabled]):not([aria-hidden])', 'button:not([disabled]):not([aria-hidden])', 'iframe', 'object', 'embed', '[contenteditable]', '[tabindex]:not([tabindex^="-"])'];
+
+/*
+ * Stores a context-bound scroll handler.
+ *
+ * This callback could be defined inline inside of the store
+ * object but it's created externally to avoid confusion about
+ * how its logic is called. This logic is not referenced directly
+ * by the directives in the markup because the scroll event we
+ * need to listen to is triggered on the window; so by defining it
+ * outside of the store, we signal that the behavior here is different.
+ * If we find a compelling reason to move it to the store, feel free.
+ *
+ * @type {Function}
+ */
+let scrollCallback;
+
+/*
+ * Tracks whether user is touching screen; used to
+ * differentiate behavior for touch and mouse input.
+ *
+ * @type {boolean}
+ */
+let isTouching = false;
+
+/*
+ * Tracks the last time the screen was touched; used to
+ * differentiate behavior for touch and mouse input.
+ *
+ * @type {number}
+ */
+let lastTouchTime = 0;
+
+/*
+ * Lightbox page-scroll handler: prevents scrolling.
+ *
+ * This handler is added to prevent scrolling behaviors that
+ * trigger content shift while the lightbox is open.
+ *
+ * It would be better to accomplish this through CSS alone, but
+ * using overflow: hidden is currently the only way to do so, and
+ * that causes the layout to shift and prevents the zoom animation
+ * from working in some cases because we're unable to account for
+ * the layout shift when doing the animation calculations. Instead,
+ * here we use JavaScript to prevent and reset the scrolling
+ * behavior. In the future, we may be able to use CSS or overflow: hidden
+ * instead to not rely on JavaScript, but this seems to be the best approach
+ * for now that provides the best visual experience.
+ *
+ * @param {Object} context Interactivity page context?
+ */
+function handleScroll(context) {
+ // We can't override the scroll behavior on mobile devices
+ // because doing so breaks the pinch to zoom functionality, and we
+ // want to allow users to zoom in further on the high-res image.
+ if (!isTouching && Date.now() - lastTouchTime > 450) {
+ // We are unable to use event.preventDefault() to prevent scrolling
+ // because the scroll event can't be canceled, so we reset the position instead.
+ window.scrollTo(context.core.image.scrollLeftReset, context.core.image.scrollTopReset);
+ }
+}
+(0,_wordpress_interactivity__WEBPACK_IMPORTED_MODULE_0__/* .store */ .h)({
+ state: {
+ core: {
+ image: {
+ windowWidth: window.innerWidth,
+ windowHeight: window.innerHeight
+ }
+ }
+ },
+ actions: {
+ core: {
+ image: {
+ showLightbox: ({
+ context,
+ event
+ }) => {
+ // We can't initialize the lightbox until the reference
+ // image is loaded, otherwise the UX is broken.
+ if (!context.core.image.imageLoaded) {
+ return;
+ }
+ context.core.image.initialized = true;
+ context.core.image.lastFocusedElement = window.document.activeElement;
+ context.core.image.scrollDelta = 0;
+ context.core.image.pointerType = event.pointerType;
+ context.core.image.lightboxEnabled = true;
+ setStyles(context, context.core.image.imageRef);
+ context.core.image.scrollTopReset = window.pageYOffset || document.documentElement.scrollTop;
+
+ // In most cases, this value will be 0, but this is included
+ // in case a user has created a page with horizontal scrolling.
+ context.core.image.scrollLeftReset = window.pageXOffset || document.documentElement.scrollLeft;
+
+ // We define and bind the scroll callback here so
+ // that we can pass the context and as an argument.
+ // We may be able to change this in the future if we
+ // define the scroll callback in the store instead, but
+ // this approach seems to tbe clearest for now.
+ scrollCallback = handleScroll.bind(null, context);
+
+ // We need to add a scroll event listener to the window
+ // here because we are unable to otherwise access it via
+ // the Interactivity API directives. If we add a native way
+ // to access the window, we can remove this.
+ window.addEventListener('scroll', scrollCallback, false);
+ },
+ hideLightbox: async ({
+ context
+ }) => {
+ context.core.image.hideAnimationEnabled = true;
+ if (context.core.image.lightboxEnabled) {
+ // We want to wait until the close animation is completed
+ // before allowing a user to scroll again. The duration of this
+ // animation is defined in the styles.scss and depends on if the
+ // animation is 'zoom' or 'fade', but in any case we should wait
+ // a few milliseconds longer than the duration, otherwise a user
+ // may scroll too soon and cause the animation to look sloppy.
+ setTimeout(function () {
+ window.removeEventListener('scroll', scrollCallback);
+ // If we don't delay before changing the focus,
+ // the focus ring will appear on Firefox before
+ // the image has finished animating, which looks broken.
+ context.core.image.lightboxTriggerRef.focus({
+ preventScroll: true
+ });
+ }, 450);
+ context.core.image.lightboxEnabled = false;
+ }
+ },
+ handleKeydown: ({
+ context,
+ actions,
+ event
+ }) => {
+ if (context.core.image.lightboxEnabled) {
+ if (event.key === 'Tab' || event.keyCode === 9) {
+ // If shift + tab it change the direction
+ if (event.shiftKey && window.document.activeElement === context.core.image.firstFocusableElement) {
+ event.preventDefault();
+ context.core.image.lastFocusableElement.focus();
+ } else if (!event.shiftKey && window.document.activeElement === context.core.image.lastFocusableElement) {
+ event.preventDefault();
+ context.core.image.firstFocusableElement.focus();
+ }
+ }
+ if (event.key === 'Escape' || event.keyCode === 27) {
+ actions.core.image.hideLightbox({
+ context,
+ event
+ });
+ }
+ }
+ },
+ // This is fired just by lazily loaded
+ // images on the page, not all images.
+ handleLoad: ({
+ context,
+ effects,
+ ref
+ }) => {
+ context.core.image.imageLoaded = true;
+ context.core.image.imageCurrentSrc = ref.currentSrc;
+ effects.core.image.setButtonStyles({
+ context,
+ ref
+ });
+ },
+ handleTouchStart: () => {
+ isTouching = true;
+ },
+ handleTouchMove: ({
+ context,
+ event
+ }) => {
+ // On mobile devices, we want to prevent triggering the
+ // scroll event because otherwise the page jumps around as
+ // we reset the scroll position. This also means that closing
+ // the lightbox requires that a user perform a simple tap. This
+ // may be changed in the future if we find a better alternative
+ // to override or reset the scroll position during swipe actions.
+ if (context.core.image.lightboxEnabled) {
+ event.preventDefault();
+ }
+ },
+ handleTouchEnd: () => {
+ // We need to wait a few milliseconds before resetting
+ // to ensure that pinch to zoom works consistently
+ // on mobile devices when the lightbox is open.
+ lastTouchTime = Date.now();
+ isTouching = false;
+ }
+ }
+ }
+ },
+ selectors: {
+ core: {
+ image: {
+ roleAttribute: ({
+ context
+ }) => {
+ return context.core.image.lightboxEnabled ? 'dialog' : null;
+ },
+ ariaModal: ({
+ context
+ }) => {
+ return context.core.image.lightboxEnabled ? 'true' : null;
+ },
+ dialogLabel: ({
+ context
+ }) => {
+ return context.core.image.lightboxEnabled ? context.core.image.dialogLabel : null;
+ },
+ lightboxObjectFit: ({
+ context
+ }) => {
+ if (context.core.image.initialized) {
+ return 'cover';
+ }
+ },
+ enlargedImgSrc: ({
+ context
+ }) => {
+ return context.core.image.initialized ? context.core.image.imageUploadedSrc : 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
+ }
+ }
+ }
+ },
+ effects: {
+ core: {
+ image: {
+ initOriginImage: ({
+ context,
+ ref
+ }) => {
+ context.core.image.imageRef = ref;
+ context.core.image.lightboxTriggerRef = ref.parentElement.querySelector('.lightbox-trigger');
+ if (ref.complete) {
+ context.core.image.imageLoaded = true;
+ context.core.image.imageCurrentSrc = ref.currentSrc;
+ }
+ },
+ initLightbox: async ({
+ context,
+ ref
+ }) => {
+ if (context.core.image.lightboxEnabled) {
+ const focusableElements = ref.querySelectorAll(focusableSelectors);
+ context.core.image.firstFocusableElement = focusableElements[0];
+ context.core.image.lastFocusableElement = focusableElements[focusableElements.length - 1];
+
+ // Move focus to the dialog when opening it.
+ ref.focus();
+ }
+ },
+ setButtonStyles: ({
+ context,
+ ref
+ }) => {
+ const {
+ naturalWidth,
+ naturalHeight,
+ offsetWidth,
+ offsetHeight
+ } = ref;
+
+ // If the image isn't loaded yet, we can't
+ // calculate where the button should be.
+ if (naturalWidth === 0 || naturalHeight === 0) {
+ return;
+ }
+ const figure = ref.parentElement;
+ const figureWidth = ref.parentElement.clientWidth;
+
+ // We need special handling for the height because
+ // a caption will cause the figure to be taller than
+ // the image, which means we need to account for that
+ // when calculating the placement of the button in the
+ // top right corner of the image.
+ let figureHeight = ref.parentElement.clientHeight;
+ const caption = figure.querySelector('figcaption');
+ if (caption) {
+ const captionComputedStyle = window.getComputedStyle(caption);
+ figureHeight = figureHeight - caption.offsetHeight - parseFloat(captionComputedStyle.marginTop) - parseFloat(captionComputedStyle.marginBottom);
+ }
+ const buttonOffsetTop = figureHeight - offsetHeight;
+ const buttonOffsetRight = figureWidth - offsetWidth;
+
+ // In the case of an image with object-fit: contain, the
+ // size of the <img> element can be larger than the image itself,
+ // so we need to calculate where to place the button.
+ if (context.core.image.scaleAttr === 'contain') {
+ // Natural ratio of the image.
+ const naturalRatio = naturalWidth / naturalHeight;
+ // Offset ratio of the image.
+ const offsetRatio = offsetWidth / offsetHeight;
+ if (naturalRatio >= offsetRatio) {
+ // If it reaches the width first, keep
+ // the width and compute the height.
+ const referenceHeight = offsetWidth / naturalRatio;
+ context.core.image.imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 16;
+ context.core.image.imageButtonRight = buttonOffsetRight + 16;
+ } else {
+ // If it reaches the height first, keep
+ // the height and compute the width.
+ const referenceWidth = offsetHeight * naturalRatio;
+ context.core.image.imageButtonTop = buttonOffsetTop + 16;
+ context.core.image.imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 16;
+ }
+ } else {
+ context.core.image.imageButtonTop = buttonOffsetTop + 16;
+ context.core.image.imageButtonRight = buttonOffsetRight + 16;
+ }
+ },
+ setStylesOnResize: ({
+ state,
+ context,
+ ref
+ }) => {
+ if (context.core.image.lightboxEnabled && (state.core.image.windowWidth || state.core.image.windowHeight)) {
+ setStyles(context, ref);
+ }
+ }
+ }
+ }
+ }
+}, {
+ afterLoad: ({
+ state
+ }) => {
+ window.addEventListener('resize', debounce(() => {
+ state.core.image.windowWidth = window.innerWidth;
+ state.core.image.windowHeight = window.innerHeight;
+ }));
+ }
+});
+
+/*
+ * Computes styles for the lightbox and adds them to the document.
+ *
+ * @function
+ * @param {Object} context - An Interactivity API context
+ * @param {Object} event - A triggering event
+ */
+function setStyles(context, ref) {
+ // The reference img element lies adjacent
+ // to the event target button in the DOM.
+ let {
+ naturalWidth,
+ naturalHeight,
+ offsetWidth: originalWidth,
+ offsetHeight: originalHeight
+ } = ref;
+ let {
+ x: screenPosX,
+ y: screenPosY
+ } = ref.getBoundingClientRect();
+
+ // Natural ratio of the image clicked to open the lightbox.
+ const naturalRatio = naturalWidth / naturalHeight;
+ // Original ratio of the image clicked to open the lightbox.
+ let originalRatio = originalWidth / originalHeight;
+
+ // If it has object-fit: contain, recalculate the original sizes
+ // and the screen position without the blank spaces.
+ if (context.core.image.scaleAttr === 'contain') {
+ if (naturalRatio > originalRatio) {
+ const heightWithoutSpace = originalWidth / naturalRatio;
+ // Recalculate screen position without the top space.
+ screenPosY += (originalHeight - heightWithoutSpace) / 2;
+ originalHeight = heightWithoutSpace;
+ } else {
+ const widthWithoutSpace = originalHeight * naturalRatio;
+ // Recalculate screen position without the left space.
+ screenPosX += (originalWidth - widthWithoutSpace) / 2;
+ originalWidth = widthWithoutSpace;
+ }
+ }
+ originalRatio = originalWidth / originalHeight;
+
+ // Typically, we use the image's full-sized dimensions. If those
+ // dimensions have not been set (i.e. an external image with only one size),
+ // the image's dimensions in the lightbox are the same
+ // as those of the image in the content.
+ let imgMaxWidth = parseFloat(context.core.image.targetWidth !== 'none' ? context.core.image.targetWidth : naturalWidth);
+ let imgMaxHeight = parseFloat(context.core.image.targetHeight !== 'none' ? context.core.image.targetHeight : naturalHeight);
+
+ // Ratio of the biggest image stored in the database.
+ let imgRatio = imgMaxWidth / imgMaxHeight;
+ let containerMaxWidth = imgMaxWidth;
+ let containerMaxHeight = imgMaxHeight;
+ let containerWidth = imgMaxWidth;
+ let containerHeight = imgMaxHeight;
+ // Check if the target image has a different ratio than the original one (thumbnail).
+ // Recalculate the width and height.
+ if (naturalRatio.toFixed(2) !== imgRatio.toFixed(2)) {
+ if (naturalRatio > imgRatio) {
+ // If the width is reached before the height, we keep the maxWidth
+ // and recalculate the height.
+ // Unless the difference between the maxHeight and the reducedHeight
+ // is higher than the maxWidth, where we keep the reducedHeight and
+ // recalculate the width.
+ const reducedHeight = imgMaxWidth / naturalRatio;
+ if (imgMaxHeight - reducedHeight > imgMaxWidth) {
+ imgMaxHeight = reducedHeight;
+ imgMaxWidth = reducedHeight * naturalRatio;
+ } else {
+ imgMaxHeight = imgMaxWidth / naturalRatio;
+ }
+ } else {
+ // If the height is reached before the width, we keep the maxHeight
+ // and recalculate the width.
+ // Unless the difference between the maxWidth and the reducedWidth
+ // is higher than the maxHeight, where we keep the reducedWidth and
+ // recalculate the height.
+ const reducedWidth = imgMaxHeight * naturalRatio;
+ if (imgMaxWidth - reducedWidth > imgMaxHeight) {
+ imgMaxWidth = reducedWidth;
+ imgMaxHeight = reducedWidth / naturalRatio;
+ } else {
+ imgMaxWidth = imgMaxHeight * naturalRatio;
+ }
+ }
+ containerWidth = imgMaxWidth;
+ containerHeight = imgMaxHeight;
+ imgRatio = imgMaxWidth / imgMaxHeight;
+
+ // Calculate the max size of the container.
+ if (originalRatio > imgRatio) {
+ containerMaxWidth = imgMaxWidth;
+ containerMaxHeight = containerMaxWidth / originalRatio;
+ } else {
+ containerMaxHeight = imgMaxHeight;
+ containerMaxWidth = containerMaxHeight * originalRatio;
+ }
+ }
+
+ // If the image has been pixelated on purpose, keep that size.
+ if (originalWidth > containerWidth || originalHeight > containerHeight) {
+ containerWidth = originalWidth;
+ containerHeight = originalHeight;
+ }
+
+ // Calculate the final lightbox image size and the
+ // scale factor. MaxWidth is either the window container
+ // (accounting for padding) or the image resolution.
+ let horizontalPadding = 0;
+ if (window.innerWidth > 480) {
+ horizontalPadding = 80;
+ } else if (window.innerWidth > 1920) {
+ horizontalPadding = 160;
+ }
+ const verticalPadding = 80;
+ const targetMaxWidth = Math.min(window.innerWidth - horizontalPadding, containerWidth);
+ const targetMaxHeight = Math.min(window.innerHeight - verticalPadding, containerHeight);
+ const targetContainerRatio = targetMaxWidth / targetMaxHeight;
+ if (originalRatio > targetContainerRatio) {
+ // If targetMaxWidth is reached before targetMaxHeight
+ containerWidth = targetMaxWidth;
+ containerHeight = containerWidth / originalRatio;
+ } else {
+ // If targetMaxHeight is reached before targetMaxWidth
+ containerHeight = targetMaxHeight;
+ containerWidth = containerHeight * originalRatio;
+ }
+ const containerScale = originalWidth / containerWidth;
+ const lightboxImgWidth = imgMaxWidth * (containerWidth / containerMaxWidth);
+ const lightboxImgHeight = imgMaxHeight * (containerHeight / containerMaxHeight);
+
+ // Add the CSS variables needed.
+ let styleTag = document.getElementById('wp-lightbox-styles');
+ if (!styleTag) {
+ styleTag = document.createElement('style');
+ styleTag.id = 'wp-lightbox-styles';
+ document.head.appendChild(styleTag);
+ }
+
+ // As of this writing, using the calculations above will render the lightbox
+ // with a small, erroneous whitespace on the left side of the image in iOS Safari,
+ // perhaps due to an inconsistency in how browsers handle absolute positioning and CSS
+ // transformation. In any case, adding 1 pixel to the container width and height solves
+ // the problem, though this can be removed if the issue is fixed in the future.
+ styleTag.innerHTML = `
+ :root {
+ --wp--lightbox-initial-top-position: ${screenPosY}px;
+ --wp--lightbox-initial-left-position: ${screenPosX}px;
+ --wp--lightbox-container-width: ${containerWidth + 1}px;
+ --wp--lightbox-container-height: ${containerHeight + 1}px;
+ --wp--lightbox-image-width: ${lightboxImgWidth}px;
+ --wp--lightbox-image-height: ${lightboxImgHeight}px;
+ --wp--lightbox-scale: ${containerScale};
+ }
+ `;
+}
+
+/*
+ * Debounces a function call.
+ *
+ * @function
+ * @param {Function} func - A function to be called
+ * @param {number} wait - The time to wait before calling the function
+ */
+function debounce(func, wait = 50) {
+ let timeout;
+ return () => {
+ const later = () => {
+ timeout = null;
+ func();
+ };
+ clearTimeout(timeout);
+ timeout = setTimeout(later, wait);
+ };
+}
+
+/***/ })
+
+},
+/******/ function(__webpack_require__) { // webpackRuntimeModules
+/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
+/******/ var __webpack_exports__ = (__webpack_exec__(699));
+/******/ }
+]); \ No newline at end of file
diff --git a/wp-includes/blocks/image/view.min.asset.php b/wp-includes/blocks/image/view.min.asset.php
new file mode 100644
index 0000000..d1b4a61
--- /dev/null
+++ b/wp-includes/blocks/image/view.min.asset.php
@@ -0,0 +1 @@
+<?php return array('dependencies' => array(), 'version' => '32caaf5e7c6834efef4c');
diff --git a/wp-includes/blocks/image/view.min.js b/wp-includes/blocks/image/view.min.js
new file mode 100644
index 0000000..af1d512
--- /dev/null
+++ b/wp-includes/blocks/image/view.min.js
@@ -0,0 +1 @@
+"use strict";(self.__WordPressPrivateInteractivityAPI__=self.__WordPressPrivateInteractivityAPI__||[]).push([[354],{699:function(e,t,i){var o=i(754);const n=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden])","iframe","object","embed","[contenteditable]",'[tabindex]:not([tabindex^="-"])'];let a,r=!1,c=0;function l(e){!r&&Date.now()-c>450&&window.scrollTo(e.core.image.scrollLeftReset,e.core.image.scrollTopReset)}function g(e,t){let{naturalWidth:i,naturalHeight:o,offsetWidth:n,offsetHeight:a}=t,{x:r,y:c}=t.getBoundingClientRect();const l=i/o;let g=n/a;if("contain"===e.core.image.scaleAttr)if(l>g){const e=n/l;c+=(a-e)/2,a=e}else{const e=a*l;r+=(n-e)/2,n=e}g=n/a;let d=parseFloat("none"!==e.core.image.targetWidth?e.core.image.targetWidth:i),m=parseFloat("none"!==e.core.image.targetHeight?e.core.image.targetHeight:o),s=d/m,h=d,u=m,f=d,w=m;if(l.toFixed(2)!==s.toFixed(2)){if(l>s){const e=d/l;m-e>d?(m=e,d=e*l):m=d/l}else{const e=m*l;d-e>m?(d=e,m=e/l):d=m*l}f=d,w=m,s=d/m,g>s?(h=d,u=h/g):(u=m,h=u*g)}(n>f||a>w)&&(f=n,w=a);let b=0;window.innerWidth>480?b=80:window.innerWidth>1920&&(b=160);const x=Math.min(window.innerWidth-b,f),p=Math.min(window.innerHeight-80,w);g>x/p?(f=x,w=f/g):(w=p,f=w*g);const E=n/f,y=d*(f/h),v=m*(w/u);let A=document.getElementById("wp-lightbox-styles");A||(A=document.createElement("style"),A.id="wp-lightbox-styles",document.head.appendChild(A)),A.innerHTML=`\n\t\t:root {\n\t\t\t--wp--lightbox-initial-top-position: ${c}px;\n\t\t\t--wp--lightbox-initial-left-position: ${r}px;\n\t\t\t--wp--lightbox-container-width: ${f+1}px;\n\t\t\t--wp--lightbox-container-height: ${w+1}px;\n\t\t\t--wp--lightbox-image-width: ${y}px;\n\t\t\t--wp--lightbox-image-height: ${v}px;\n\t\t\t--wp--lightbox-scale: ${E};\n\t\t}\n\t`}(0,o.h)({state:{core:{image:{windowWidth:window.innerWidth,windowHeight:window.innerHeight}}},actions:{core:{image:{showLightbox:({context:e,event:t})=>{e.core.image.imageLoaded&&(e.core.image.initialized=!0,e.core.image.lastFocusedElement=window.document.activeElement,e.core.image.scrollDelta=0,e.core.image.pointerType=t.pointerType,e.core.image.lightboxEnabled=!0,g(e,e.core.image.imageRef),e.core.image.scrollTopReset=window.pageYOffset||document.documentElement.scrollTop,e.core.image.scrollLeftReset=window.pageXOffset||document.documentElement.scrollLeft,a=l.bind(null,e),window.addEventListener("scroll",a,!1))},hideLightbox:async({context:e})=>{e.core.image.hideAnimationEnabled=!0,e.core.image.lightboxEnabled&&(setTimeout((function(){window.removeEventListener("scroll",a),e.core.image.lightboxTriggerRef.focus({preventScroll:!0})}),450),e.core.image.lightboxEnabled=!1)},handleKeydown:({context:e,actions:t,event:i})=>{e.core.image.lightboxEnabled&&("Tab"!==i.key&&9!==i.keyCode||(i.shiftKey&&window.document.activeElement===e.core.image.firstFocusableElement?(i.preventDefault(),e.core.image.lastFocusableElement.focus()):i.shiftKey||window.document.activeElement!==e.core.image.lastFocusableElement||(i.preventDefault(),e.core.image.firstFocusableElement.focus())),"Escape"!==i.key&&27!==i.keyCode||t.core.image.hideLightbox({context:e,event:i}))},handleLoad:({context:e,effects:t,ref:i})=>{e.core.image.imageLoaded=!0,e.core.image.imageCurrentSrc=i.currentSrc,t.core.image.setButtonStyles({context:e,ref:i})},handleTouchStart:()=>{r=!0},handleTouchMove:({context:e,event:t})=>{e.core.image.lightboxEnabled&&t.preventDefault()},handleTouchEnd:()=>{c=Date.now(),r=!1}}}},selectors:{core:{image:{roleAttribute:({context:e})=>e.core.image.lightboxEnabled?"dialog":null,ariaModal:({context:e})=>e.core.image.lightboxEnabled?"true":null,dialogLabel:({context:e})=>e.core.image.lightboxEnabled?e.core.image.dialogLabel:null,lightboxObjectFit:({context:e})=>{if(e.core.image.initialized)return"cover"},enlargedImgSrc:({context:e})=>e.core.image.initialized?e.core.image.imageUploadedSrc:"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="}}},effects:{core:{image:{initOriginImage:({context:e,ref:t})=>{e.core.image.imageRef=t,e.core.image.lightboxTriggerRef=t.parentElement.querySelector(".lightbox-trigger"),t.complete&&(e.core.image.imageLoaded=!0,e.core.image.imageCurrentSrc=t.currentSrc)},initLightbox:async({context:e,ref:t})=>{if(e.core.image.lightboxEnabled){const i=t.querySelectorAll(n);e.core.image.firstFocusableElement=i[0],e.core.image.lastFocusableElement=i[i.length-1],t.focus()}},setButtonStyles:({context:e,ref:t})=>{const{naturalWidth:i,naturalHeight:o,offsetWidth:n,offsetHeight:a}=t;if(0===i||0===o)return;const r=t.parentElement,c=t.parentElement.clientWidth;let l=t.parentElement.clientHeight;const g=r.querySelector("figcaption");if(g){const e=window.getComputedStyle(g);l=l-g.offsetHeight-parseFloat(e.marginTop)-parseFloat(e.marginBottom)}const d=l-a,m=c-n;if("contain"===e.core.image.scaleAttr){const t=i/o;if(t>=n/a){const i=n/t;e.core.image.imageButtonTop=(a-i)/2+d+16,e.core.image.imageButtonRight=m+16}else{const i=a*t;e.core.image.imageButtonTop=d+16,e.core.image.imageButtonRight=(n-i)/2+m+16}}else e.core.image.imageButtonTop=d+16,e.core.image.imageButtonRight=m+16},setStylesOnResize:({state:e,context:t,ref:i})=>{t.core.image.lightboxEnabled&&(e.core.image.windowWidth||e.core.image.windowHeight)&&g(t,i)}}}}},{afterLoad:({state:e})=>{window.addEventListener("resize",function(e,t=50){let i;return()=>{const o=()=>{i=null,e()};clearTimeout(i),i=setTimeout(o,t)}}((()=>{e.core.image.windowWidth=window.innerWidth,e.core.image.windowHeight=window.innerHeight})))}})}},function(e){var t;t=699,e(e.s=t)}]); \ No newline at end of file