Publish

- @advdominion/lightbox-gallery@5.0.0

.editorconfig

@@ -6,3 +6,6 @@ indent_size = 4
 end_of_line = lf
 trim_trailing_whitespace = true
 insert_final_newline = true
+
+[*.{json,yml,yaml}]
+indent_size = 2

.gitignore

@@ -14,10 +14,6 @@ node_modules
 !.yarn/sdks
 !.yarn/versions
 
-# ESLint
-
-.eslintcache
-
 # Stylelint
 
 .stylelintcache

.oxfmtrc.json

@@ -0,0 +1,8 @@
+{
+  "printWidth": 120,
+  "singleQuote": true,
+  "quoteProps": "consistent",
+  "sortImports": true,
+  "sortPackageJson": false,
+  "ignorePatterns": [".docker", ".yarn", "html"]
+}

.oxlintrc.json

@@ -0,0 +1,97 @@
+{
+  "plugins": ["eslint", "unicorn", "oxc", "vue"],
+  "categories": {
+    "correctness": "error",
+    "suspicious": "warn",
+    "pedantic": "warn",
+    "perf": "warn",
+    "style": "warn",
+    "restriction": "warn",
+    "nursery": "off"
+  },
+  "env": {
+    "browser": true,
+    "builtin": true
+  },
+  "rules": {
+    "eslint/capitalized-comments": "off",
+    "eslint/complexity": "off",
+    "eslint/id-length": "off",
+    "eslint/init-declarations": "off",
+    "eslint/max-depth": "off",
+    "eslint/max-lines": "off",
+    "eslint/max-lines-per-function": "off",
+    "eslint/max-statements": "off",
+    "eslint/no-console": ["warn", { "allow": ["info", "warn", "error"] }],
+    "eslint/no-inline-comments": "off",
+    "eslint/no-irregular-whitespace": ["error", { "skipTemplates": true }],
+    "eslint/no-magic-numbers": "off",
+    "eslint/no-new": "off",
+    "eslint/no-shadow": "off",
+    "eslint/no-ternary": "off",
+    "eslint/no-throw-literal": "off",
+    "eslint/no-undefined": "off",
+    "eslint/no-underscore-dangle": "off",
+    "eslint/no-unexpected-multiline": "off",
+    "eslint/prefer-destructuring": [
+      "warn",
+      {
+        "AssignmentExpression": {
+          "array": false,
+          "object": false
+        },
+        "VariableDeclarator": {
+          "array": false,
+          "object": true
+        }
+      }
+    ],
+    "eslint/prefer-named-capture-group": "off",
+    "eslint/radix": "off",
+    "eslint/require-unicode-regexp": "off",
+    "eslint/sort-imports": "off",
+    "eslint/sort-keys": "off",
+    "oxc/no-async-await": "off",
+    "oxc/no-map-spread": "off",
+    "oxc/no-optional-chaining": "off",
+    "oxc/no-rest-spread-properties": "off",
+    "unicorn/filename-case": ["warn", { "cases": { "kebabCase": true, "pascalCase": true } }],
+    "unicorn/no-empty-file": "warn",
+    "unicorn/no-nested-ternary": "off",
+    "unicorn/no-useless-switch-case": "off",
+    "unicorn/prefer-global-this": "off",
+    "vue/define-props-destructuring": "off",
+    "vue/max-props": "off"
+  },
+  "overrides": [
+    {
+      "files": ["build-scripts/*.js"],
+      "rules": {
+        "eslint/no-console": "off"
+      }
+    },
+    {
+      "files": ["src/scripts/mocks/**/*.js"],
+      "rules": {
+        "eslint/no-console": "off",
+        "unicorn/prefer-ternary": "off"
+      }
+    },
+    {
+      "files": ["src/scripts/blocks/**/*.js"],
+      "rules": {
+        "unicorn/prefer-top-level-await": "off"
+      }
+    },
+    {
+      "files": ["src/scripts/composables/*.js"],
+      "rules": {
+        "unicorn/filename-case": ["warn", { "cases": { "camelCase": true } }]
+      }
+    }
+  ],
+  "ignorePatterns": [".yarn"],
+  "options": {
+    "maxWarnings": 10
+  }
+}

.prettierignore

@@ -1,2 +0,0 @@
-.vscode
-.yarn

.vscode/extensions.json

@@ -1,9 +0,0 @@
-{
-  "recommendations": [
-    "arcanis.vscode-zipfs",
-    "dbaeumer.vscode-eslint",
-    "EditorConfig.EditorConfig",
-    "esbenp.prettier-vscode",
-    "stylelint.vscode-stylelint"
-  ]
-}

.vscode/settings.json

@@ -1,8 +0,0 @@
-{
-  "search.exclude": {
-    "**/.yarn": true,
-    "**/.pnp.*": true
-  },
-  "prettier.prettierPath": ".yarn/sdks/prettier/index.cjs",
-  "eslint.nodePath": ".yarn/sdks"
-}

.yarn/sdks/eslint/lib/types/config-api.d.ts

@@ -1,32 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, register} = require(`module`);
-const {resolve} = require(`path`);
-const {pathToFileURL} = require(`url`);
-
-const relPnpApiPath = "../../../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
-const absRequire = createRequire(absPnpApiPath);
-
-const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
-const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint/config
-    require(absPnpApiPath).setup();
-    if (isPnpLoaderEnabled && register) {
-      register(pathToFileURL(absPnpLoaderPath));
-    }
-  }
-}
-
-const wrapWithUserWrapper = existsSync(absUserWrapperPath)
-  ? exports => absRequire(absUserWrapperPath)(exports)
-  : exports => exports;
-
-// Defer to the real eslint/config your application uses
-module.exports = wrapWithUserWrapper(absRequire(`eslint/config`));

.yarn/sdks/eslint/lib/types/index.d.ts

@@ -1,32 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, register} = require(`module`);
-const {resolve} = require(`path`);
-const {pathToFileURL} = require(`url`);
-
-const relPnpApiPath = "../../../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
-const absRequire = createRequire(absPnpApiPath);
-
-const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
-const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint
-    require(absPnpApiPath).setup();
-    if (isPnpLoaderEnabled && register) {
-      register(pathToFileURL(absPnpLoaderPath));
-    }
-  }
-}
-
-const wrapWithUserWrapper = existsSync(absUserWrapperPath)
-  ? exports => absRequire(absUserWrapperPath)(exports)
-  : exports => exports;
-
-// Defer to the real eslint your application uses
-module.exports = wrapWithUserWrapper(absRequire(`eslint`));

