%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /disk/www/wwwroot/test-lingceed.echineselearning.biz/wp-includes/blocks/image/
Upload File :
Create Path :
Current File : /disk/www/wwwroot/test-lingceed.echineselearning.biz/wp-includes/blocks/image/view.js

import * as __WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__ from "@wordpress/interactivity";
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/ 
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ 	// define getter functions for harmony exports
/******/ 	__webpack_require__.d = (exports, definition) => {
/******/ 		for(var key in definition) {
/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 			}
/******/ 		}
/******/ 	};
/******/ })();
/******/ 
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/ 
/************************************************************************/
var __webpack_exports__ = {};

;// external "@wordpress/interactivity"
var x = (y) => {
	var x = {}; __webpack_require__.d(x, y); return x
} 
var y = (x) => (() => (x))
const interactivity_namespaceObject = x({ ["getContext"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getContext), ["getElement"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getElement), ["store"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store), ["withSyncEvent"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.withSyncEvent) });
;// ./node_modules/@wordpress/block-library/build-module/image/view.js

let isTouching = false;
let lastTouchTime = 0;
function getImageMetadata(imageId) {
  const metadata = state.metadata[imageId];
  return Object.hasOwn(state.metadata, imageId) ? metadata : void 0;
}
const { state, actions, callbacks } = (0,interactivity_namespaceObject.store)(
  "core/image",
  {
    state: {
      currentImageId: null,
      get currentImage() {
        return getImageMetadata(state.currentImageId);
      },
      get overlayOpened() {
        return state.currentImageId !== null;
      },
      get roleAttribute() {
        return state.overlayOpened ? "dialog" : null;
      },
      get ariaModal() {
        return state.overlayOpened ? "true" : null;
      },
      get enlargedSrc() {
        return state.currentImage.uploadedSrc || "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";
      },
      get figureStyles() {
        return state.overlayOpened && `${state.currentImage.figureStyles?.replace(
          /margin[^;]*;?/g,
          ""
        )};`;
      },
      get imgStyles() {
        return state.overlayOpened && `${state.currentImage.imgStyles?.replace(
          /;$/,
          ""
        )}; object-fit:cover;`;
      },
      get imageButtonRight() {
        const { imageId } = (0,interactivity_namespaceObject.getContext)();
        return getImageMetadata(imageId)?.imageButtonRight;
      },
      get imageButtonTop() {
        const { imageId } = (0,interactivity_namespaceObject.getContext)();
        return getImageMetadata(imageId)?.imageButtonTop;
      },
      get isContentHidden() {
        const ctx = (0,interactivity_namespaceObject.getContext)();
        return state.overlayEnabled && state.currentImageId === ctx.imageId;
      },
      get isContentVisible() {
        const ctx = (0,interactivity_namespaceObject.getContext)();
        return !state.overlayEnabled && state.currentImageId === ctx.imageId;
      }
    },
    actions: {
      showLightbox() {
        const { imageId } = (0,interactivity_namespaceObject.getContext)();
        if (!getImageMetadata(imageId)?.imageRef?.complete) {
          return;
        }
        state.scrollTopReset = document.documentElement.scrollTop;
        state.scrollLeftReset = document.documentElement.scrollLeft;
        state.overlayEnabled = true;
        state.currentImageId = imageId;
        callbacks.setOverlayStyles();
      },
      hideLightbox() {
        if (state.overlayEnabled) {
          state.overlayEnabled = false;
          setTimeout(function() {
            state.currentImage.buttonRef.focus({
              preventScroll: true
            });
            state.currentImageId = null;
          }, 450);
        }
      },
      handleKeydown: (0,interactivity_namespaceObject.withSyncEvent)((event) => {
        if (state.overlayEnabled) {
          if (event.key === "Tab") {
            event.preventDefault();
            const { ref } = (0,interactivity_namespaceObject.getElement)();
            ref.querySelector("button").focus();
          }
          if (event.key === "Escape") {
            actions.hideLightbox();
          }
        }
      }),
      handleTouchMove: (0,interactivity_namespaceObject.withSyncEvent)((event) => {
        if (state.overlayEnabled) {
          event.preventDefault();
        }
      }),
      handleTouchStart() {
        isTouching = true;
      },
      handleTouchEnd() {
        lastTouchTime = Date.now();
        isTouching = false;
      },
      handleScroll() {
        if (state.overlayOpened) {
          if (!isTouching && Date.now() - lastTouchTime > 450) {
            window.scrollTo(
              state.scrollLeftReset,
              state.scrollTopReset
            );
          }
        }
      }
    },
    callbacks: {
      setOverlayStyles() {
        if (!state.overlayEnabled) {
          return;
        }
        let {
          naturalWidth,
          naturalHeight,
          offsetWidth: originalWidth,
          offsetHeight: originalHeight
        } = state.currentImage.imageRef;
        let { x: screenPosX, y: screenPosY } = state.currentImage.imageRef.getBoundingClientRect();
        const naturalRatio = naturalWidth / naturalHeight;
        let originalRatio = originalWidth / originalHeight;
        if (state.currentImage.scaleAttr === "contain") {
          if (naturalRatio > originalRatio) {
            const heightWithoutSpace = originalWidth / naturalRatio;
            screenPosY += (originalHeight - heightWithoutSpace) / 2;
            originalHeight = heightWithoutSpace;
          } else {
            const widthWithoutSpace = originalHeight * naturalRatio;
            screenPosX += (originalWidth - widthWithoutSpace) / 2;
            originalWidth = widthWithoutSpace;
          }
        }
        originalRatio = originalWidth / originalHeight;
        let imgMaxWidth = parseFloat(
          state.currentImage.targetWidth !== "none" ? state.currentImage.targetWidth : naturalWidth
        );
        let imgMaxHeight = parseFloat(
          state.currentImage.targetHeight !== "none" ? state.currentImage.targetHeight : naturalHeight
        );
        let imgRatio = imgMaxWidth / imgMaxHeight;
        let containerMaxWidth = imgMaxWidth;
        let containerMaxHeight = imgMaxHeight;
        let containerWidth = imgMaxWidth;
        let containerHeight = imgMaxHeight;
        if (naturalRatio.toFixed(2) !== imgRatio.toFixed(2)) {
          if (naturalRatio > imgRatio) {
            const reducedHeight = imgMaxWidth / naturalRatio;
            if (imgMaxHeight - reducedHeight > imgMaxWidth) {
              imgMaxHeight = reducedHeight;
              imgMaxWidth = reducedHeight * naturalRatio;
            } else {
              imgMaxHeight = imgMaxWidth / naturalRatio;
            }
          } else {
            const reducedWidth = imgMaxHeight * naturalRatio;
            if (imgMaxWidth - reducedWidth > imgMaxHeight) {
              imgMaxWidth = reducedWidth;
              imgMaxHeight = reducedWidth / naturalRatio;
            } else {
              imgMaxWidth = imgMaxHeight * naturalRatio;
            }
          }
          containerWidth = imgMaxWidth;
          containerHeight = imgMaxHeight;
          imgRatio = imgMaxWidth / imgMaxHeight;
          if (originalRatio > imgRatio) {
            containerMaxWidth = imgMaxWidth;
            containerMaxHeight = containerMaxWidth / originalRatio;
          } else {
            containerMaxHeight = imgMaxHeight;
            containerMaxWidth = containerMaxHeight * originalRatio;
          }
        }
        if (originalWidth > containerWidth || originalHeight > containerHeight) {
          containerWidth = originalWidth;
          containerHeight = originalHeight;
        }
        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) {
          containerWidth = targetMaxWidth;
          containerHeight = containerWidth / originalRatio;
        } else {
          containerHeight = targetMaxHeight;
          containerWidth = containerHeight * originalRatio;
        }
        const containerScale = originalWidth / containerWidth;
        const lightboxImgWidth = imgMaxWidth * (containerWidth / containerMaxWidth);
        const lightboxImgHeight = imgMaxHeight * (containerHeight / containerMaxHeight);
        state.overlayStyles = `
					--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};
					--wp--lightbox-scrollbar-width: ${window.innerWidth - document.documentElement.clientWidth}px;
				`;
      },
      setButtonStyles() {
        const { ref } = (0,interactivity_namespaceObject.getElement)();
        if (!ref) {
          return;
        }
        const { imageId } = (0,interactivity_namespaceObject.getContext)();
        const imageMetadata = getImageMetadata(imageId);
        if (!imageMetadata) {
          return;
        }
        imageMetadata.imageRef = ref;
        imageMetadata.currentSrc = ref.currentSrc;
        const {
          naturalWidth,
          naturalHeight,
          offsetWidth,
          offsetHeight
        } = ref;
        if (naturalWidth === 0 || naturalHeight === 0) {
          return;
        }
        const figure = ref.parentElement;
        const figureWidth = ref.parentElement.clientWidth;
        let figureHeight = ref.parentElement.clientHeight;
        const caption = figure.querySelector("figcaption");
        if (caption) {
          const captionComputedStyle = window.getComputedStyle(caption);
          if (!["absolute", "fixed"].includes(
            captionComputedStyle.position
          )) {
            figureHeight = figureHeight - caption.offsetHeight - parseFloat(captionComputedStyle.marginTop) - parseFloat(captionComputedStyle.marginBottom);
          }
        }
        const buttonOffsetTop = figureHeight - offsetHeight;
        const buttonOffsetRight = figureWidth - offsetWidth;
        let imageButtonTop = buttonOffsetTop + 16;
        let imageButtonRight = buttonOffsetRight + 16;
        if (imageMetadata.scaleAttr === "contain") {
          const naturalRatio = naturalWidth / naturalHeight;
          const offsetRatio = offsetWidth / offsetHeight;
          if (naturalRatio >= offsetRatio) {
            const referenceHeight = offsetWidth / naturalRatio;
            imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 16;
            imageButtonRight = buttonOffsetRight + 16;
          } else {
            const referenceWidth = offsetHeight * naturalRatio;
            imageButtonTop = buttonOffsetTop + 16;
            imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 16;
          }
        }
        imageMetadata.imageButtonTop = imageButtonTop;
        imageMetadata.imageButtonRight = imageButtonRight;
      },
      setOverlayFocus() {
        if (state.overlayEnabled) {
          const { ref } = (0,interactivity_namespaceObject.getElement)();
          ref.focus();
        }
      },
      initTriggerButton() {
        const { imageId } = (0,interactivity_namespaceObject.getContext)();
        const { ref } = (0,interactivity_namespaceObject.getElement)();
        const imageMetadata = getImageMetadata(imageId);
        if (imageMetadata) {
          imageMetadata.buttonRef = ref;
        }
      }
    }
  },
  { lock: true }
);

