@total_onion/onion-library 2.0.263 → 3.0.0

package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js

@@ -1,4 +1,3 @@
-import {getSwiperAssetsV2} from '@total_onion/onion-utils/onion-utils.mjs';
 import {Navigation, Pagination, Autoplay, EffectFade} from 'swiper/modules';
 // import Swiper and modules styles
 import 'swiper/css/bundle';
@@ -229,3 +228,16 @@ export default function carouselmultilayoutv3Js(options = {}) {
 		console.error(error);
 	}
 }
+
+/**
+ * Dynamically retrieves the swiper css and js and returns a resolved promise when they have both been successfully fetched.
+ * @returns {promise}
+ */
+function getSwiperAssetsV2(options = {css: 'bundle'}) {
+	const getSwiperJs = () => import(/* webpackChunkName: 'swiper' */ 'swiper');
+
+	const promisedJs = Promise.all([getSwiperJs()]).then((values) => {
+		return values;
+	});
+	return promisedJs;
+}

package/components/component-responsive-image-v3/responsive-image-v3.scss

@@ -6,6 +6,7 @@
 	&__picture {
 		margin: auto;
 		width: var(--image-width-mobile, 100%);
+		height: 100%;
 		grid-area: var(--image-grid-area, main);
 		position: var(--image-position, relative);
 		translate: var(--image-offset-horiz) var(--image-offset-vert);

package/components/webc-post-filter-module/dev-content/dev-content.js

@@ -28,6 +28,7 @@ import maxOnMat from './max-on-the-mat.webp';
 import marthaOnMat from './martha-on-the-mat.webp';
 import vanilleBass from './vanille-bass.webp';
 import vanilleNap from './vanille-asleep.webp';
+import mephyMice from './mephy-dreams-of-mice.webp';
 
 export const devContentPets = [
 	{
@@ -297,6 +298,15 @@ export const devContentPets = [
 			post_image_src: vanilleBass
 		},
 
+		categories: [14, 10, 4, 1]
+	},
+	{
+		name: `Mephy <span class='font-secondary'>Dreams of Mice</span>`,
+		link: 'https://totalonion.com',
+		images: {
+			post_image_src: mephyMice
+		},
+
 		categories: [14, 10, 4, 1]
 	}
 ];

package/components/webc-post-filter-module/dev-content/dev-contentlocal.js

@@ -41,6 +41,7 @@ const marthaOnMat =
 	'../webc-post-filter-module/dev-content/martha-on-the-mat.webp';
 const vanilleBass = '../webc-post-filter-module/dev-content/vanille-bass.webp';
 const vanilleNap = '../webc-post-filter-module/dev-content/vanille-asleep.webp';
+const mephyMice = './mephy-dreams-of-mice.webp';
 
 export const devContentPets = [
 	{
@@ -311,6 +312,15 @@ export const devContentPets = [
 		},
 
 		categories: [14, 10, 4, 1]
+	},
+	{
+		name: `Mephy <span class='font-secondary'>Dreams of Mice</span>`,
+		link: 'https://totalonion.com',
+		images: {
+			post_image_src: mephyMice
+		},
+
+		categories: [14, 10, 3]
 	}
 ];
 

package/onion-utils.mjs

@@ -240,55 +240,6 @@ export function footerIntersection(entries, element) {
 	});
 }
 
-/**
- * Dynamically retrieves the swiper css and js and returns a resolved promise when they have both been successfully fetched.
- * @returns {promise}
- */
-export function getSwiperAssetsV2(options = { css: "bundle" }) {
-	const getSwiperJs = () => import(/* webpackChunkName: 'swiper' */ "swiper");
-
-	const promisedJs = Promise.all([getSwiperJs()]).then((values) => {
-		return values;
-	});
-	return promisedJs;
-}
-
-/**
- * Dynamically retrieves the jQuery and returns a resolved promise when it has been successfully fetched.
- * @returns {promise}
- */
-export function getJquery() {
-	if (!window.jQuery) {
-		const importCode = () =>
-			import(/* webpackChunkName: 'jquery' */ "jquery/dist/jquery.min.js");
-		return importCode();
-	}
-	return Promise.resolve();
-}
-
-/**
- * Dynamically retrieves GSAP and the scrolltrigger plugin and returns a resolved promise when they have both been successfully fetched.
- * @returns {promise}
- */
-export function getGsap() {
-	const gsapCore = () =>
-		import("gsap/dist/gsap.min.js").then((gsapObj) => {
-			const { gsap } = gsapObj;
-			return gsap;
-		});
-
-	const gsapPlugin = () =>
-		import("gsap/dist/ScrollTrigger.min.js").then((scrollObj) => {
-			const ScrollTrigger = scrollObj;
-			return ScrollTrigger;
-		});
-
-	const prom = Promise.all([gsapCore(), gsapPlugin()]).then((values) => {
-		return values;
-	});
-	return prom;
-}
-
 /**
  * Returns true if the device is a tablet device.
  * @param {*} userAgent Pass the value of navigator.userAgent.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "2.0.263",
+	"version": "3.0.0",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {
@@ -19,33 +19,25 @@
 	"homepage": "https://github.com/TotalOnion/onion-library#readme",
 	"dependencies": {
 		"@total_onion/onion-modalcontroller": "^1.0.5",
-		"@total_onion/onion-utils": "^1.0.10",
 		"@total_onion/onion-videocontroller": "^1.1.13",
+		"lottie-web": "^5.13.0"
+	},
+	"devDependencies": {
+		"fs": "^0.0.1-security",
+		"fs-extra": "^11.1.0",
+		"glob": "^11.0.0",
+		"baseline-browser-mapping": "^2.9.15",
+		"dotenv": "^16.0.3",
+		"esbuild": "^0.27.2",
 		"autoprefixer": "^10.4.21",
 		"compressing": "^2.0.0",
 		"cpy": "^9.0.1",
 		"esbuild-sass-plugin": "^3.3.1",
-		"flatpickr": "^4.6.13",
-		"fs": "^0.0.1-security",
-		"fs-extra": "^11.1.0",
-		"glob": "^11.0.0",
-		"jquery": "^3.7.1",
-		"lottie-web": "^5.13.0",
 		"postcss": "^8.5.6",
 		"postcss-preset-env": "^10.3.1",
 		"prettier": "^2.6.2",
 		"swiper": "^12.0.2",
-		"twig-loader": "^0.5.5",
 		"url-loader": "^4.1.1",
-		"vue-loader": "^17.4.2",
-		"vue-template-compiler": "^2.7.16",
 		"yargs": "^17.4.1"
-	},
-	"devDependencies": {
-		"baseline-browser-mapping": "^2.9.15",
-		"dotenv": "^16.0.3",
-		"esbuild": "^0.27.2",
-		"gsap": "^3.13.0",
-		"vue": "^3.5.22"
 	}
 }