.yarn/sdks/eslint/lib/types/rules.d.ts

@@ -1,32 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, register} = require(`module`);
-const {resolve} = require(`path`);
-const {pathToFileURL} = require(`url`);
-
-const relPnpApiPath = "../../../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
-const absRequire = createRequire(absPnpApiPath);
-
-const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
-const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint/rules
-    require(absPnpApiPath).setup();
-    if (isPnpLoaderEnabled && register) {
-      register(pathToFileURL(absPnpLoaderPath));
-    }
-  }
-}
-
-const wrapWithUserWrapper = existsSync(absUserWrapperPath)
-  ? exports => absRequire(absUserWrapperPath)(exports)
-  : exports => exports;
-
-// Defer to the real eslint/rules your application uses
-module.exports = wrapWithUserWrapper(absRequire(`eslint/rules`));

.yarn/sdks/eslint/lib/types/universal.d.ts

@@ -1,32 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, register} = require(`module`);
-const {resolve} = require(`path`);
-const {pathToFileURL} = require(`url`);
-
-const relPnpApiPath = "../../../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
-const absRequire = createRequire(absPnpApiPath);
-
-const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
-const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint/universal
-    require(absPnpApiPath).setup();
-    if (isPnpLoaderEnabled && register) {
-      register(pathToFileURL(absPnpLoaderPath));
-    }
-  }
-}
-
-const wrapWithUserWrapper = existsSync(absUserWrapperPath)
-  ? exports => absRequire(absUserWrapperPath)(exports)
-  : exports => exports;
-
-// Defer to the real eslint/universal your application uses
-module.exports = wrapWithUserWrapper(absRequire(`eslint/universal`));

.yarn/sdks/eslint/lib/types/use-at-your-own-risk.d.ts

@@ -1,32 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, register} = require(`module`);
-const {resolve} = require(`path`);
-const {pathToFileURL} = require(`url`);
-
-const relPnpApiPath = "../../../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
-const absRequire = createRequire(absPnpApiPath);
-
-const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
-const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint/use-at-your-own-risk
-    require(absPnpApiPath).setup();
-    if (isPnpLoaderEnabled && register) {
-      register(pathToFileURL(absPnpLoaderPath));
-    }
-  }
-}
-
-const wrapWithUserWrapper = existsSync(absUserWrapperPath)
-  ? exports => absRequire(absUserWrapperPath)(exports)
-  : exports => exports;
-
-// Defer to the real eslint/use-at-your-own-risk your application uses
-module.exports = wrapWithUserWrapper(absRequire(`eslint/use-at-your-own-risk`));

.yarn/sdks/eslint/lib/unsupported-api.js

@@ -1,32 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, register} = require(`module`);
-const {resolve} = require(`path`);
-const {pathToFileURL} = require(`url`);
-
-const relPnpApiPath = "../../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
-const absRequire = createRequire(absPnpApiPath);
-
-const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
-const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint/use-at-your-own-risk
-    require(absPnpApiPath).setup();
-    if (isPnpLoaderEnabled && register) {
-      register(pathToFileURL(absPnpLoaderPath));
-    }
-  }
-}
-
-const wrapWithUserWrapper = existsSync(absUserWrapperPath)
-  ? exports => absRequire(absUserWrapperPath)(exports)
-  : exports => exports;
-
-// Defer to the real eslint/use-at-your-own-risk your application uses
-module.exports = wrapWithUserWrapper(absRequire(`eslint/use-at-your-own-risk`));

.yarn/sdks/eslint/package.json

@@ -1,31 +0,0 @@
-{
-  "name": "eslint",
-  "version": "10.0.0-sdk",
-  "main": "./lib/api.js",
-  "type": "commonjs",
-  "bin": {
-    "eslint": "./bin/eslint.js"
-  },
-  "exports": {
-    ".": {
-      "types": "./lib/types/index.d.ts",
-      "default": "./lib/api.js"
-    },
-    "./config": {
-      "types": "./lib/types/config-api.d.ts",
-      "default": "./lib/config-api.js"
-    },
-    "./package.json": "./package.json",
-    "./use-at-your-own-risk": {
-      "types": "./lib/types/use-at-your-own-risk.d.ts",
-      "default": "./lib/unsupported-api.js"
-    },
-    "./rules": {
-      "types": "./lib/types/rules.d.ts"
-    },
-    "./universal": {
-      "types": "./lib/types/universal.d.ts",
-      "default": "./lib/universal.js"
-    }
-  }
-}

.yarn/sdks/integrations.yml

@@ -1,5 +1,3 @@
 # This file is automatically generated by @yarnpkg/sdks.
 # Manual changes might be lost!
 
-integrations:
-  - vscode

.yarn/sdks/oxfmt/bin/oxfmt

@@ -0,0 +1,51 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire, register} = require(`module`);
+const {resolve} = require(`path`);
+const {pathToFileURL} = require(`url`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
+const absRequire = createRequire(absPnpApiPath);
+
+const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
+const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require oxfmt
+    require(absPnpApiPath).setup();
+    if (isPnpLoaderEnabled && register) {
+      register(pathToFileURL(absPnpLoaderPath));
+    }
+  }
+
+  if (typeof global[`__yarnpkg_sdk_has_setup_env__`] === `undefined`) {
+    Object.defineProperty(global, `__yarnpkg_sdk_has_setup_env__`, {configurable: true, value: true});
+
+    process.env.NODE_OPTIONS = process.env.NODE_OPTIONS || ``;
+    process.env.NODE_OPTIONS += ` -r ${absPnpApiPath}`;
+    if (isPnpLoaderEnabled && register) {
+      process.env.NODE_OPTIONS += ` --experimental-loader ${pathToFileURL(absPnpLoaderPath)}`;
+    }
+  }
+}
+
+const wrapWithUserWrapper = existsSync(absUserWrapperPath)
+  ? exports => absRequire(absUserWrapperPath)(exports)
+  : exports => exports;
+
+const moduleWrapper = exports => {
+  return wrapWithUserWrapper(moduleWrapperFn(exports));
+};
+
+const moduleWrapperFn = module => module;
+
+const binPath = resolve(absRequire.resolve(`oxfmt/package.json`), `..`, `bin/oxfmt`);
+absRequire(binPath);
+
+// Defer to the real oxfmt your application uses
+module.exports = moduleWrapper(absRequire(`oxfmt`));