Zerion Mini Shell 1.0
在线中文学校 7/24，专为华裔青少儿设计，教学经验丰富|灵犀中文
一对一在线课程
一对一在线辅导
灵犀中文 ── 学有”灵犀”一点通

1对1在线中文课程

  • 专为3-18岁华裔青少儿打造
  • 涵盖IB、AP、Alevel、IGCSE等考试辅导
  • 24/7都可以上课!

免费领取价值600元的中文学习大礼包

ft pic 3
国家/地区
search
 

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

search no result

 
ft pic 4
 
点击立即领取按钮，即表示您同意我们的服务条款和隐私保护。

banner ft gift

1对1个性化教学，专注于青少儿中文学习

华裔孩子学中文，1对1个性化教学
1对1个性化教学

因材施教，根据每个孩子的情况量身定制教学内容。

华裔孩子学中文，专属班主任
专属班主任
班主任全程跟踪，及时给家长反馈孩子学习情况，全方位保障孩子学有所成。
华裔孩子学中文，灵活的上课时间
灵活的上课时间
灵活的上课时间 ( 7*24 )，随时随地在线学中文。
华裔孩子学中文，多样化的趣味互动练习
多样化的趣味互动练习
各种趣味互动游戏，让孩子爱上学中文。

趣味互动课件，让孩子爱上学中文

