-
-
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..929a263
--- /dev/null
+++ b/index.php
@@ -0,0 +1,6 @@
+ array(), 'version' => 'd6ee497d132ea79920e5');
diff --git a/js/block-editor.js b/js/block-editor.js
new file mode 100644
index 0000000..b48e32b
--- /dev/null
+++ b/js/block-editor.js
@@ -0,0 +1,7 @@
+/******/ (function() { // webpackBootstrap
+/*!**************************!*\
+ !*** ./src/js/blocks.js ***!
+ \**************************/
+
+/******/ })()
+;
\ No newline at end of file
diff --git a/js/eml.asset.php b/js/eml.asset.php
new file mode 100644
index 0000000..42b83f2
--- /dev/null
+++ b/js/eml.asset.php
@@ -0,0 +1 @@
+ array(), 'version' => '8f82a73092df1733c085');
diff --git a/js/eml.js b/js/eml.js
new file mode 100644
index 0000000..9f59c21
--- /dev/null
+++ b/js/eml.js
@@ -0,0 +1,326 @@
+/******/ (function() { // webpackBootstrap
+/*!***********************!*\
+ !*** ./src/js/eml.js ***!
+ \***********************/
+const InitialViewParameterEnum = {
+ "SEARCH_QUERY": "searchQuery",
+ "FOLDER_PATH": "folderPath",
+ "FILE_ID": "fileId",
+ "COLLECTION": "collection",
+ "FILE_TYPE": "fileType"
+};
+const FileTypeValue = {
+ "IMAGE": "images",
+ "VIDEO": "videos",
+ "CSSJS": "cssJs",
+ "OTHERS": "others"
+};
+class ImagekitMediaLibraryWidget {
+ getDefaultOptions() {
+ return {
+ className: "",
+ container: "",
+ containerDimensions: {
+ height: '100%',
+ width: '100%'
+ },
+ dimensions: {
+ height: '100%',
+ width: '100%'
+ },
+ style: {
+ border: 'none'
+ },
+ view: 'modal',
+ renderOpenButton: true
+ };
+ }
+ constructor(options, callback) {
+ this.IK_HOST = 'https://eml.imagekit.io';
+ this.IK_FRAME_TITLE = 'ImageKit Embedded Media Library';
+ // Create global element references
+ this.widgetHost = window.location.href;
+ // Define option defaults
+ this.options = this.getDefaultOptions();
+ // Create options by extending defaults with the passed in arguments
+ if (options && typeof options === 'object') {
+ Object.assign(this.options, options);
+ }
+ // Set callback function
+ this.callbackFunction = callback && typeof callback === "function" ? callback : () => {};
+ this.view = this.options.view;
+ // Initialize event handlers for later removal
+ this.windowClickHandler = event => {
+ if (this.modal && event.target === this.modal) {
+ this.close();
+ }
+ };
+ this.messageHandler = event => {
+ var _a;
+ if (event.origin !== this.IK_HOST) {
+ return;
+ }
+ if (event.source !== ((_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentWindow)) return;
+ if (event.data.eventType === "CLOSE_MEDIA_LIBRARY_WIDGET" || event.data.eventType === "INSERT") {
+ this.callbackFunction(event.data);
+ this.close();
+ }
+ };
+ this.registerStyles();
+ this.buildOut();
+ this.setListeners();
+ }
+ registerStyles() {
+ this.styleEl = document.createElement('style');
+ this.styleEl.innerHTML = `
+ /* The Modal (background) */
+ .ik-media-library-widget-modal {
+ display: none; /* Hidden by default */
+ position: fixed; /* Stay in place */
+ z-index: 1; /* Sit on top */
+ padding-top: 2%; /* Location of the box */
+ left: 0;
+ top: 0;
+ width: 100%; /* Full width */
+ height: 100%; /* Full height */
+ overflow: auto; /* Enable scroll if needed */
+ background-color: rgb(0,0,0); /* Fallback color */
+ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+ }
+
+ /* Modal Content */
+ .ik-media-library-widget-modal-content {
+ background-color: #fefefe;
+ margin: auto;
+ border: 1px solid #888;
+ width: 96%;
+ height: 94%;
+ position: relative;
+ }
+
+ /* Loading overlay */
+ .ik-media-library-widget-loading-overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(255, 255, 255, 0.9);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ z-index: 10;
+ }
+
+ .ik-media-library-widget-loading-spinner {
+ border: 4px solid #f3f3f3;
+ border-top: 4px solid #3498db;
+ border-radius: 50%;
+ width: 40px;
+ height: 40px;
+ animation: ik-media-library-widget-spin 1s linear infinite;
+ }
+
+ @keyframes ik-media-library-widget-spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); }
+ }
+
+ .ik-media-library-widget-loading-overlay.hidden {
+ display: none;
+ }
+ `;
+ document.head.appendChild(this.styleEl);
+ }
+ buildOut() {
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+ let container, docFragment, mainFrame, button;
+ // If container is an HTML string, find the DOM node, else use it directly.
+ if (typeof this.options.container === "string") {
+ container = document.querySelector(this.options.container);
+ } else {
+ container = this.options.container;
+ }
+ // Create a DocumentFragment to build with
+ docFragment = document.createDocumentFragment();
+ // Create ikFrame element
+ this.ikFrame = document.createElement("div");
+ this.ikFrame.className = this.options.className || ""; // Assign an empty string as the default value
+ this.ikFrame.style.height = ((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.containerDimensions) === null || _b === void 0 ? void 0 : _b.height) || "100%";
+ this.ikFrame.style.width = ((_d = (_c = this.options) === null || _c === void 0 ? void 0 : _c.containerDimensions) === null || _d === void 0 ? void 0 : _d.width) || "100%";
+ mainFrame = document.createElement("iframe");
+ mainFrame.title = this.IK_FRAME_TITLE;
+ mainFrame.src = this.generateInitialUrl();
+ mainFrame.setAttribute('sandbox', 'allow-top-navigation allow-same-origin allow-scripts allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-downloads');
+ mainFrame.setAttribute('allow', 'clipboard-write');
+ mainFrame.height = ((_f = (_e = this.options) === null || _e === void 0 ? void 0 : _e.dimensions) === null || _f === void 0 ? void 0 : _f.height) || "100%";
+ mainFrame.width = ((_h = (_g = this.options) === null || _g === void 0 ? void 0 : _g.dimensions) === null || _h === void 0 ? void 0 : _h.width) || "100%";
+ mainFrame.style.border = this.options.style.border;
+ this.iframe = mainFrame;
+ this.ikFrame.appendChild(mainFrame);
+ if (((_j = this.view) === null || _j === void 0 ? void 0 : _j.toLowerCase()) !== 'modal') {
+ // Add relative positioning for loading overlay
+ this.ikFrame.style.position = "relative";
+ // create loading overlay for inline view
+ const loadingOverlay = document.createElement("div");
+ loadingOverlay.classList.add("ik-media-library-widget-loading-overlay", "hidden");
+ const spinner = document.createElement("div");
+ spinner.classList.add("ik-media-library-widget-loading-spinner");
+ loadingOverlay.appendChild(spinner);
+ this.loadingOverlay = loadingOverlay;
+ this.ikFrame.appendChild(loadingOverlay);
+ // Append ikFrame to DocumentFragment
+ docFragment.appendChild(this.ikFrame);
+ // Append DocumentFragment to body
+ if (container) container.appendChild(docFragment);
+ } else {
+ if (this.options.renderOpenButton) {
+ // create button
+ button = document.createElement("button");
+ button.innerHTML = "Open Media Library";
+ button.onclick = () => {
+ if (this.modal) {
+ this.modal.style.display = "block";
+ }
+ };
+ }
+ // create modal
+ const modal = document.createElement("div");
+ const modalContent = document.createElement("div");
+ modal.classList.add("ik-media-library-widget-modal");
+ modalContent.classList.add("ik-media-library-widget-modal-content");
+ // create loading overlay
+ const loadingOverlay = document.createElement("div");
+ loadingOverlay.classList.add("ik-media-library-widget-loading-overlay", "hidden");
+ const spinner = document.createElement("div");
+ spinner.classList.add("ik-media-library-widget-loading-spinner");
+ loadingOverlay.appendChild(spinner);
+ this.loadingOverlay = loadingOverlay;
+ modalContent.appendChild(loadingOverlay);
+ modalContent.appendChild(this.ikFrame);
+ modal.appendChild(modalContent);
+ this.modal = modal;
+ // append button and modal to docFragment
+ if (button && this.options.renderOpenButton) {
+ docFragment.appendChild(button);
+ }
+ docFragment.appendChild(modal);
+ // append docFragment to container
+ if (container) container.appendChild(docFragment);
+ }
+ if (this.iframe) {
+ this.setLoading(true);
+ this.setupIframeLoadHandler();
+ }
+ }
+ generateInitialUrl() {
+ var _a, _b, _c, _d, _e, _f, _g, _h;
+ const baseUrl = `${this.IK_HOST}/media-library-widget`;
+ const params = new URLSearchParams({
+ redirectTo: 'media-library-widget',
+ isMediaLibraryWidget: 'true',
+ widgetHost: this.widgetHost
+ });
+ // Add initial view parameters if they exist
+ if ((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.mlSettings) === null || _b === void 0 ? void 0 : _b.initialView) {
+ const key = Object.keys(this.options.mlSettings.initialView)[0];
+ if (Object.values(InitialViewParameterEnum).includes(key)) {
+ params.append('mlWidgetInitialView', btoa(JSON.stringify(this.options.mlSettings.initialView)));
+ }
+ }
+ // Add custom query parameters if they exist
+ if ((_d = (_c = this.options) === null || _c === void 0 ? void 0 : _c.mlSettings) === null || _d === void 0 ? void 0 : _d.queryParams) {
+ Object.entries(this.options.mlSettings.queryParams).forEach(([key, value]) => {
+ params.append(key, String(value));
+ });
+ }
+ // Add loginViaSSO if it exists
+ if ((_f = (_e = this.options) === null || _e === void 0 ? void 0 : _e.mlSettings) === null || _f === void 0 ? void 0 : _f.loginViaSSO) {
+ params.append('loginViaSSO', 'true');
+ }
+ // Add widgetImagekitId if it exists
+ if ((_h = (_g = this.options) === null || _g === void 0 ? void 0 : _g.mlSettings) === null || _h === void 0 ? void 0 : _h.widgetImagekitId) {
+ params.append('widgetImagekitId', this.options.mlSettings.widgetImagekitId);
+ }
+ return `${baseUrl}?${params.toString()}`;
+ }
+ setLoading(isLoading) {
+ if (!this.loadingOverlay) return;
+ if (isLoading) {
+ this.loadingOverlay.classList.remove("hidden");
+ if (this.iframe) {
+ this.iframe.style.visibility = "hidden";
+ }
+ } else {
+ this.loadingOverlay.classList.add("hidden");
+ if (this.iframe) {
+ this.iframe.style.visibility = "visible";
+ }
+ }
+ }
+ setupIframeLoadHandler() {
+ if (this.iframe) {
+ this.iframe.onload = () => {
+ if (this.iframe && this.iframe.contentWindow) {
+ this.iframe.contentWindow.postMessage(JSON.stringify({
+ mlSettings: this.options.mlSettings
+ }), this.IK_HOST);
+ }
+ this.setLoading(false);
+ };
+ }
+ }
+ open(settings, callback) {
+ var _a;
+ if (callback && typeof callback === "function") {
+ this.callbackFunction = callback;
+ }
+ if (settings) {
+ this.options.mlSettings = structuredClone(settings.mlSettings || {});
+ if (this.iframe) {
+ this.setLoading(true);
+ this.iframe.src = this.generateInitialUrl();
+ this.setupIframeLoadHandler();
+ }
+ }
+ if (((_a = this.view) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'modal' && this.modal) {
+ this.modal.style.display = "block";
+ }
+ }
+ close() {
+ var _a;
+ if (((_a = this.view) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'modal') {
+ this.closeModal();
+ }
+ }
+ closeModal() {
+ if (this.modal) {
+ this.modal.style.display = "none";
+ }
+ }
+ destroy() {
+ window.removeEventListener("click", this.windowClickHandler);
+ window.removeEventListener("message", this.messageHandler);
+ if (this.modal) {
+ this.modal.remove();
+ this.modal = undefined;
+ } else if (this.ikFrame && this.ikFrame.parentNode) {
+ this.ikFrame.parentNode.removeChild(this.ikFrame);
+ }
+ if (this.styleEl) {
+ this.styleEl.remove();
+ this.styleEl = undefined;
+ }
+ // Clear references
+ this.iframe = undefined;
+ this.loadingOverlay = undefined;
+ }
+ setListeners() {
+ window.addEventListener("click", this.windowClickHandler);
+ window.addEventListener("message", this.messageHandler);
+ }
+}
+window.IKMediaLibraryWidget = ImagekitMediaLibraryWidget;
+/******/ })()
+;
+//# sourceMappingURL=eml.js.map
\ No newline at end of file
diff --git a/js/eml.js.asset.php b/js/eml.js.asset.php
new file mode 100644
index 0000000..d4ce23b
--- /dev/null
+++ b/js/eml.js.asset.php
@@ -0,0 +1 @@
+ array(), 'version' => '16956a7bed740ba9c55e');
diff --git a/js/eml.js.js b/js/eml.js.js
new file mode 100644
index 0000000..1a7b91e
--- /dev/null
+++ b/js/eml.js.js
@@ -0,0 +1,298 @@
+/******/ (function() { // webpackBootstrap
+/******/ "use strict";
+/******/ var __webpack_modules__ = ({
+
+/***/ "./src/js/eml.js":
+/*!***********************!*\
+ !*** ./src/js/eml.js ***!
+ \***********************/
+/***/ (function(__unused_webpack_module, exports) {
+
+
+
+exports.InitialViewParameterEnum = void 0;
+(function (InitialViewParameterEnum) {
+ InitialViewParameterEnum["SEARCH_QUERY"] = "searchQuery";
+ InitialViewParameterEnum["FOLDER_PATH"] = "folderPath";
+ InitialViewParameterEnum["FILE_ID"] = "fileId";
+ InitialViewParameterEnum["COLLECTION"] = "collection";
+ InitialViewParameterEnum["FILE_TYPE"] = "fileType";
+})(exports.InitialViewParameterEnum || (exports.InitialViewParameterEnum = {}));
+exports.FileTypeValue = void 0;
+(function (FileTypeValue) {
+ FileTypeValue["IMAGE"] = "images";
+ FileTypeValue["VIDEO"] = "videos";
+ FileTypeValue["CSSJS"] = "cssJs";
+ FileTypeValue["OTHERS"] = "others";
+})(exports.FileTypeValue || (exports.FileTypeValue = {}));
+var ImagekitMediaLibraryWidget = /** @class */function () {
+ function ImagekitMediaLibraryWidget(options, callback) {
+ var _this = this;
+ this.IK_HOST = 'https://eml.imagekit.io';
+ this.IK_FRAME_TITLE = 'ImageKit Embedded Media Library';
+ // Create global element references
+ this.widgetHost = window.location.href;
+ // Define option defaults
+ this.options = this.getDefaultOptions();
+ // Create options by extending defaults with the passed in arguments
+ if (options && typeof options === 'object') {
+ Object.assign(this.options, options);
+ }
+ // Set callback function
+ this.callbackFunction = callback && typeof callback === "function" ? callback : function () {};
+ this.view = this.options.view;
+ // Initialize event handlers for later removal
+ this.windowClickHandler = function (event) {
+ if (_this.modal && event.target === _this.modal) {
+ _this.close();
+ }
+ };
+ this.messageHandler = function (event) {
+ var _a;
+ if (event.origin !== _this.IK_HOST) {
+ return;
+ }
+ if (event.source !== ((_a = _this.iframe) === null || _a === void 0 ? void 0 : _a.contentWindow)) return;
+ if (event.data.eventType === "CLOSE_MEDIA_LIBRARY_WIDGET" || event.data.eventType === "INSERT") {
+ _this.callbackFunction(event.data);
+ _this.close();
+ }
+ };
+ this.registerStyles();
+ this.buildOut();
+ this.setListeners();
+ }
+ ImagekitMediaLibraryWidget.prototype.getDefaultOptions = function () {
+ return {
+ className: "",
+ container: "",
+ containerDimensions: {
+ height: '100%',
+ width: '100%'
+ },
+ dimensions: {
+ height: '100%',
+ width: '100%'
+ },
+ style: {
+ border: 'none'
+ },
+ view: 'modal',
+ renderOpenButton: true
+ };
+ };
+ ImagekitMediaLibraryWidget.prototype.registerStyles = function () {
+ this.styleEl = document.createElement('style');
+ this.styleEl.innerHTML = "\n /* The Modal (background) */\n .ik-media-library-widget-modal {\n display: none; /* Hidden by default */\n position: fixed; /* Stay in place */\n z-index: 1; /* Sit on top */\n padding-top: 2%; /* Location of the box */\n left: 0;\n top: 0;\n width: 100%; /* Full width */\n height: 100%; /* Full height */\n overflow: auto; /* Enable scroll if needed */\n background-color: rgb(0,0,0); /* Fallback color */\n background-color: rgba(0,0,0,0.4); /* Black w/ opacity */\n }\n \n /* Modal Content */\n .ik-media-library-widget-modal-content {\n background-color: #fefefe;\n margin: auto;\n border: 1px solid #888;\n width: 96%;\n height: 94%;\n position: relative;\n }\n\n /* Loading overlay */\n .ik-media-library-widget-loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n }\n\n .ik-media-library-widget-loading-spinner {\n border: 4px solid #f3f3f3;\n border-top: 4px solid #3498db;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: ik-media-library-widget-spin 1s linear infinite;\n }\n\n @keyframes ik-media-library-widget-spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n .ik-media-library-widget-loading-overlay.hidden {\n display: none;\n }\n ";
+ document.head.appendChild(this.styleEl);
+ };
+ ImagekitMediaLibraryWidget.prototype.buildOut = function () {
+ var _this = this;
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+ var container, docFragment, mainFrame, button;
+ // If container is an HTML string, find the DOM node, else use it directly.
+ if (typeof this.options.container === "string") {
+ container = document.querySelector(this.options.container);
+ } else {
+ container = this.options.container;
+ }
+ // Create a DocumentFragment to build with
+ docFragment = document.createDocumentFragment();
+ // Create ikFrame element
+ this.ikFrame = document.createElement("div");
+ this.ikFrame.className = this.options.className || ""; // Assign an empty string as the default value
+ this.ikFrame.style.height = ((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.containerDimensions) === null || _b === void 0 ? void 0 : _b.height) || "100%";
+ this.ikFrame.style.width = ((_d = (_c = this.options) === null || _c === void 0 ? void 0 : _c.containerDimensions) === null || _d === void 0 ? void 0 : _d.width) || "100%";
+ mainFrame = document.createElement("iframe");
+ mainFrame.title = this.IK_FRAME_TITLE;
+ mainFrame.src = this.generateInitialUrl();
+ mainFrame.setAttribute('sandbox', 'allow-top-navigation allow-same-origin allow-scripts allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-downloads');
+ mainFrame.setAttribute('allow', 'clipboard-write');
+ mainFrame.height = ((_f = (_e = this.options) === null || _e === void 0 ? void 0 : _e.dimensions) === null || _f === void 0 ? void 0 : _f.height) || "100%";
+ mainFrame.width = ((_h = (_g = this.options) === null || _g === void 0 ? void 0 : _g.dimensions) === null || _h === void 0 ? void 0 : _h.width) || "100%";
+ mainFrame.style.border = this.options.style.border;
+ this.iframe = mainFrame;
+ this.ikFrame.appendChild(mainFrame);
+ if (((_j = this.view) === null || _j === void 0 ? void 0 : _j.toLowerCase()) !== 'modal') {
+ // Add relative positioning for loading overlay
+ this.ikFrame.style.position = "relative";
+ // create loading overlay for inline view
+ var loadingOverlay = document.createElement("div");
+ loadingOverlay.classList.add("ik-media-library-widget-loading-overlay", "hidden");
+ var spinner = document.createElement("div");
+ spinner.classList.add("ik-media-library-widget-loading-spinner");
+ loadingOverlay.appendChild(spinner);
+ this.loadingOverlay = loadingOverlay;
+ this.ikFrame.appendChild(loadingOverlay);
+ // Append ikFrame to DocumentFragment
+ docFragment.appendChild(this.ikFrame);
+ // Append DocumentFragment to body
+ if (container) container.appendChild(docFragment);
+ } else {
+ if (this.options.renderOpenButton) {
+ // create button
+ button = document.createElement("button");
+ button.innerHTML = "Open Media Library";
+ button.onclick = function () {
+ if (_this.modal) {
+ _this.modal.style.display = "block";
+ }
+ };
+ }
+ // create modal
+ var modal = document.createElement("div");
+ var modalContent = document.createElement("div");
+ modal.classList.add("ik-media-library-widget-modal");
+ modalContent.classList.add("ik-media-library-widget-modal-content");
+ // create loading overlay
+ var loadingOverlay = document.createElement("div");
+ loadingOverlay.classList.add("ik-media-library-widget-loading-overlay", "hidden");
+ var spinner = document.createElement("div");
+ spinner.classList.add("ik-media-library-widget-loading-spinner");
+ loadingOverlay.appendChild(spinner);
+ this.loadingOverlay = loadingOverlay;
+ modalContent.appendChild(loadingOverlay);
+ modalContent.appendChild(this.ikFrame);
+ modal.appendChild(modalContent);
+ this.modal = modal;
+ // append button and modal to docFragment
+ if (button && this.options.renderOpenButton) {
+ docFragment.appendChild(button);
+ }
+ docFragment.appendChild(modal);
+ // append docFragment to container
+ if (container) container.appendChild(docFragment);
+ }
+ if (this.iframe) {
+ this.setLoading(true);
+ this.setupIframeLoadHandler();
+ }
+ };
+ ImagekitMediaLibraryWidget.prototype.generateInitialUrl = function () {
+ var _a, _b, _c, _d, _e, _f, _g, _h;
+ var baseUrl = "".concat(this.IK_HOST, "/media-library-widget");
+ var params = new URLSearchParams({
+ redirectTo: 'media-library-widget',
+ isMediaLibraryWidget: 'true',
+ widgetHost: this.widgetHost
+ });
+ // Add initial view parameters if they exist
+ if ((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.mlSettings) === null || _b === void 0 ? void 0 : _b.initialView) {
+ var key = Object.keys(this.options.mlSettings.initialView)[0];
+ if (Object.values(exports.InitialViewParameterEnum).includes(key)) {
+ params.append('mlWidgetInitialView', btoa(JSON.stringify(this.options.mlSettings.initialView)));
+ }
+ }
+ // Add custom query parameters if they exist
+ if ((_d = (_c = this.options) === null || _c === void 0 ? void 0 : _c.mlSettings) === null || _d === void 0 ? void 0 : _d.queryParams) {
+ Object.entries(this.options.mlSettings.queryParams).forEach(function (_a) {
+ var key = _a[0],
+ value = _a[1];
+ params.append(key, String(value));
+ });
+ }
+ // Add loginViaSSO if it exists
+ if ((_f = (_e = this.options) === null || _e === void 0 ? void 0 : _e.mlSettings) === null || _f === void 0 ? void 0 : _f.loginViaSSO) {
+ params.append('loginViaSSO', 'true');
+ }
+ // Add widgetImagekitId if it exists
+ if ((_h = (_g = this.options) === null || _g === void 0 ? void 0 : _g.mlSettings) === null || _h === void 0 ? void 0 : _h.widgetImagekitId) {
+ params.append('widgetImagekitId', this.options.mlSettings.widgetImagekitId);
+ }
+ return "".concat(baseUrl, "?").concat(params.toString());
+ };
+ ImagekitMediaLibraryWidget.prototype.setLoading = function (isLoading) {
+ if (!this.loadingOverlay) return;
+ if (isLoading) {
+ this.loadingOverlay.classList.remove("hidden");
+ if (this.iframe) {
+ this.iframe.style.visibility = "hidden";
+ }
+ } else {
+ this.loadingOverlay.classList.add("hidden");
+ if (this.iframe) {
+ this.iframe.style.visibility = "visible";
+ }
+ }
+ };
+ ImagekitMediaLibraryWidget.prototype.setupIframeLoadHandler = function () {
+ var _this = this;
+ if (this.iframe) {
+ this.iframe.onload = function () {
+ if (_this.iframe && _this.iframe.contentWindow) {
+ _this.iframe.contentWindow.postMessage(JSON.stringify({
+ mlSettings: _this.options.mlSettings
+ }), _this.IK_HOST);
+ }
+ _this.setLoading(false);
+ };
+ }
+ };
+ ImagekitMediaLibraryWidget.prototype.open = function (settings, callback) {
+ var _a;
+ if (callback && typeof callback === "function") {
+ this.callbackFunction = callback;
+ }
+ if (settings) {
+ this.options.mlSettings = structuredClone(settings.mlSettings || {});
+ if (this.iframe) {
+ this.setLoading(true);
+ this.iframe.src = this.generateInitialUrl();
+ this.setupIframeLoadHandler();
+ }
+ }
+ if (((_a = this.view) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'modal' && this.modal) {
+ this.modal.style.display = "block";
+ }
+ };
+ ImagekitMediaLibraryWidget.prototype.close = function () {
+ var _a;
+ if (((_a = this.view) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'modal') {
+ this.closeModal();
+ }
+ };
+ ImagekitMediaLibraryWidget.prototype.closeModal = function () {
+ if (this.modal) {
+ this.modal.style.display = "none";
+ }
+ };
+ ImagekitMediaLibraryWidget.prototype.destroy = function () {
+ window.removeEventListener("click", this.windowClickHandler);
+ window.removeEventListener("message", this.messageHandler);
+ if (this.modal) {
+ this.modal.remove();
+ this.modal = undefined;
+ } else if (this.ikFrame && this.ikFrame.parentNode) {
+ this.ikFrame.parentNode.removeChild(this.ikFrame);
+ }
+ if (this.styleEl) {
+ this.styleEl.remove();
+ this.styleEl = undefined;
+ }
+ // Clear references
+ this.iframe = undefined;
+ this.loadingOverlay = undefined;
+ };
+ ImagekitMediaLibraryWidget.prototype.setListeners = function () {
+ window.addEventListener("click", this.windowClickHandler);
+ window.addEventListener("message", this.messageHandler);
+ };
+ return ImagekitMediaLibraryWidget;
+}();
+window.IKMediaLibraryWidget = ImagekitMediaLibraryWidget;
+exports.ImagekitMediaLibraryWidget = ImagekitMediaLibraryWidget;
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/
+/******/ // startup
+/******/ // Load entry module and return exports
+/******/ // This entry module is referenced by other modules so it can't be inlined
+/******/ var __webpack_exports__ = {};
+/******/ __webpack_modules__["./src/js/eml.js"](0,__webpack_exports__);
+/******/
+/******/ })()
+;
+//# sourceMappingURL=eml.js.js.map
\ No newline at end of file
diff --git a/js/imagekit.js b/js/imagekit.js
new file mode 100644
index 0000000..1c11f9f
--- /dev/null
+++ b/js/imagekit.js
@@ -0,0 +1,5428 @@
+/******/ (function() { // webpackBootstrap
+/******/ var __webpack_modules__ = ({
+
+/***/ "./node_modules/@babel/runtime/helpers/OverloadYield.js":
+/*!**************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/OverloadYield.js ***!
+ \**************************************************************/
+/***/ (function(module) {
+
+function _OverloadYield(e, d) {
+ this.v = e, this.k = d;
+}
+module.exports = _OverloadYield, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js":
+/*!*********************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***!
+ \*********************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; }
+/* harmony export */ });
+function _arrayLikeToArray(r, a) {
+ (null == a || a > r.length) && (a = r.length);
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+ return n;
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js":
+/*!*******************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***!
+ \*******************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _arrayWithHoles; }
+/* harmony export */ });
+function _arrayWithHoles(r) {
+ if (Array.isArray(r)) return r;
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js":
+/*!**********************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***!
+ \**********************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _arrayWithoutHoles; }
+/* harmony export */ });
+/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js");
+
+function _arrayWithoutHoles(r) {
+ if (Array.isArray(r)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r);
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js":
+/*!*********************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js ***!
+ \*********************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _asyncToGenerator; }
+/* harmony export */ });
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+ try {
+ var i = n[a](c),
+ u = i.value;
+ } catch (n) {
+ return void e(n);
+ }
+ i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+ return function () {
+ var t = this,
+ e = arguments;
+ return new Promise(function (r, o) {
+ var a = n.apply(t, e);
+ function _next(n) {
+ asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+ }
+ function _throw(n) {
+ asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+ }
+ _next(void 0);
+ });
+ };
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js":
+/*!*******************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***!
+ \*******************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _classCallCheck; }
+/* harmony export */ });
+function _classCallCheck(a, n) {
+ if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js":
+/*!*******************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***!
+ \*******************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _defineProperty; }
+/* harmony export */ });
+/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js");
+
+function _defineProperty(e, r, t) {
+ return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, {
+ value: t,
+ enumerable: !0,
+ configurable: !0,
+ writable: !0
+ }) : e[r] = t, e;
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js":
+/*!********************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***!
+ \********************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _iterableToArray; }
+/* harmony export */ });
+function _iterableToArray(r) {
+ if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js":
+/*!*************************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***!
+ \*************************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _iterableToArrayLimit; }
+/* harmony export */ });
+function _iterableToArrayLimit(r, l) {
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+ if (null != t) {
+ var e,
+ n,
+ i,
+ u,
+ a = [],
+ f = !0,
+ o = !1;
+ try {
+ if (i = (t = t.call(r)).next, 0 === l) {
+ if (Object(t) !== t) return;
+ f = !1;
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+ } catch (r) {
+ o = !0, n = r;
+ } finally {
+ try {
+ if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+ } finally {
+ if (o) throw n;
+ }
+ }
+ return a;
+ }
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js":
+/*!********************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***!
+ \********************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _nonIterableRest; }
+/* harmony export */ });
+function _nonIterableRest() {
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js":
+/*!**********************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***!
+ \**********************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _nonIterableSpread; }
+/* harmony export */ });
+function _nonIterableSpread() {
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js":
+/*!****************************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js ***!
+ \****************************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _objectWithoutProperties; }
+/* harmony export */ });
+/* harmony import */ var _objectWithoutPropertiesLoose_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./objectWithoutPropertiesLoose.js */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js");
+
+function _objectWithoutProperties(e, t) {
+ if (null == e) return {};
+ var o,
+ r,
+ i = (0,_objectWithoutPropertiesLoose_js__WEBPACK_IMPORTED_MODULE_0__["default"])(e, t);
+ if (Object.getOwnPropertySymbols) {
+ var n = Object.getOwnPropertySymbols(e);
+ for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+ }
+ return i;
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js":
+/*!*********************************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js ***!
+ \*********************************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _objectWithoutPropertiesLoose; }
+/* harmony export */ });
+function _objectWithoutPropertiesLoose(r, e) {
+ if (null == r) return {};
+ var t = {};
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+ if (-1 !== e.indexOf(n)) continue;
+ t[n] = r[n];
+ }
+ return t;
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js":
+/*!******************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***!
+ \******************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _slicedToArray; }
+/* harmony export */ });
+/* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js");
+/* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArrayLimit.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js");
+/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js");
+/* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableRest.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js");
+
+
+
+
+function _slicedToArray(r, e) {
+ return (0,_arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r, e) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r, e) || (0,_nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__["default"])();
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js":
+/*!**********************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***!
+ \**********************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _toConsumableArray; }
+/* harmony export */ });
+/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithoutHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js");
+/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js");
+/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js");
+/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableSpread.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js");
+
+
+
+
+function _toConsumableArray(r) {
+ return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])();
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js":
+/*!****************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***!
+ \****************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ toPrimitive; }
+/* harmony export */ });
+/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
+
+function toPrimitive(t, r) {
+ if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t;
+ var e = t[Symbol.toPrimitive];
+ if (void 0 !== e) {
+ var i = e.call(t, r || "default");
+ if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i;
+ throw new TypeError("@@toPrimitive must return a primitive value.");
+ }
+ return ("string" === r ? String : Number)(t);
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js":
+/*!******************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***!
+ \******************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ toPropertyKey; }
+/* harmony export */ });
+/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
+/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js");
+
+
+function toPropertyKey(t) {
+ var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string");
+ return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + "";
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js":
+/*!***********************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***!
+ \***********************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _typeof; }
+/* harmony export */ });
+function _typeof(o) {
+ "@babel/helpers - typeof";
+
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+ return typeof o;
+ } : function (o) {
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+ }, _typeof(o);
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js":
+/*!*******************************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***!
+ \*******************************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; }
+/* harmony export */ });
+/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js");
+
+function _unsupportedIterableToArray(r, a) {
+ if (r) {
+ if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a);
+ var t = {}.toString.call(r).slice(8, -1);
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0;
+ }
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/regenerator.js":
+/*!************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/regenerator.js ***!
+ \************************************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ "./node_modules/@babel/runtime/helpers/regeneratorDefine.js");
+function _regenerator() {
+ /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+ var e,
+ t,
+ r = "function" == typeof Symbol ? Symbol : {},
+ n = r.iterator || "@@iterator",
+ o = r.toStringTag || "@@toStringTag";
+ function i(r, n, o, i) {
+ var c = n && n.prototype instanceof Generator ? n : Generator,
+ u = Object.create(c.prototype);
+ return regeneratorDefine(u, "_invoke", function (r, n, o) {
+ var i,
+ c,
+ u,
+ f = 0,
+ p = o || [],
+ y = !1,
+ G = {
+ p: 0,
+ n: 0,
+ v: e,
+ a: d,
+ f: d.bind(e, 4),
+ d: function d(t, r) {
+ return i = t, c = 0, u = e, G.n = r, a;
+ }
+ };
+ function d(r, n) {
+ for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+ var o,
+ i = p[t],
+ d = G.p,
+ l = i[2];
+ r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+ }
+ if (o || r > 1) return a;
+ throw y = !0, n;
+ }
+ return function (o, p, l) {
+ if (f > 1) throw TypeError("Generator is already running");
+ for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+ i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+ try {
+ if (f = 2, i) {
+ if (c || (o = "next"), t = i[o]) {
+ if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+ if (!t.done) return t;
+ u = t.value, c < 2 && (c = 0);
+ } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+ i = e;
+ } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+ } catch (t) {
+ i = e, c = 1, u = t;
+ } finally {
+ f = 1;
+ }
+ }
+ return {
+ value: t,
+ done: y
+ };
+ };
+ }(r, o, i), !0), u;
+ }
+ var a = {};
+ function Generator() {}
+ function GeneratorFunction() {}
+ function GeneratorFunctionPrototype() {}
+ t = Object.getPrototypeOf;
+ var c = [][n] ? t(t([][n]())) : (regeneratorDefine(t = {}, n, function () {
+ return this;
+ }), t),
+ u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+ function f(e) {
+ return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+ }
+ return GeneratorFunction.prototype = GeneratorFunctionPrototype, regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), regeneratorDefine(u), regeneratorDefine(u, o, "Generator"), regeneratorDefine(u, n, function () {
+ return this;
+ }), regeneratorDefine(u, "toString", function () {
+ return "[object Generator]";
+ }), (module.exports = _regenerator = function _regenerator() {
+ return {
+ w: i,
+ m: f
+ };
+ }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
+}
+module.exports = _regenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/regeneratorAsync.js":
+/*!*****************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/regeneratorAsync.js ***!
+ \*****************************************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ "./node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js");
+function _regeneratorAsync(n, e, r, t, o) {
+ var a = regeneratorAsyncGen(n, e, r, t, o);
+ return a.next().then(function (n) {
+ return n.done ? n.value : a.next();
+ });
+}
+module.exports = _regeneratorAsync, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js":
+/*!********************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js ***!
+ \********************************************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var regenerator = __webpack_require__(/*! ./regenerator.js */ "./node_modules/@babel/runtime/helpers/regenerator.js");
+var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ "./node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js");
+function _regeneratorAsyncGen(r, e, t, o, n) {
+ return new regeneratorAsyncIterator(regenerator().w(r, e, t, o), n || Promise);
+}
+module.exports = _regeneratorAsyncGen, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js":
+/*!*************************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js ***!
+ \*************************************************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ "./node_modules/@babel/runtime/helpers/OverloadYield.js");
+var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ "./node_modules/@babel/runtime/helpers/regeneratorDefine.js");
+function AsyncIterator(t, e) {
+ function n(r, o, i, f) {
+ try {
+ var c = t[r](o),
+ u = c.value;
+ return u instanceof OverloadYield ? e.resolve(u.v).then(function (t) {
+ n("next", t, i, f);
+ }, function (t) {
+ n("throw", t, i, f);
+ }) : e.resolve(u).then(function (t) {
+ c.value = t, i(c);
+ }, function (t) {
+ return n("throw", t, i, f);
+ });
+ } catch (t) {
+ f(t);
+ }
+ }
+ var r;
+ this.next || (regeneratorDefine(AsyncIterator.prototype), regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
+ return this;
+ })), regeneratorDefine(this, "_invoke", function (t, o, i) {
+ function f() {
+ return new e(function (e, r) {
+ n(t, i, e, r);
+ });
+ }
+ return r = r ? r.then(f, f) : f();
+ }, !0);
+}
+module.exports = AsyncIterator, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/regeneratorDefine.js":
+/*!******************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/regeneratorDefine.js ***!
+ \******************************************************************/
+/***/ (function(module) {
+
+function _regeneratorDefine(e, r, n, t) {
+ var i = Object.defineProperty;
+ try {
+ i({}, "", {});
+ } catch (e) {
+ i = 0;
+ }
+ module.exports = _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
+ function o(r, n) {
+ _regeneratorDefine(e, r, function (e) {
+ return this._invoke(r, n, e);
+ });
+ }
+ r ? i ? i(e, r, {
+ value: n,
+ enumerable: !t,
+ configurable: !t,
+ writable: !t
+ }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+ }, module.exports.__esModule = true, module.exports["default"] = module.exports, _regeneratorDefine(e, r, n, t);
+}
+module.exports = _regeneratorDefine, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/regeneratorKeys.js":
+/*!****************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/regeneratorKeys.js ***!
+ \****************************************************************/
+/***/ (function(module) {
+
+function _regeneratorKeys(e) {
+ var n = Object(e),
+ r = [];
+ for (var t in n) r.unshift(t);
+ return function e() {
+ for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e;
+ return e.done = !0, e;
+ };
+}
+module.exports = _regeneratorKeys, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/regeneratorRuntime.js":
+/*!*******************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js ***!
+ \*******************************************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ "./node_modules/@babel/runtime/helpers/OverloadYield.js");
+var regenerator = __webpack_require__(/*! ./regenerator.js */ "./node_modules/@babel/runtime/helpers/regenerator.js");
+var regeneratorAsync = __webpack_require__(/*! ./regeneratorAsync.js */ "./node_modules/@babel/runtime/helpers/regeneratorAsync.js");
+var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ "./node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js");
+var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ "./node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js");
+var regeneratorKeys = __webpack_require__(/*! ./regeneratorKeys.js */ "./node_modules/@babel/runtime/helpers/regeneratorKeys.js");
+var regeneratorValues = __webpack_require__(/*! ./regeneratorValues.js */ "./node_modules/@babel/runtime/helpers/regeneratorValues.js");
+function _regeneratorRuntime() {
+ "use strict";
+
+ var r = regenerator(),
+ e = r.m(_regeneratorRuntime),
+ t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
+ function n(r) {
+ var e = "function" == typeof r && r.constructor;
+ return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
+ }
+ var o = {
+ "throw": 1,
+ "return": 2,
+ "break": 3,
+ "continue": 3
+ };
+ function a(r) {
+ var e, t;
+ return function (n) {
+ e || (e = {
+ stop: function stop() {
+ return t(n.a, 2);
+ },
+ "catch": function _catch() {
+ return n.v;
+ },
+ abrupt: function abrupt(r, e) {
+ return t(n.a, o[r], e);
+ },
+ delegateYield: function delegateYield(r, o, a) {
+ return e.resultName = o, t(n.d, regeneratorValues(r), a);
+ },
+ finish: function finish(r) {
+ return t(n.f, r);
+ }
+ }, t = function t(r, _t, o) {
+ n.p = e.prev, n.n = e.next;
+ try {
+ return r(_t, o);
+ } finally {
+ e.next = n.n;
+ }
+ }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
+ try {
+ return r.call(this, e);
+ } finally {
+ n.p = e.prev, n.n = e.next;
+ }
+ };
+ }
+ return (module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+ return {
+ wrap: function wrap(e, t, n, o) {
+ return r.w(a(e), t, n, o && o.reverse());
+ },
+ isGeneratorFunction: n,
+ mark: r.m,
+ awrap: function awrap(r, e) {
+ return new OverloadYield(r, e);
+ },
+ AsyncIterator: regeneratorAsyncIterator,
+ async: function async(r, e, t, o, u) {
+ return (n(e) ? regeneratorAsyncGen : regeneratorAsync)(a(r), e, t, o, u);
+ },
+ keys: regeneratorKeys,
+ values: regeneratorValues
+ };
+ }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
+}
+module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/regeneratorValues.js":
+/*!******************************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/regeneratorValues.js ***!
+ \******************************************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var _typeof = (__webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/typeof.js")["default"]);
+function _regeneratorValues(e) {
+ if (null != e) {
+ var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
+ r = 0;
+ if (t) return t.call(e);
+ if ("function" == typeof e.next) return e;
+ if (!isNaN(e.length)) return {
+ next: function next() {
+ return e && r >= e.length && (e = void 0), {
+ value: e && e[r++],
+ done: !e
+ };
+ }
+ };
+ }
+ throw new TypeError(_typeof(e) + " is not iterable");
+}
+module.exports = _regeneratorValues, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/typeof.js":
+/*!*******************************************************!*\
+ !*** ./node_modules/@babel/runtime/helpers/typeof.js ***!
+ \*******************************************************/
+/***/ (function(module) {
+
+function _typeof(o) {
+ "@babel/helpers - typeof";
+
+ return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+ return typeof o;
+ } : function (o) {
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+ }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
+}
+module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/regenerator/index.js":
+/*!**********************************************************!*\
+ !*** ./node_modules/@babel/runtime/regenerator/index.js ***!
+ \**********************************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// TODO(Babel 8): Remove this file.
+
+var runtime = __webpack_require__(/*! ../helpers/regeneratorRuntime */ "./node_modules/@babel/runtime/helpers/regeneratorRuntime.js")();
+module.exports = runtime;
+
+// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
+try {
+ regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+ if (typeof globalThis === "object") {
+ globalThis.regeneratorRuntime = runtime;
+ } else {
+ Function("r", "regeneratorRuntime = r")(runtime);
+ }
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@tannin/compile/index.js":
+/*!***********************************************!*\
+ !*** ./node_modules/@tannin/compile/index.js ***!
+ \***********************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ compile; }
+/* harmony export */ });
+/* harmony import */ var _tannin_postfix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/postfix */ "./node_modules/@tannin/postfix/index.js");
+/* harmony import */ var _tannin_evaluate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tannin/evaluate */ "./node_modules/@tannin/evaluate/index.js");
+
+
+
+/**
+ * Given a C expression, returns a function which can be called to evaluate its
+ * result.
+ *
+ * @example
+ *
+ * ```js
+ * import compile from '@tannin/compile';
+ *
+ * const evaluate = compile( 'n > 1' );
+ *
+ * evaluate( { n: 2 } );
+ * // ⇒ true
+ * ```
+ *
+ * @param {string} expression C expression.
+ *
+ * @return {(variables?:{[variable:string]:*})=>*} Compiled evaluator.
+ */
+function compile( expression ) {
+ var terms = (0,_tannin_postfix__WEBPACK_IMPORTED_MODULE_0__["default"])( expression );
+
+ return function( variables ) {
+ return (0,_tannin_evaluate__WEBPACK_IMPORTED_MODULE_1__["default"])( terms, variables );
+ };
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@tannin/evaluate/index.js":
+/*!************************************************!*\
+ !*** ./node_modules/@tannin/evaluate/index.js ***!
+ \************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ evaluate; }
+/* harmony export */ });
+/**
+ * Operator callback functions.
+ *
+ * @type {Object}
+ */
+var OPERATORS = {
+ '!': function( a ) {
+ return ! a;
+ },
+ '*': function( a, b ) {
+ return a * b;
+ },
+ '/': function( a, b ) {
+ return a / b;
+ },
+ '%': function( a, b ) {
+ return a % b;
+ },
+ '+': function( a, b ) {
+ return a + b;
+ },
+ '-': function( a, b ) {
+ return a - b;
+ },
+ '<': function( a, b ) {
+ return a < b;
+ },
+ '<=': function( a, b ) {
+ return a <= b;
+ },
+ '>': function( a, b ) {
+ return a > b;
+ },
+ '>=': function( a, b ) {
+ return a >= b;
+ },
+ '==': function( a, b ) {
+ return a === b;
+ },
+ '!=': function( a, b ) {
+ return a !== b;
+ },
+ '&&': function( a, b ) {
+ return a && b;
+ },
+ '||': function( a, b ) {
+ return a || b;
+ },
+ '?:': function( a, b, c ) {
+ if ( a ) {
+ throw b;
+ }
+
+ return c;
+ },
+};
+
+/**
+ * Given an array of postfix terms and operand variables, returns the result of
+ * the postfix evaluation.
+ *
+ * @example
+ *
+ * ```js
+ * import evaluate from '@tannin/evaluate';
+ *
+ * // 3 + 4 * 5 / 6 ⇒ '3 4 5 * 6 / +'
+ * const terms = [ '3', '4', '5', '*', '6', '/', '+' ];
+ *
+ * evaluate( terms, {} );
+ * // ⇒ 6.333333333333334
+ * ```
+ *
+ * @param {string[]} postfix Postfix terms.
+ * @param {Object} variables Operand variables.
+ *
+ * @return {*} Result of evaluation.
+ */
+function evaluate( postfix, variables ) {
+ var stack = [],
+ i, j, args, getOperatorResult, term, value;
+
+ for ( i = 0; i < postfix.length; i++ ) {
+ term = postfix[ i ];
+
+ getOperatorResult = OPERATORS[ term ];
+ if ( getOperatorResult ) {
+ // Pop from stack by number of function arguments.
+ j = getOperatorResult.length;
+ args = Array( j );
+ while ( j-- ) {
+ args[ j ] = stack.pop();
+ }
+
+ try {
+ value = getOperatorResult.apply( null, args );
+ } catch ( earlyReturn ) {
+ return earlyReturn;
+ }
+ } else if ( variables.hasOwnProperty( term ) ) {
+ value = variables[ term ];
+ } else {
+ value = +term;
+ }
+
+ stack.push( value );
+ }
+
+ return stack[ 0 ];
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@tannin/plural-forms/index.js":
+/*!****************************************************!*\
+ !*** ./node_modules/@tannin/plural-forms/index.js ***!
+ \****************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ pluralForms; }
+/* harmony export */ });
+/* harmony import */ var _tannin_compile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tannin/compile */ "./node_modules/@tannin/compile/index.js");
+
+
+/**
+ * Given a C expression, returns a function which, when called with a value,
+ * evaluates the result with the value assumed to be the "n" variable of the
+ * expression. The result will be coerced to its numeric equivalent.
+ *
+ * @param {string} expression C expression.
+ *
+ * @return {Function} Evaluator function.
+ */
+function pluralForms( expression ) {
+ var evaluate = (0,_tannin_compile__WEBPACK_IMPORTED_MODULE_0__["default"])( expression );
+
+ return function( n ) {
+ return +evaluate( { n: n } );
+ };
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@tannin/postfix/index.js":
+/*!***********************************************!*\
+ !*** ./node_modules/@tannin/postfix/index.js ***!
+ \***********************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": function() { return /* binding */ postfix; }
+/* harmony export */ });
+var PRECEDENCE, OPENERS, TERMINATORS, PATTERN;
+
+/**
+ * Operator precedence mapping.
+ *
+ * @type {Object}
+ */
+PRECEDENCE = {
+ '(': 9,
+ '!': 8,
+ '*': 7,
+ '/': 7,
+ '%': 7,
+ '+': 6,
+ '-': 6,
+ '<': 5,
+ '<=': 5,
+ '>': 5,
+ '>=': 5,
+ '==': 4,
+ '!=': 4,
+ '&&': 3,
+ '||': 2,
+ '?': 1,
+ '?:': 1,
+};
+
+/**
+ * Characters which signal pair opening, to be terminated by terminators.
+ *
+ * @type {string[]}
+ */
+OPENERS = [ '(', '?' ];
+
+/**
+ * Characters which signal pair termination, the value an array with the
+ * opener as its first member. The second member is an optional operator
+ * replacement to push to the stack.
+ *
+ * @type {string[]}
+ */
+TERMINATORS = {
+ ')': [ '(' ],
+ ':': [ '?', '?:' ],
+};
+
+/**
+ * Pattern matching operators and openers.
+ *
+ * @type {RegExp}
+ */
+PATTERN = /<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;
+
+/**
+ * Given a C expression, returns the equivalent postfix (Reverse Polish)
+ * notation terms as an array.
+ *
+ * If a postfix string is desired, simply `.join( ' ' )` the result.
+ *
+ * @example
+ *
+ * ```js
+ * import postfix from '@tannin/postfix';
+ *
+ * postfix( 'n > 1' );
+ * // ⇒ [ 'n', '1', '>' ]
+ * ```
+ *
+ * @param {string} expression C expression.
+ *
+ * @return {string[]} Postfix terms.
+ */
+function postfix( expression ) {
+ var terms = [],
+ stack = [],
+ match, operator, term, element;
+
+ while ( ( match = expression.match( PATTERN ) ) ) {
+ operator = match[ 0 ];
+
+ // Term is the string preceding the operator match. It may contain
+ // whitespace, and may be empty (if operator is at beginning).
+ term = expression.substr( 0, match.index ).trim();
+ if ( term ) {
+ terms.push( term );
+ }
+
+ while ( ( element = stack.pop() ) ) {
+ if ( TERMINATORS[ operator ] ) {
+ if ( TERMINATORS[ operator ][ 0 ] === element ) {
+ // Substitution works here under assumption that because
+ // the assigned operator will no longer be a terminator, it
+ // will be pushed to the stack during the condition below.
+ operator = TERMINATORS[ operator ][ 1 ] || operator;
+ break;
+ }
+ } else if ( OPENERS.indexOf( element ) >= 0 || PRECEDENCE[ element ] < PRECEDENCE[ operator ] ) {
+ // Push to stack if either an opener or when pop reveals an
+ // element of lower precedence.
+ stack.push( element );
+ break;
+ }
+
+ // For each popped from stack, push to terms.
+ terms.push( element );
+ }
+
+ if ( ! TERMINATORS[ operator ] ) {
+ stack.push( operator );
+ }
+
+ // Slice matched fragment from expression to continue match.
+ expression = expression.substr( match.index + operator.length );
+ }
+
+ // Push remainder of operand, if exists, to terms.
+ expression = expression.trim();
+ if ( expression ) {
+ terms.push( expression );
+ }
+
+ // Pop remaining items from stack into terms.
+ return terms.concat( stack.reverse() );
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/@wordpress/api-fetch/build-module/index.js":
+/*!*****************************************************************!*\
+ !*** ./node_modules/@wordpress/api-fetch/build-module/index.js ***!
+ \*****************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "./node_modules/@wordpress/i18n/build-module/index.js");
+/* harmony import */ var _middlewares_nonce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./middlewares/nonce */ "./node_modules/@wordpress/api-fetch/build-module/middlewares/nonce.js");
+/* harmony import */ var _middlewares_root_url__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./middlewares/root-url */ "./node_modules/@wordpress/api-fetch/build-module/middlewares/root-url.js");
+/* harmony import */ var _middlewares_preloading__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./middlewares/preloading */ "./node_modules/@wordpress/api-fetch/build-module/middlewares/preloading.js");
+/* harmony import */ var _middlewares_fetch_all_middleware__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./middlewares/fetch-all-middleware */ "./node_modules/@wordpress/api-fetch/build-module/middlewares/fetch-all-middleware.js");
+/* harmony import */ var _middlewares_namespace_endpoint__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./middlewares/namespace-endpoint */ "./node_modules/@wordpress/api-fetch/build-module/middlewares/namespace-endpoint.js");
+/* harmony import */ var _middlewares_http_v1__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./middlewares/http-v1 */ "./node_modules/@wordpress/api-fetch/build-module/middlewares/http-v1.js");
+/* harmony import */ var _middlewares_user_locale__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./middlewares/user-locale */ "./node_modules/@wordpress/api-fetch/build-module/middlewares/user-locale.js");
+/* harmony import */ var _middlewares_media_upload__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./middlewares/media-upload */ "./node_modules/@wordpress/api-fetch/build-module/middlewares/media-upload.js");
+/* harmony import */ var _utils_response__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils/response */ "./node_modules/@wordpress/api-fetch/build-module/utils/response.js");
+
+
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+/**
+ * Default set of header values which should be sent with every request unless
+ * explicitly provided through apiFetch options.
+ *
+ * @type {Record
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Steps to configure ImageKit.io
-If you haven't created an account with ImageKit.io yet, then the first step is to - register. - - After sign-up, check out WordPress integration guide.
-- ', + '
- ', + '
- ', + '
- ', + '
; ?>){kind=logo}
"/>
+ version ); ?>
+
+
+
+
+
+
diff --git a/ui-definitions/components/settings.php b/ui-definitions/components/settings.php
new file mode 100644
index 0000000..58a41e9
--- /dev/null
+++ b/ui-definitions/components/settings.php
@@ -0,0 +1,35 @@
+get_component( 'admin' );
+$component = $admin->get_component();
+$connected = $imagekit->settings->get_param( 'connected' );
+$active_slug = $admin->get_param( 'active_slug' );
+?>
+
diff --git a/ui-definitions/components/wizard.php b/ui-definitions/components/wizard.php
new file mode 100644
index 0000000..b5143a0
--- /dev/null
+++ b/ui-definitions/components/wizard.php
@@ -0,0 +1,281 @@
+get_component( 'admin' );
+$url = self_admin_url( add_query_arg( 'page', $imagekit->slug, 'admin.php' ) );
+
+
+// Export settings.
+$data = array(
+ 'testURL' => Utils::rest_url( REST_API::BASE . '/test_connection' ),
+ 'saveURL' => Utils::rest_url( REST_API::BASE . '/save_wizard' ),
+ 'saveNonce' => wp_create_nonce( 'wp_rest' ),
+);
+
+$credentials = array();
+if ( $imagekit && method_exists( $imagekit, 'get_component' ) ) {
+ $manager = $imagekit->get_component( 'credentials_manager' );
+ if ( $manager && method_exists( $manager, 'get_credentials' ) ) {
+ $credentials = (array) $manager->get_credentials();
+ }
+}
+
+$data['prefill'] = array(
+ 'urlEndpoint' => ! empty( $credentials['url_endpoint'] ) ? (string) $credentials['url_endpoint'] : '',
+ 'publicKey' => ! empty( $credentials['public_key'] ) ? (string) $credentials['public_key'] : '',
+ 'privateKey' => ! empty( $credentials['private_key'] ) ? (string) $credentials['private_key'] : '',
+);
+
+$imagekit->add_script_data( 'wizard', $data );
+
+?>
+
+
+
diff --git a/ui-definitions/settings-images.php b/ui-definitions/settings-images.php
new file mode 100644
index 0000000..aa1ffce
--- /dev/null
+++ b/ui-definitions/settings-images.php
@@ -0,0 +1,77 @@
+ 'panel',
+ 'title' => __( 'Image Settings', 'imagekit' ),
+ 'anchor' => true,
+ 'option_name' => 'media_display',
+ array(
+ 'type' => 'row',
+ array(
+ 'type' => 'column',
+ 'class' => array(
+ 'column-min-w-50',
+ ),
+ array(
+ 'type' => 'toggle',
+ 'slug' => 'image_delivery',
+ 'title' => __( 'Image delivery', 'imagekit' ),
+ 'optimisation_title' => __( 'Image delivery', 'imagekit' ),
+ 'tooltip_text' => __(
+ 'If you turn this setting off, your images will be delivered from WordPress.',
+ 'imagekit'
+ ),
+ 'description' => __( 'Deliver images from ImageKit.', 'imagekit' ),
+ 'default' => 'on',
+ 'attributes' => array(
+ 'data-context' => 'image',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'hr',
+ ),
+ array(
+ 'type' => 'group',
+ array(
+ 'type' => 'input',
+ 'slug' => 'image_global_transformation',
+ 'title' => 'Global image transformations',
+ 'default' => '',
+ 'anchor' => true,
+ 'tooltip_text' => sprintf(
+ __(
+ 'A set of additional transformations to apply to all images. Specify your transformations using ImageKit URL transformation syntax. See %1$sreference%2$s for all available transformations and syntax.',
+ 'imagekit'
+ ),
+ '',
+ '',
+ ),
+ 'link' => array(
+ 'text' => __( 'See examples', 'imagekit' ),
+ 'href' => 'https://imagekit.io/docs/image-transformation',
+ ),
+ 'attributes' => array(
+ 'data-context' => 'image',
+ 'placeholder' => 'h-400,w-400',
+ ),
+ 'taxonomy_field' => array(
+ 'context' => 'image',
+ 'priority' => 10,
+ ),
+ ),
+ ),
+ ),
+ ),
+ ),
+);
+
+return apply_filters( 'imagekit_admin_image_settings', $settings );
diff --git a/ui-definitions/settings-pages.php b/ui-definitions/settings-pages.php
new file mode 100644
index 0000000..79e7ee3
--- /dev/null
+++ b/ui-definitions/settings-pages.php
@@ -0,0 +1,376 @@
+ array(
+ 'page_title' => __( 'General settings', 'imagekit' ),
+ 'menu_title' => __( 'General settings', 'imagekit' ),
+ 'disconnected_title' => __( 'Setup', 'imagekit' ),
+ 'priority' => 5,
+ 'sidebar' => true,
+ 'settings' => array(
+ array(
+ 'title' => __( 'Status Overview', 'imagekit' ),
+ 'type' => 'panel',
+ 'collapsible' => 'open',
+ array(
+ 'type' => 'credentials',
+ array(
+ 'slug' => \ImageKitWordpress\Credentials_Manager::META_KEYS['url'],
+ ),
+ array(
+ 'slug' => \ImageKitWordpress\Credentials_Manager::META_KEYS['public_key'],
+ ),
+ array(
+ 'slug' => \ImageKitWordpress\Credentials_Manager::META_KEYS['private_key'],
+ ),
+ ),
+ ),
+ ),
+ ),
+ 'image_settings' => array(
+ 'page_title' => __( 'Image settings', 'imagekit' ),
+ 'menu_title' => __( 'Image settings', 'imagekit' ),
+ 'priority' => 5,
+ 'requires_connection' => true,
+ 'sidebar' => true,
+ 'settings' => include $this->dir_path . 'ui-definitions/settings-images.php', // phpcs:ignore WordPressVIPMinimum.Files.IncludingFile.UsingVariable
+ ),
+ 'video_settings' => array(
+ 'page_title' => __( 'Video settings', 'imagekit' ),
+ 'menu_title' => __( 'Video settings', 'imagekit' ),
+ 'priority' => 5,
+ 'requires_connection' => true,
+ 'sidebar' => true,
+ 'settings' => include $this->dir_path . 'ui-definitions/settings-video.php', // phpcs:ignore WordPressVIPMinimum.Files.IncludingFile.UsingVariable
+ ),
+ 'responsive' => array(
+ 'page_title' => __( 'Responsive images', 'imagekit' ),
+ 'menu_title' => __( 'Responsive images', 'imagekit' ),
+ 'priority' => 5,
+ 'requires_connection' => true,
+ 'sidebar' => true,
+ 'settings' => include $this->dir_path . 'ui-definitions/settings-responsive.php', // phpcs:ignore WordPressVIPMinimum.Files.IncludingFile.UsingVariable
+ ),
+ 'help' => array(
+ 'page_title' => __( 'Get help', 'imagekit' ),
+ 'menu_title' => __( 'Get help', 'imagekit' ),
+ 'priority' => 50,
+ 'sidebar' => true,
+ array(
+ 'type' => 'panel',
+ 'title' => __( 'Help Hub', 'imagekit' ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'h4',
+ 'content' => __( 'Need help with the ImageKit plugin?', 'imagekit' ),
+ ),
+ array(
+ 'type' => 'span',
+ 'content' => 'Here are some ways to find support and troubleshoot issues, so you can get the right answer and information as quickly as possible. Know that we are here for you!',
+ ),
+ array(
+ 'type' => 'row',
+ 'attributes' => array(
+ 'wrap' => array(
+ 'class' => array(
+ 'help-wrap',
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'column',
+ 'attributes' => array(
+ 'wrap' => array(
+ 'class' => array(
+ 'help-box',
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'a',
+ 'attributes' => array(
+ 'href' => 'https://imagekit.io/docs/integration/wordpress',
+ 'target' => '_blank',
+ 'rel' => 'noopener noreferrer',
+ 'class' => array(
+ 'large-button',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'div',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'div',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header-icon',
+ 'dashicons-imagekit-docs',
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'h4',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header-title',
+ ),
+ ),
+ 'content' => __( 'Documentation', 'imagekit' ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'p',
+ 'attributes' => array(
+ 'class' => array( 'help-box-description' ),
+ ),
+ 'content' => __( 'Learn more about how to use the ImageKit plugin and get the most out of the functionality.', 'imagekit' ),
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'column',
+ 'attributes' => array(
+ 'wrap' => array(
+ 'class' => array(
+ 'help-box',
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'a',
+ 'attributes' => array(
+ 'href' => static function () {
+ return Utils::get_support_link();
+ },
+ 'target' => '_blank',
+ 'rel' => 'noopener noreferrer',
+ 'class' => array(
+ 'large-button',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'div',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'div',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header-icon',
+ 'dashicons-imagekit-forum',
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'h4',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header-title',
+ ),
+ ),
+ 'content' => __( 'Ask in support forum', 'imagekit' ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'p',
+ 'attributes' => array(
+ 'class' => array( 'help-box-description' ),
+ ),
+ 'content' => __( 'Have a question or hit a snag? Post in our support forum to get help from the community.', 'imagekit' ),
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'column',
+ 'attributes' => array(
+ 'wrap' => array(
+ 'class' => array(
+ 'help-box',
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'a',
+ 'attributes' => array(
+ 'href' => static function () {
+ return Utils::get_support_link();
+ },
+ 'target' => '_blank',
+ 'rel' => 'noopener noreferrer',
+ 'class' => array(
+ 'large-button',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'div',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'div',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header-icon',
+ 'dashicons-imagekit-support',
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'h4',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header-title',
+ ),
+ ),
+ 'content' => __( 'Contact support', 'imagekit' ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'p',
+ 'attributes' => array(
+ 'class' => array( 'help-box-description' ),
+ ),
+ 'content' => __( 'Running into an issue or having trouble getting the plugin working? Open a support ticket and our team will help you out.', 'imagekit' ),
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'column',
+ 'attributes' => array(
+ 'wrap' => array(
+ 'class' => array(
+ 'help-box',
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'a',
+ 'requires_connection' => true,
+ 'attributes' => array(
+ 'href' => add_query_arg( 'section', 'system-report' ),
+ 'target' => '_blank',
+ 'rel' => 'noopener noreferrer',
+ 'class' => array(
+ 'large-button',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'div',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'div',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header-icon',
+ 'dashicons-imagekit-system-report',
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'h4',
+ 'attributes' => array(
+ 'class' => array(
+ 'help-box-header-title',
+ ),
+ ),
+ 'content' => __( 'System Report', 'imagekit' ),
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'p',
+ 'attributes' => array(
+ 'class' => array( 'help-box-description' ),
+ ),
+ 'content' => __( "Generate a system report to help debug any specific issues you're having with your ImageKit media.", 'imagekit' ),
+ ),
+ ),
+ ),
+ ),
+ ),
+ array(
+ 'type' => 'panel',
+ 'title' => __( 'Frequently asked questions', 'imagekit' ),
+ array(
+ array(
+ 'type' => 'panel',
+ 'title' => __( 'Do I need a ImageKit account to use the ImageKit plugin and can I try it out for free?', 'imagekit' ),
+ // 'enabled' => static function () {
+ // return ! get_plugin_instance()->get_component( 'credentials_manager' )->is_connected();
+ // },
+ 'collapsible' => 'closed',
+ 'content' => sprintf(
+ __( 'To use the ImageKit plugin and all the functionality that comes with it, you will need to have a ImageKit Account. %1$sIf you don\'t have an account yet, %2$ssign up%3$s now for a free ImageKit account%4$s. You\'ll start with generous usage limits and when your requirements grow, you can easily upgrade to a plan that best fits your needs.', 'imagekit' ),
+ '',
+ '',
+ '',
+ ''
+ ),
+ ),
+ array(
+ 'type' => 'panel',
+ 'title' => __( 'I\'ve installed the ImageKit plugin, what happens now?', 'imagekit' ),
+ 'collapsible' => 'closed',
+ 'content' => __( 'If you left all the settings as default, all your current media will begin syncing with ImageKit. Once syncing is complete, your media will be optimized and delivered using ImageKit URLs and you should begin seeing improvements in performance across your site.', 'imagekit' ),
+ ),
+ ),
+ ),
+ ),
+ 'wizard' => array(
+ 'section' => 'wizard',
+ 'slug' => 'wizard',
+ ),
+ 'debug' => array(
+ 'section' => 'debug',
+ 'slug' => 'debug',
+ array(
+ 'type' => 'panel',
+ 'title' => __( 'Debug log', 'imagekit' ),
+ array(
+ 'type' => 'debug',
+ ),
+ ),
+ ),
+);
+
+return apply_filters( 'imagekit_settings_pages', $settings );
diff --git a/ui-definitions/settings-responsive.php b/ui-definitions/settings-responsive.php
new file mode 100644
index 0000000..1ee8bdd
--- /dev/null
+++ b/ui-definitions/settings-responsive.php
@@ -0,0 +1,93 @@
+ 'panel',
+ 'title' => __( 'Responsive images', 'imagekit' ),
+ 'anchor' => true,
+ 'option_name' => 'media_display',
+ array(
+ 'type' => 'row',
+ array(
+ 'type' => 'column',
+ array(
+ 'type' => 'toggle',
+ 'slug' => 'enable_breakpoints',
+ 'title' => __( 'Breakpoints', 'imagekit' ),
+ 'optimisation_title' => __( 'Responsive images', 'imagekit' ),
+ 'tooltip_text' => __(
+ 'Automatically generate multiple sizes based on the configured breakpoints to enable your images to responsively adjust to different screen sizes.',
+ 'imagekit'
+ ),
+ 'description' => __( 'Enable responsive images', 'imagekit' ),
+ 'default' => 'off',
+ ),
+ array(
+ 'type' => 'group',
+ // 'condition' => array(
+ // 'enable_breakpoints' => 'on',
+ // ),
+ array(
+ 'type' => 'input',
+ 'slug' => 'pixel_step',
+ 'priority' => 9,
+ 'title' => __( 'Breakpoint distance', 'imagekit' ),
+ 'tooltip_text' => __( 'The distance between each generated image. Adjusting this will adjust the number of images generated.', 'imagekit' ),
+ 'suffix' => __( 'px', 'imagekit' ),
+ 'attributes' => array(
+ 'type' => 'number',
+ 'step' => 50,
+ 'min' => 50,
+ ),
+ 'default' => 200,
+ ),
+ array(
+ 'type' => 'input',
+ 'slug' => 'breakpoints',
+ 'title' => __( 'Max images', 'imagekit' ),
+ 'tooltip_text' => __(
+ 'The maximum number of images to be generated. Note that generating large numbers of images will deliver a more optimal version for a wider range of screen sizes but will result in an increase in your usage. For smaller images, the responsive algorithm may determine that the ideal number is less than the value you specify.',
+ 'imagekit'
+ ),
+ 'suffix' => __( 'Recommended value: 3-40', 'imagekit' ),
+ 'attributes' => array(
+ 'type' => 'number',
+ 'min' => 3,
+ 'max' => 100,
+ ),
+ ),
+ array(
+ 'type' => 'input',
+ 'slug' => 'max_width',
+ 'title' => __( 'Image width limit', 'imagekit' ),
+ 'extra_title' => __(
+ 'The minimum and maximum width of an image created as a breakpoint. Leave “max” as empty to automatically detect based on the largest registered size in WordPress.',
+ 'imagekit'
+ ),
+ 'prefix' => __( 'Max', 'imagekit' ),
+ 'suffix' => __( 'px', 'imagekit' ),
+ 'attributes' => array(
+ 'type' => 'number',
+ 'step' => 50,
+ ),
+ ),
+ array(
+ 'type' => 'input',
+ 'slug' => 'min_width',
+ 'prefix' => __( 'Min', 'imagekit' ),
+ 'suffix' => __( 'px', 'imagekit' ),
+ 'default' => 200,
+ 'attributes' => array(
+ 'type' => 'number',
+ 'step' => 50,
+ ),
+ ),
+ ),
+ ),
+ ),
+ ),
+);
+
+return apply_filters( 'imagekit_admin_responsive_settings', $settings );
diff --git a/ui-definitions/settings-sidebar.php b/ui-definitions/settings-sidebar.php
new file mode 100644
index 0000000..081da83
--- /dev/null
+++ b/ui-definitions/settings-sidebar.php
@@ -0,0 +1,86 @@
+ 'panel',
+ 'title' => __( 'Current usage summary', 'imagekit' ),
+ 'description' => '',
+ 'collapsible' => 'open',
+ array(
+ 'type' => 'usage_stats',
+ 'title' => __( 'Storage', 'imagekit' ),
+ 'icon' => 'storage',
+ array(
+ 'type' => 'usage_stat',
+ 'title' => __( 'Media Library Storage', 'imagekit' ),
+ 'icon' => 'media-library-storage',
+ 'stat' => 'mediaLibraryStorage',
+ 'format_size' => true,
+ 'value_type' => 'bytes',
+ ),
+ array(
+ 'type' => 'usage_stat',
+ 'title' => __( 'Original Cache Storage', 'imagekit' ),
+ 'icon' => 'original-cache-storage',
+ 'stat' => 'originalCacheStorage',
+ 'format_size' => true,
+ 'value_type' => 'bytes',
+ ),
+ ),
+ array(
+ 'type' => 'usage_stats',
+ 'title' => __( 'Delivery & Bandwidth', 'imagekit' ),
+ 'icon' => 'delivery-and-bandwidth',
+ array(
+ 'type' => 'usage_stat',
+ 'title' => __( 'Bandwidth', 'imagekit' ),
+ 'icon' => 'bandwidth',
+ 'stat' => 'bandwidth',
+ 'format_size' => true,
+ 'value_type' => 'bytes',
+ ),
+ array(
+ 'type' => 'usage_stat',
+ 'title' => __( 'Video Processing Units', 'imagekit' ),
+ 'icon' => 'video-processing-units',
+ 'stat' => 'videoProcessingUnits',
+ 'value_type' => 'count',
+ ),
+ array(
+ 'type' => 'usage_stat',
+ 'title' => __( 'Extensions Units', 'imagekit' ),
+ 'icon' => 'extension-units',
+ 'stat' => 'extensionUnits',
+ 'value_type' => 'count',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'a',
+ 'content' => __( 'Goto ImageKit Dashboard', 'imagekit' ),
+ 'attributes' => array(
+ 'href' => 'https://imagekit.io/dashboard',
+ 'target' => '_blank',
+ 'rel' => 'noopener noreferrer',
+ 'class' => array(
+ 'ik-link-button',
+ ),
+ ),
+ ),
+ ),
+);
+
+return apply_filters( 'imagekit_admin_sidebar', $settings );
diff --git a/ui-definitions/settings-video.php b/ui-definitions/settings-video.php
new file mode 100644
index 0000000..428c4a6
--- /dev/null
+++ b/ui-definitions/settings-video.php
@@ -0,0 +1,72 @@
+ 'panel',
+ 'title' => __( 'Video Settings', 'imagekit' ),
+ 'anchor' => true,
+ 'option_name' => 'media_display',
+ array(
+ 'type' => 'row',
+ array(
+ 'type' => 'column',
+ 'class' => array(
+ 'column-min-w-50',
+ ),
+ array(
+ 'type' => 'toggle',
+ 'slug' => 'video_delivery',
+ 'title' => __( 'Video delivery', 'imagekit' ),
+ 'optimisation_title' => __( 'Video delivery', 'imagekit' ),
+ 'tooltip_text' => __(
+ 'If you turn this setting off, your videos will be delivered from WordPress.',
+ 'imagekit'
+ ),
+ 'description' => __( 'Deliver videos from ImageKit.', 'imagekit' ),
+ 'default' => 'on',
+ 'attributes' => array(
+ 'data-context' => 'video',
+ ),
+ ),
+ array(
+ 'type' => 'tag',
+ 'element' => 'hr',
+ ),
+ array(
+ 'type' => 'group',
+ array(
+ 'type' => 'input',
+ 'slug' => 'video_freeform',
+ 'title' => 'Global video transformations',
+ 'default' => '',
+ 'anchor' => true,
+ 'tooltip_text' => sprintf(
+ __(
+ 'A set of additional transformations to apply to all videos. Specify your transformations using ImageKit URL transformation syntax. See %1$sreference%2$s for all available transformations and syntax.',
+ 'imagekit'
+ ),
+ '',
+ '',
+ ),
+ 'link' => array(
+ 'text' => __( 'See examples', 'imagekit' ),
+ 'href' => 'https://imagekit.io/docs/video-transformation',
+ ),
+ 'attributes' => array(
+ 'data-context' => 'video',
+ 'placeholder' => 'h-400,w-400',
+ ),
+ 'taxonomy_field' => array(
+ 'context' => 'video',
+ 'priority' => 10,
+ ),
+ ),
+ ),
+ ),
+ ),
+ ),
+);
+
+return apply_filters( 'imagekit_admin_video_settings', $settings );
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..a4773a0
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,141 @@
+/**
+ * External dependencies
+ */
+const path = require('path');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const RtlCssPlugin = require('rtlcss-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
+
+/**
+ * WordPress dependencies
+ */
+const defaultConfig = require('@wordpress/scripts/config/webpack.config');
+
+const sharedConfig = {
+ output: {
+ path: path.resolve(process.cwd(), 'js'),
+ filename: '[name].js',
+ chunkFilename: '[name].js',
+ },
+ optimization: {
+ minimize: false,
+ minimizer: [
+ new TerserPlugin({
+ parallel: true,
+ sourceMap: true,
+ cache: true,
+ terserOptions: {
+ output: {
+ comments: /translators:/i,
+ },
+ },
+ extractComments: false,
+ }),
+ new CssMinimizerPlugin(),
+ ],
+ },
+ module: {
+ ...defaultConfig.module,
+ rules: [
+ // Remove the css/postcss loaders from `@wordpress/scripts` due to version conflicts.
+ ...defaultConfig.module.rules.filter(
+ (rule) => !rule.test.toString().match('.css')
+ ),
+ {
+ test: /\.css$/,
+ use: [
+ // prettier-ignore
+ MiniCssExtractPlugin.loader,
+ 'css-loader',
+ 'postcss-loader',
+ ],
+ },
+ ],
+ },
+ plugins: [
+ // Remove the CleanWebpackPlugin and FixStyleWebpackPlugin plugins from `@wordpress/scripts` due to version conflicts.
+ ...defaultConfig.plugins.filter(
+ (plugin) =>
+ !['CleanWebpackPlugin', 'FixStyleWebpackPlugin'].includes(
+ plugin.constructor.name
+ )
+ ),
+ new MiniCssExtractPlugin({
+ filename: '../css/[name].css',
+ }),
+ new RtlCssPlugin({
+ filename: '../css/[name]-rtl.css',
+ }),
+ ],
+};
+
+const ikCore = {
+ ...defaultConfig,
+ ...sharedConfig,
+ entry: {
+ imagekit: './src/js/main.js',
+ },
+ module: {
+ rules: [
+ {
+ test: /\.(png|svg|jpg|gif|webp)$/,
+ use: [
+ {
+ loader: 'file-loader',
+ options: {
+ name: '[name].[ext]',
+ outputPath: '../css/images/',
+ },
+ },
+ ],
+ },
+ {
+ test: /\.(woff|woff2|eot|ttf|otf)$/,
+ use: [
+ {
+ loader: 'file-loader',
+ options: {
+ name: '[name].[contenthash].[ext]',
+ outputPath: '../css/fonts/',
+ },
+ },
+ ],
+ },
+ {
+ test: /\.(sa|sc|c)ss$/,
+ use: [
+ {
+ loader: MiniCssExtractPlugin.loader,
+ },
+ 'css-loader',
+ 'css-unicode-loader',
+ 'sass-loader',
+ ],
+ },
+ ],
+ },
+ plugins: [
+ new MiniCssExtractPlugin({
+ filename: '../css/[name].css',
+ }),
+ ],
+ optimization: {
+ ...sharedConfig.optimization,
+ },
+};
+
+const ikExtras = {
+ ...defaultConfig,
+ ...sharedConfig,
+ entry: {
+ 'block-editor': './src/js/blocks.js',
+ 'eml': './src/js/eml.js',
+ 'media-modal': './src/js/components/media-modal.js',
+ },
+};
+
+module.exports = [
+ ikCore,
+ ikExtras,
+];
\ No newline at end of file
+ ; ?>)
+
+
+
+
+
+
+
+ ; ?>){kind=icon}
+
+
+ + display_name ) ? $current_user->display_name : __( 'there', 'imagekit' ); + printf( + esc_html__( 'Welcome aboard, %s', 'imagekit' ), + esc_html( $display_name ) + ); + ?> +
++ +
+
+
+
+
+
+
+
+
+
+
+
+