.yarn/sdks/oxfmt/dist/index.d.ts

@@ -16,7 +16,7 @@ const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
 
 if (existsSync(absPnpApiPath)) {
   if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint
+    // Setup the environment to be able to require oxfmt
     require(absPnpApiPath).setup();
     if (isPnpLoaderEnabled && register) {
       register(pathToFileURL(absPnpLoaderPath));
@@ -28,5 +28,5 @@ const wrapWithUserWrapper = existsSync(absUserWrapperPath)
   ? exports => absRequire(absUserWrapperPath)(exports)
   : exports => exports;
 
-// Defer to the real eslint your application uses
+// Defer to the real oxfmt your application uses
-module.exports = wrapWithUserWrapper(absRequire(`eslint`));
+module.exports = wrapWithUserWrapper(absRequire(`oxfmt`));

.yarn/sdks/oxfmt/dist/index.js

@@ -16,7 +16,7 @@ const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
 
 if (existsSync(absPnpApiPath)) {
   if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint/config
+    // Setup the environment to be able to require oxfmt
     require(absPnpApiPath).setup();
     if (isPnpLoaderEnabled && register) {
       register(pathToFileURL(absPnpLoaderPath));
@@ -28,5 +28,5 @@ const wrapWithUserWrapper = existsSync(absUserWrapperPath)
   ? exports => absRequire(absUserWrapperPath)(exports)
   : exports => exports;
 
-// Defer to the real eslint/config your application uses
+// Defer to the real oxfmt your application uses
-module.exports = wrapWithUserWrapper(absRequire(`eslint/config`));
+module.exports = wrapWithUserWrapper(absRequire(`oxfmt`));

.yarn/sdks/oxfmt/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "oxfmt",
+  "version": "0.55.0-sdk",
+  "main": "dist/index.js",
+  "type": "commonjs",
+  "bin": {
+    "oxfmt": "bin/oxfmt"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  }
+}

.yarn/sdks/oxlint/bin/oxlint

@@ -0,0 +1,43 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire, register} = require(`module`);
+const {resolve} = require(`path`);
+const {pathToFileURL} = require(`url`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
+const absRequire = createRequire(absPnpApiPath);
+
+const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
+const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require oxlint
+    require(absPnpApiPath).setup();
+    if (isPnpLoaderEnabled && register) {
+      register(pathToFileURL(absPnpLoaderPath));
+    }
+  }
+}
+
+const wrapWithUserWrapper = existsSync(absUserWrapperPath)
+  ? exports => absRequire(absUserWrapperPath)(exports)
+  : exports => exports;
+
+const moduleWrapper = exports => {
+  return wrapWithUserWrapper(moduleWrapperFn(exports));
+};
+
+const moduleWrapperFn = module => module;
+
+process.env.PATH += `;${resolve(__dirname, `../../oxlint-tsgolint/bin`)}`;
+
+const binPath = resolve(absRequire.resolve(`oxlint/package.json`), `..`, `bin/oxlint`);
+import(pathToFileURL(binPath));
+
+// Defer to the real oxlint your application uses
+module.exports = moduleWrapper(absRequire(`oxlint`));

.yarn/sdks/oxlint/dist/index.d.ts

@@ -16,7 +16,7 @@ const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
 
 if (existsSync(absPnpApiPath)) {
   if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint/universal
+    // Setup the environment to be able to require oxlint
     require(absPnpApiPath).setup();
     if (isPnpLoaderEnabled && register) {
       register(pathToFileURL(absPnpLoaderPath));
@@ -28,5 +28,5 @@ const wrapWithUserWrapper = existsSync(absUserWrapperPath)
   ? exports => absRequire(absUserWrapperPath)(exports)
   : exports => exports;
 
-// Defer to the real eslint/universal your application uses
+// Defer to the real oxlint your application uses
-module.exports = wrapWithUserWrapper(absRequire(`eslint/universal`));
+module.exports = wrapWithUserWrapper(absRequire(`oxlint`));

.yarn/sdks/oxlint/dist/index.js

@@ -16,7 +16,7 @@ const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
 
 if (existsSync(absPnpApiPath)) {
   if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint/bin/eslint.js
+    // Setup the environment to be able to require oxlint
     require(absPnpApiPath).setup();
     if (isPnpLoaderEnabled && register) {
       register(pathToFileURL(absPnpLoaderPath));
@@ -28,5 +28,5 @@ const wrapWithUserWrapper = existsSync(absUserWrapperPath)
   ? exports => absRequire(absUserWrapperPath)(exports)
   : exports => exports;
 
-// Defer to the real eslint/bin/eslint.js your application uses
+// Defer to the real oxlint your application uses
-module.exports = wrapWithUserWrapper(absRequire(`eslint/bin/eslint.js`));
+module.exports = wrapWithUserWrapper(absRequire(`oxlint`));

.yarn/sdks/oxlint/dist/plugins-dev.d.ts

@@ -0,0 +1,32 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire, register} = require(`module`);
+const {resolve} = require(`path`);
+const {pathToFileURL} = require(`url`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
+const absRequire = createRequire(absPnpApiPath);
+
+const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
+const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require oxlint/plugins-dev
+    require(absPnpApiPath).setup();
+    if (isPnpLoaderEnabled && register) {
+      register(pathToFileURL(absPnpLoaderPath));
+    }
+  }
+}
+
+const wrapWithUserWrapper = existsSync(absUserWrapperPath)
+  ? exports => absRequire(absUserWrapperPath)(exports)
+  : exports => exports;
+
+// Defer to the real oxlint/plugins-dev your application uses
+module.exports = wrapWithUserWrapper(absRequire(`oxlint/plugins-dev`));

.yarn/sdks/oxlint/dist/plugins-dev.js

@@ -0,0 +1,32 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire, register} = require(`module`);
+const {resolve} = require(`path`);
+const {pathToFileURL} = require(`url`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
+const absRequire = createRequire(absPnpApiPath);
+
+const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
+const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require oxlint/plugins-dev
+    require(absPnpApiPath).setup();
+    if (isPnpLoaderEnabled && register) {
+      register(pathToFileURL(absPnpLoaderPath));
+    }
+  }
+}
+
+const wrapWithUserWrapper = existsSync(absUserWrapperPath)
+  ? exports => absRequire(absUserWrapperPath)(exports)
+  : exports => exports;
+
+// Defer to the real oxlint/plugins-dev your application uses
+module.exports = wrapWithUserWrapper(absRequire(`oxlint/plugins-dev`));

.yarn/sdks/oxlint/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "oxlint",
+  "version": "1.70.0-sdk",
+  "main": "dist/index.js",
+  "type": "commonjs",
+  "bin": {
+    "oxlint": "bin/oxlint"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./plugins-dev": {
+      "types": "./dist/plugins-dev.d.ts",
+      "default": "./dist/plugins-dev.js"
+    },
+    "./package.json": "./package.json"
+  }
+}