互动性高
学生不仅可以和课件互动，还能加强和老师的互动。学生、教师和课件三位一体，互动性空前提升，让老师对学生的学习效果把控地更加准确，教学更有效。
趣味性高
通过非常丰富的互动体验和精美的趣味元素设计，让孩子更能记住所学的内容，真正做到寓教于乐，让学生能够快乐地学好中文。
科学性强
灵犀中文的教研团队深耕行业多年，深谙华裔孩子中文学习的特点。课件专业针对华裔青少儿中文学习的特点制作，让孩子的学习更加科学。

高效中文考试辅导课程，助力考生取得高分

多种课程类型
覆盖面广
覆盖多种中文考试课程，包括IB中文、AP中文、A-Level中文、O-Level中文和DSE中文，满足不同中文考试辅导的需求。
华裔孩子学中文，课程针对性强
针对性强
所有考试辅导皆为1对1名师教学，根据考生的水平制定个性化备考课程计划，针对弱项快速补强。
高提分率
高提分率
灵犀的老师有着丰富的考试辅导经验，深谙各中文考试的大纲和重点，帮助学生超越自我，考取高分。

为什么选择灵犀中文

为什么选择灵犀中文
why-choose-lingxi-mobile1
why-choose-lingxi-mobile2

免费领取1对1体验课

ft pic 3
国家/地区
search
 

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

search no result

 
ft pic 4
 
点击立即领取按钮，即表示您同意我们的服务条款和隐私保护。

17年教学经验沉淀，打造每一堂好课

灵犀中文掌握华裔青少儿中文教学的精髓，让您的孩子快乐高效地学好中文！
华裔孩子学中文，1对1个性化教学
为每个孩子定制个性化课程
华裔孩子学中文，教师教学经验丰富
教师经验丰富，擅于教授华裔青少儿
练习充分，讲练比例1:4，全面提升听说读写，让孩子真正学会中文
练习充分，讲练比例1:4，全面提升听说读写，让孩子真正学会中文
趣味课堂互动，锻炼孩子语言交际能力，激发孩子中文学习兴趣
趣味课堂互动，锻炼孩子语言交际能力，激发孩子中文学习兴趣

专业的师资团队，做最好的中文教育

专业的师资团队，做最好的中文教育
严格的教师筛选标准，只选2%最优秀的老师
严格的教师筛选标准，只选2%最优秀的老师
教师选择众多，保证选到最适合孩子的老师
教师选择众多，保证选到最适合孩子的老师
采用情景式及TPR教学法，课堂教学生动有趣
采用情景式及TPR教学法，课堂教学生动有趣
耐心热情，亦师亦友
耐心热情，亦师亦友

媒体报道

中国日报
中国网
凤凰网

如何参加免费体验课

华裔孩子学中文，第一步
免费领取1对1体验课
点击下方按钮领取
华裔孩子学中文，第二步
预约体验课
我们会有专人在1个工作日内跟您联系，预约上课时间
华裔孩子学中文，第三步
上免费体验课
进入上课教室，体验1对1免费课
免费领取体验课
滚动至顶部