.yarn/sdks/prettier/bin/prettier.cjs

@@ -1,32 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, register} = require(`module`);
-const {resolve} = require(`path`);
-const {pathToFileURL} = require(`url`);
-
-const relPnpApiPath = "../../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
-const absRequire = createRequire(absPnpApiPath);
-
-const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
-const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require prettier/bin/prettier.cjs
-    require(absPnpApiPath).setup();
-    if (isPnpLoaderEnabled && register) {
-      register(pathToFileURL(absPnpLoaderPath));
-    }
-  }
-}
-
-const wrapWithUserWrapper = existsSync(absUserWrapperPath)
-  ? exports => absRequire(absUserWrapperPath)(exports)
-  : exports => exports;
-
-// Defer to the real prettier/bin/prettier.cjs your application uses
-module.exports = wrapWithUserWrapper(absRequire(`prettier/bin/prettier.cjs`));

.yarn/sdks/prettier/index.cjs

@@ -1,32 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, register} = require(`module`);
-const {resolve} = require(`path`);
-const {pathToFileURL} = require(`url`);
-
-const relPnpApiPath = "../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absUserWrapperPath = resolve(__dirname, `./sdk.user.cjs`);
-const absRequire = createRequire(absPnpApiPath);
-
-const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
-const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require prettier
-    require(absPnpApiPath).setup();
-    if (isPnpLoaderEnabled && register) {
-      register(pathToFileURL(absPnpLoaderPath));
-    }
-  }
-}
-
-const wrapWithUserWrapper = existsSync(absUserWrapperPath)
-  ? exports => absRequire(absUserWrapperPath)(exports)
-  : exports => exports;
-
-// Defer to the real prettier your application uses
-module.exports = wrapWithUserWrapper(absRequire(`prettier`));

.yarn/sdks/prettier/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "prettier",
-  "version": "3.8.1-sdk",
-  "main": "./index.cjs",
-  "type": "commonjs",
-  "bin": "./bin/prettier.cjs"
-}

.yarnrc.yml

@@ -1,14 +1,11 @@
 enableGlobalCache: false
 
 packageExtensions:
-    'lerna@*':
-        dependencies:
-            ci-info: '*'
-    '@advdominion/eslint-config@*':
-        dependencies:
-            eslint: '*'
   '@advdominion/stylelint-config@*':
     dependencies:
       stylelint: '*'
+  lerna@*:
+    dependencies:
+      ci-info: '*'
 
-yarnPath: .yarn/releases/yarn-4.12.0.cjs
+yarnPath: .yarn/releases/yarn-4.18.0.cjs

README.md

@@ -17,9 +17,11 @@ yarn lerna publish
 ```bash
 yarn set version stable
 
-yarn install
-
 yarn upgrade-interactive
 
-yarn dlx @yarnpkg/sdks
+yarn dedupe
+
+yarn dlx @yarnpkg/sdks base
+
+yarn install
 ```

eslint.config.js

@@ -1,9 +0,0 @@
-import config from '@advdominion/eslint-config';
-import { defineConfig } from 'eslint/config';
-
-export default defineConfig([
-    ...config,
-    {
-        ignores: ['.yarn', '.pnp.*'],
-    },
-]);

lint-staged.config.js

@@ -1,8 +1,7 @@
 export default {
-    '*.js': (filenames) => {
+    '*.js': (filenames) => [
-        return [`eslint --max-warnings 10 --fix ${filenames.join(' ')}`, `prettier --write ${filenames.join(' ')}`];
+        `oxlint --max-warnings 10 --fix ${filenames.join(' ')}`,
-    },
+        `oxfmt --write ${filenames.join(' ')}`,
-    '*.{json,md,yml}': (filenames) => {
+    ],
-        return [`prettier --write ${filenames.join(' ')}`];
+    '*.{json,md,yml}': (filenames) => [`oxfmt --write ${filenames.join(' ')}`],
-    },
 };

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "type": "module",
-    "packageManager": "yarn@4.12.0",
+  "packageManager": "yarn@4.18.0",
   "workspaces": [
     "packages/*"
   ],
@@ -9,11 +9,10 @@
     "postinstall": "husky"
   },
   "devDependencies": {
-        "@advdominion/eslint-config": "workspace:*",
-        "eslint": "^10.0.0",
     "husky": "^9.1.7",
-        "lerna": "^9.0.4",
+    "lerna": "^10.0.0",
-        "lint-staged": "^16.2.7",
+    "lint-staged": "^17.3.0",
-        "prettier": "^3.8.1"
+    "oxfmt": "^0.63.0",
+    "oxlint": "^1.78.0"
   }
 }

packages/babel-plugin-nunjucks/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@advdominion/babel-plugin-nunjucks",
-  "version": "3.1.1",
+  "version": "4.0.0",
   "type": "module",
   "main": "index.js",
   "repository": {
@@ -12,7 +12,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@babel/core": "^7.0.0",
+    "@babel/core": "^8.0.0",
     "nunjucks": "^3.0.0"
   }
 }

packages/eslint-config/README.md

@@ -1,28 +0,0 @@
-# Конфигурация для ESLint
-
-Включает в себя:
-
-- [js/recommended](https://eslint.org/docs/latest/use/configure/configuration-files#using-predefined-configurations) из ESLint
-- [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier)
-- [eslint-plugin-simple-import-sort](https://github.com/lydell/eslint-plugin-simple-import-sort)
-- [eslint-plugin-unicorn](https://github.com/sindresorhus/eslint-plugin-unicorn)
-- [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue)
-- [globals](https://github.com/sindresorhus/globals) (`browser` и `nodeBuiltin`)
-
-## Использование
-
-### Требования
-
-- [ESLint](https://eslint.org/)
-
-### Подключание
-
-```js
-import config from '@advdominion/eslint-config';
-import { defineConfig } from 'eslint/config';
-
-export default defineConfig([
-    ...config,
-    // Дополнительная конфигурация проекта
-]);
-```

packages/eslint-config/index.js

@@ -1,132 +0,0 @@
-/* eslint-disable unicorn/no-useless-spread */
-
-import js from '@eslint/js';
-import eslintConfigPrettier from 'eslint-config-prettier';
-import simpleImportSort from 'eslint-plugin-simple-import-sort';
-import eslintPluginUnicorn from 'eslint-plugin-unicorn';
-import pluginVue from 'eslint-plugin-vue';
-import globals from 'globals';
-
-const config = [
-    {
-        languageOptions: {
-            ecmaVersion: 'latest',
-            sourceType: 'module',
-            globals: {
-                ...globals.browser,
-                ...globals.nodeBuiltin,
-            },
-        },
-    },
-    js.configs.recommended,
-    {
-        rules: {
-            ...{
-                // Включаем правила из категории Possible Problems, которые не включенны в recommended
-                'array-callback-return': 'error',
-                'no-await-in-loop': 'warn',
-                'no-duplicate-imports': 'warn',
-                'no-promise-executor-return': 'error',
-                'no-self-compare': 'error',
-                'no-template-curly-in-string': 'warn',
-                'no-unmodified-loop-condition': 'error',
-                'no-unreachable-loop': 'error',
-                'no-use-before-define': 'error',
-            },
-            ...{
-                // Включаем правила из категории Suggestions, которые не включенны в recommended
-                'dot-notation': 'warn',
-                'eqeqeq': 'error',
-                'no-implicit-coercion': 'warn',
-                'no-negated-condition': 'warn',
-                'no-useless-concat': 'warn',
-                'object-shorthand': 'warn',
-                'func-style': 'error',
-                'no-console': ['warn', { allow: ['warn', 'error'] }],
-                'no-param-reassign': 'error',
-                'no-var': 'error',
-                'one-var': ['warn', 'never'],
-                'prefer-const': 'warn',
-                'prefer-template': 'warn',
-            },
-            ...{
-                // Переопределяем правила, которые включены в recommended
-                'no-irregular-whitespace': ['error', { skipTemplates: true }],
-            },
-        },
-    },
-    {
-        plugins: {
-            'simple-import-sort': simpleImportSort,
-        },
-        rules: {
-            'simple-import-sort/imports': 'warn',
-        },
-    },
-    {
-        plugins: {
-            unicorn: eslintPluginUnicorn,
-        },
-        rules: {
-            ...Object.fromEntries(
-                Object.entries(eslintPluginUnicorn.configs.recommended.rules).map(([rule, level]) => [
-                    rule,
-                    level === 'off' ? 'off' : 'warn',
-                ]),
-            ),
-            'unicorn/better-regex': 'warn',
-            'unicorn/filename-case': ['warn', { cases: { kebabCase: true, pascalCase: true } }],
-            'unicorn/prefer-global-this': 'off',
-            'unicorn/prefer-import-meta-properties': 'warn',
-            'unicorn/prevent-abbreviations': 'off',
-        },
-    },
-    ...pluginVue.configs['flat/recommended'],
-    {
-        rules: {
-            ...{
-                'vue/no-v-html': 'off',
-                'vue/one-component-per-file': 'off',
-            },
-            ...{
-                'vue/component-name-in-template-casing': 'warn',
-                'vue/component-options-name-casing': 'warn',
-                'vue/custom-event-name-casing': 'warn',
-                'vue/match-component-file-name': ['warn', { extensions: ['vue'], shouldMatchCase: true }],
-                'vue/match-component-import-name': 'warn',
-                'vue/no-boolean-default': 'warn',
-                'vue/no-potential-component-option-typo': 'warn',
-                'vue/no-useless-mustaches': 'warn',
-                'vue/no-useless-v-bind': 'warn',
-                'vue/require-direct-export': 'warn',
-                'vue/require-name-property': 'warn',
-                'vue/v-for-delimiter-style': 'warn',
-                'vue/v-on-handler-style': ['warn', 'inline'],
-            },
-            ...{
-                'vue/dot-notation': 'warn',
-                'vue/eqeqeq': 'error',
-                'vue/no-console': ['warn', { allow: ['warn', 'error'] }],
-                'vue/no-constant-condition': 'error',
-                'vue/no-empty-pattern': 'error',
-                'vue/no-implicit-coercion': 'warn',
-                'vue/no-irregular-whitespace': ['error', { skipTemplates: true }],
-                'vue/no-loss-of-precision': 'error',
-                'vue/no-negated-condition': 'warn',
-                'vue/no-sparse-arrays': 'error',
-                'vue/no-useless-concat': 'warn',
-                'vue/object-shorthand': 'warn',
-                'vue/prefer-template': 'warn',
-            },
-        },
-    },
-    {
-        files: ['**/*.vue'],
-        rules: {
-            'no-useless-assignment': 'off', // ESLint не умеет работать с этим правилом внутри <template>
-        },
-    },
-    eslintConfigPrettier,
-];
-
-export default config;

packages/eslint-config/package.json

@@ -1,26 +0,0 @@
-{
-  "name": "@advdominion/eslint-config",
-  "version": "2.1.0",
-  "type": "module",
-  "main": "index.js",
-  "repository": {
-    "type": "git",
-    "url": "https://gitea.optiweb.ru/public/frontend.git"
-  },
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@eslint/js": "^10.0.1",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-unicorn": "^64.0.0",
-    "eslint-plugin-vue": "^10.8.0",
-    "globals": "^17.4.0",
-    "vue-eslint-parser": "^10.4.0"
-  },
-  "peerDependencies": {
-    "eslint": "^10.0.0"
-  }
-}

packages/lightbox-gallery/README.md

@@ -0,0 +1,98 @@
+# lightbox-gallery
+
+## Требования
+
+- [Swiper](https://github.com/nolimits4web/swiper)
+
+## Подключение и настройка
+
+### HTML
+
+```html
+<div id="list">
+    <a href="/example.jpg">...</a>
+    <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">...</a>
+    <a href="https://vkvideo.ru/video-101556650_456239825">...</a>
+</div>
+```
+
+### Стили
+
+```scss
+@use '@advdominion/lightbox-gallery/styles.css';
+```
+
+### Минимальные настройки
+
+```js
+import { gallery } from '@advdominion/lightbox-gallery';
+
+gallery(document.querySelector('#list'), {
+    icons: {
+        close: `/icons.svg#close`,
+    },
+});
+```
+
+### Все настройки
+
+```js
+import { gallery } from '@advdominion/lightbox-gallery';
+
+gallery(document.querySelector('#list'), {
+    single: false,
+    swiper: {
+        speed: 300,
+        pagination: {
+            el: '.swiper-pagination',
+        },
+        navigation: {
+            prevEl: '.swiper-button-prev',
+            nextEl: '.swiper-button-next',
+        },
+    },
+    pagination: `
+        <div class="swiper-pagination"></div>
+    `,
+    navigation: `
+        <div class="swiper-button-prev"></div>
+        <div class="swiper-button-next"></div>
+    `,
+    animation: {
+        show: {
+            duration: 500,
+            easing: 'linear',
+        },
+        hide: {
+            duration: 500,
+            easing: 'linear',
+        },
+    },
+    icons: {
+        close: `/icons.svg#close`,
+    },
+});
+```
+
+### Одиночный элемент
+
+```js
+import { gallery } from '@advdominion/lightbox-gallery';
+
+gallery(document.querySelector('#list > a:first-child'), {
+    single: true,
+    animation: {
+        show: {
+            duration: 500,
+            easing: 'linear',
+        },
+        hide: {
+            duration: 500,
+            easing: 'linear',
+        },
+    },
+    icons: {
+        close: `/icons.svg#close`,
+    },
+});
+```

packages/lightbox-gallery/index.js

@@ -0,0 +1,424 @@
+/* globals GalleryYTPlayer, YT, GalleryVKPlayer, VK */
+
+import { getScrollbarWidth } from '@advdominion/get-scrollbar-width';
+
+const getYTPlayer = () => {
+        const script = document.createElement('script');
+        script.src = 'https://www.youtube.com/player_api';
+        script.async = true;
+        document.body.append(script);
+    },
+    getVKPlayer = () => {
+        const script = document.createElement('script');
+        script.src = 'https://vk.com/js/api/videoplayer.js';
+        script.async = true;
+        document.body.append(script);
+    },
+    playVideo = (slide) => {
+        const youtube = slide.querySelector('.advdominion-lg__video_youtube'),
+            vk = slide.querySelector('.advdominion-lg__video_vk'),
+            rt = slide.querySelector('.advdominion-lg__video_rt');
+
+        if (youtube) {
+            if (slide.YTPlayer) {
+                if (slide.classList.contains('swiper-slide-active')) {
+                    slide.YTPlayer.playVideo();
+                }
+            } else if (window.YT) {
+                if (GalleryYTPlayer.state) {
+                    slide.YTPlayer = new YT.Player(youtube, {
+                        videoId: youtube.dataset.id,
+                        events: {
+                            onReady(event) {
+                                if (slide.classList.contains('swiper-slide-active')) {
+                                    event.target.playVideo();
+                                }
+                            },
+                        },
+                    });
+                } else {
+                    GalleryYTPlayer.addListener(() => {
+                        playVideo(slide);
+                    });
+                }
+            } else {
+                getYTPlayer();
+                GalleryYTPlayer.addListener(() => {
+                    playVideo(slide);
+                });
+            }
+        } else if (vk) {
+            if (slide.VKPlayer) {
+                if (slide.classList.contains('swiper-slide-active')) {
+                    slide.VKPlayer.play();
+                }
+            } else if (window.VK?.VideoPlayer) {
+                if (GalleryVKPlayer.state) {
+                    slide.VKPlayer = VK.VideoPlayer(vk);
+                    slide.VKPlayer.on('inited', () => {
+                        if (slide.classList.contains('swiper-slide-active')) {
+                            slide.VKPlayer.play();
+                        }
+                    });
+                } else {
+                    GalleryVKPlayer.addListener(() => {
+                        playVideo(slide);
+                    });
+                }
+            } else {
+                getVKPlayer();
+                GalleryVKPlayer.addListener(() => {
+                    playVideo(slide);
+                });
+            }
+        } else if (rt) {
+            const videoId = /embed\/(\w+)/.exec(rt.getAttribute('src'))?.[1],
+                checkInterval = setInterval(() => {
+                    if (window.GalleryRTPlayer) {
+                        if (window.GalleryRTPlayer.has(videoId)) {
+                            clearInterval(checkInterval);
+                            if (slide.classList.contains('swiper-slide-active')) {
+                                rt.contentWindow.postMessage(
+                                    JSON.stringify({
+                                        type: 'player:play',
+                                        data: {},
+                                    }),
+                                    '*',
+                                );
+                            }
+                        }
+                    } else {
+                        clearInterval(checkInterval);
+                    }
+                }, 100);
+            slide.checkInterval = checkInterval;
+        }
+    },
+    pauseVideo = (slide) => {
+        const youtube = slide.querySelector('.advdominion-lg__video_youtube'),
+            vk = slide.querySelector('.advdominion-lg__video_vk'),
+            rt = slide.querySelector('.advdominion-lg__video_rt');
+
+        if (youtube && slide.YTPlayer) {
+            slide.YTPlayer.pauseVideo();
+        } else if (vk && slide.VKPlayer) {
+            slide.VKPlayer.pause();
+        } else if (rt) {
+            rt.contentWindow.postMessage(
+                JSON.stringify({
+                    type: 'player:pause',
+                    data: {},
+                }),
+                '*',
+            );
+        }
+    },
+    setVideoSize = (gallery) => {
+        const items = gallery.querySelectorAll('.advdominion-lg__video-wrapper');
+        items[0].style.cssText = '';
+        let height = (items[0].getBoundingClientRect().width * 9) / 16,
+            width = '';
+        if (height > items[0].getBoundingClientRect().height) {
+            height = items[0].getBoundingClientRect().height;
+            width = `${(height * 16) / 9}px`;
+        }
+        for (const item of items) {
+            item.style.cssText = `
+            height: ${height}px;
+            width: ${width};
+        `;
+        }
+    },
+    hide = async (duration = 500, easing = 'linear') => {
+        const gallery = document.body.querySelector('.advdominion-lg');
+
+        await gallery.animate([{ opacity: 1 }, { opacity: 0 }], {
+            duration,
+            easing,
+        }).finished;
+
+        // Очищаем интервалы проверки для видео
+        for (const slide of gallery.querySelectorAll('.advdominion-lg__item_video')) {
+            if (slide.checkInterval) {
+                clearInterval(slide.checkInterval);
+            }
+        }
+
+        gallery.remove();
+        delete window.GalleryRTPlayer;
+
+        document.body.style.cssText = `
+        overflow: '';
+        margin-right: '';
+    `;
+    },
+    show = async (duration = 500, easing = 'linear') => {
+        const gallery = document.body.querySelector('.advdominion-lg');
+
+        document.body.style.cssText = `
+        overflow: hidden;
+        margin-right: ${getScrollbarWidth()}px
+    `;
+
+        await gallery.animate([{ opacity: 0 }, { opacity: 1 }], {
+            duration,
+            easing,
+        }).finished;
+    },
+    init = async (items = [], options = {}, index = 0) => {
+        const [{ default: Swiper }, { Navigation, Pagination }] = await Promise.all([
+                import('swiper'),
+                import('swiper/modules'),
+            ]),
+            isVideoInGallery = {
+                yt: false,
+                vk: false,
+                rt: false,
+            };
+        items = items.map(({ url: item, caption }) => {
+            if (/youtube\.com\/watch\?v=/.test(item)) {
+                isVideoInGallery.yt = true;
+                return `
+                <div class="advdominion-lg__item advdominion-lg__item_video swiper-slide">
+                    <div class="advdominion-lg__video-wrapper">
+                        <div
+                            class="advdominion-lg__video advdominion-lg__video_youtube"
+                            data-id="${/v=([\w-]+)/i.exec(item)[1]}">
+                            Загрузка YouTube-плеера...
+                        </div>
+                    </div>
+                    ${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
+                </div>
+            `;
+            } else if (/(?:vkvideo\.ru|vk\.com)\/video/.test(item)) {
+                isVideoInGallery.vk = true;
+                const videoId = /(?:vkvideo\.ru|vk\.com)\/video(-?\d+)_(\d+)/.exec(item);
+                if (videoId === null) {
+                    return `
+                    <div class="advdominion-lg__item advdominion-lg__item_video swiper-slide">
+                        <div class="advdominion-lg__video-wrapper">
+                            <div class="advdominion-lg__video advdominion-lg__video_vk">
+                                Ошибка при загрузке VK-плеера
+                            </div>
+                        </div>
+                        ${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
+                    </div>
+                `;
+                }
+                return `
+                <div class="advdominion-lg__item advdominion-lg__item_video swiper-slide">
+                    <div class="advdominion-lg__video-wrapper">
+                        <iframe
+                            class="advdominion-lg__video advdominion-lg__video_vk"
+                            src="https://vkvideo.ru/video_ext.php?oid=${videoId[1]}&id=${videoId[2]}&hd=4&js_api=1"
+                            allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;">
+                        </iframe>
+                    </div>
+                    ${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
+                </div>
+            `;
+            } else if (/rutube\.ru/.test(item)) {
+                isVideoInGallery.rt = true;
+                const videoId = /video\/(\w+)/.exec(item);
+                if (videoId === null) {
+                    return `
+                    <div class="advdominion-lg__item advdominion-lg__item_video swiper-slide">
+                        <div class="advdominion-lg__video-wrapper">
+                            <div class="advdominion-lg__video advdominion-lg__video_rt">
+                                Ошибка при загрузке RuTube-плеера
+                            </div>
+                        </div>
+                        ${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
+                    </div>
+                `;
+                }
+                return `
+                <div class="advdominion-lg__item advdominion-lg__item_video swiper-slide">
+                    <div class="advdominion-lg__video-wrapper">
+                        <iframe
+                            class="advdominion-lg__video advdominion-lg__video_rt"
+                            src="https://rutube.ru/play/embed/${videoId[1]}"
+                            allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;">
+                        </iframe>
+                    </div>
+                    ${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
+                </div>
+            `;
+            }
+            return `
+            <div class="advdominion-lg__item swiper-slide">
+                <img class="advdominion-lg__image" src="${item}" alt="" loading="lazy">
+                ${caption ? `<div class="advdominion-lg__caption">${caption}</div>` : ''}
+            </div>
+        `;
+        });
+
+        if (isVideoInGallery.yt && !window.GalleryYTPlayer) {
+            window.GalleryYTPlayer = {
+                state: false,
+                get init() {
+                    return this.state;
+                },
+                set init(val) {
+                    this.state = val;
+                    for (const i of this.callback) {
+                        i(val);
+                    }
+                },
+                callback: [],
+                addListener(callback) {
+                    this.callback.push(callback);
+                },
+            };
+
+            window.onYouTubeIframeAPIReady = () => {
+                window.GalleryYTPlayer.init = true;
+            };
+        }
+
+        if (isVideoInGallery.vk && !window.GalleryVKPlayer) {
+            window.GalleryVKPlayer = {
+                state: false,
+                get init() {
+                    return this.state;
+                },
+                set init(val) {
+                    this.state = val;
+                    for (const i of this.callback) {
+                        i(val);
+                    }
+                },
+                callback: [],
+                addListener(callback) {
+                    this.callback.push(callback);
+                },
+            };
+
+            const checkInterval = setInterval(() => {
+                if (window.VK?.VideoPlayer) {
+                    clearInterval(checkInterval);
+                    window.GalleryVKPlayer.init = true;
+                }
+            }, 100);
+        }
+
+        if (isVideoInGallery.rt) {
+            window.GalleryRTPlayer = new Set();
+            window.addEventListener('message', (event) => {
+                if (event.origin.includes('rutube.ru') && typeof event.data === 'string') {
+                    const message = JSON.parse(event.data);
+                    if (message.type === 'player:ready') {
+                        window.GalleryRTPlayer.add(message.data.videoId);
+                    }
+                }
+            });
+        }
+
+        document.body.insertAdjacentHTML(
+            'beforeend',
+            `
+            <div class="advdominion-lg">
+                <button class="advdominion-lg__close" type="button">
+                    <svg class="advdominion-lg__close-icon"><use href="${options.icons.close}" /></svg>
+                </button>
+                <div class="advdominion-lg__container swiper">
+                    <div class="advdominion-lg__wrapper swiper-wrapper">
+                        ${items.join('')}
+                    </div>
+                    ${options.pagination || ''}
+                    ${options.navigation || ''}
+                </div>
+            </div>
+        `,
+        );
+
+        const gallery = document.body.querySelector('.advdominion-lg');
+
+        gallery.querySelector('.advdominion-lg__container').style.cssText = `
+        visibility: hidden;
+    `;
+
+        await show(options?.animation?.show?.duration, options?.animation?.show?.easing);
+
+        const swiper = new Swiper(gallery.querySelector('.advdominion-lg__container'), {
+            init: false,
+            initialSlide: index,
+            ...options.swiper,
+            modules: [...new Set([Navigation, Pagination, ...(options.swiper?.modules || [])])],
+        });
+
+        swiper.on('init', function init() {
+            gallery.querySelector('.advdominion-lg__container').style.cssText = `
+            visibility: '';
+        `;
+
+            if (this.slides[this.activeIndex].classList.contains('advdominion-lg__item_video')) {
+                playVideo(this.slides[this.activeIndex]);
+            }
+
+            if (isVideoInGallery.yt || isVideoInGallery.vk || isVideoInGallery.rt) {
+                setVideoSize(gallery);
+            }
+        });
+
+        swiper.on('slideChange', function init() {
+            setTimeout(() => {
+                for (const [index, slide] of Object.entries(this.slides)) {
+                    if (slide.classList.contains('advdominion-lg__item_video')) {
+                        if (Number(index) === this.activeIndex) {
+                            playVideo(slide);
+                        } else {
+                            pauseVideo(slide);
+                        }
+                    }
+                }
+            }, 0);
+        });
+
+        swiper.on('resize', () => {
+            if (isVideoInGallery.yt || isVideoInGallery.vk || isVideoInGallery.rt) {
+                setVideoSize(gallery);
+            }
+        });
+
+        swiper.init();
+
+        const closeHandler = () => {
+                hide(options?.animation?.hide?.duration, options?.animation?.hide?.easing);
+            },
+            keydownHandler = (e) => {
+                if (e.key === 'Escape') {
+                    closeHandler();
+                    document.body.removeEventListener('keydown', keydownHandler);
+                }
+            };
+
+        gallery.querySelector('.advdominion-lg__close').addEventListener('click', closeHandler);
+        document.body.addEventListener('keydown', keydownHandler);
+    };
+
+export const gallery = (container, options) => {
+    const items = [];
+    if (options.single) {
+        const element = container.children[0];
+        items.push({
+            url: element.href,
+            caption: document.querySelector(element.dataset.galleryCaption)?.textContent,
+        });
+        container.addEventListener('click', (event) => {
+            event.preventDefault();
+            init(items, options);
+        });
+    } else {
+        for (const [index, element] of [...container.children].entries()) {
+            items.push({
+                url: element.href,
+                caption: document.querySelector(element.dataset.galleryCaption)?.textContent,
+            });
+            element.addEventListener('click', (event) => {
+                event.preventDefault();
+                init(items, options, index);
+            });
+        }
+    }
+};

packages/lightbox-gallery/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@advdominion/lightbox-gallery",
+  "version": "5.0.0",
+  "type": "module",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://gitea.optiweb.ru/public/lightbox-gallery.git"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@advdominion/get-scrollbar-width": "^2.0.0"
+  },
+  "peerDependencies": {
+    "swiper": "^14.0.0"
+  }
+}

packages/lightbox-gallery/styles.css

@@ -0,0 +1,75 @@
+.advdominion-lg {
+    background-color: white;
+    height: 100%;
+    left: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 999;
+}
+
+.advdominion-lg__close {
+    position: absolute;
+    right: 0;
+    top: 0;
+    z-index: 2;
+}
+
+.advdominion-lg__close-icon {
+    fill: currentcolor;
+    height: 25px;
+    width: 25px;
+}
+
+.advdominion-lg__container.swiper {
+    height: 100%;
+}
+
+.advdominion-lg__wrapper.swiper-wrapper {
+}
+
+.advdominion-lg__item.swiper-slide {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    gap: 25px;
+    justify-content: center;
+}
+
+.advdominion-lg__item_video.swiper-slide {
+}
+
+.advdominion-lg__image {
+    max-height: 100%;
+    max-width: 100%;
+}
+
+.advdominion-lg__video-wrapper {
+    height: 100%;
+    position: relative;
+    width: 100%;
+}
+
+.advdominion-lg__video {
+    border: none;
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
+
+div.advdominion-lg__video {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+}
+
+.advdominion-lg__video_youtube {
+}
+
+.advdominion-lg__video_vk {
+}
+
+.advdominion-lg__caption {
+}

prettier.config.js

@@ -1,13 +0,0 @@
-export default {
-    printWidth: 120,
-    singleQuote: true,
-    quoteProps: 'consistent',
-    overrides: [
-        {
-            files: 'packages/*/package.json',
-            options: {
-                tabWidth: 2,
-            },
-        },
-    ],
-};