@total_onion/onion-library 2.0.264 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js +13 -1
  2. package/components/component-responsive-image-v3/responsive-image-v3.scss +1 -0
  3. package/onion-utils.mjs +0 -49
  4. package/package.json +10 -18
  5. package/public/assetList.mjs +1 -1
  6. package/public/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js +10 -1
  7. package/public/block-single-responsive-image-v3/single-responsive-image-v3.css +1 -0
  8. package/public/dynamicBlockScss-v3.scss +0 -1
  9. package/public/jsAssets.mjs +0 -2
  10. package/components/block-post-type-filter-grid-v3/group_64690c62487bc.json +0 -4389
  11. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/better-reviews-widget.vue +0 -15
  12. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/buy-now-widget.vue +0 -72
  13. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/divider-widget.vue +0 -11
  14. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/global-image-widget.vue +0 -23
  15. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/media-widget.vue +0 -23
  16. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-author-widget.vue +0 -15
  17. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-category-widget.vue +0 -20
  18. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-component.vue +0 -73
  19. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-headline-widget.vue +0 -16
  20. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-image-widget.vue +0 -60
  21. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-info-description.vue +0 -15
  22. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-info-subtitle.vue +0 -15
  23. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-link-widget.vue +0 -47
  24. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-publish-widget.vue +0 -44
  25. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-tags-widget.vue +0 -19
  26. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-text-alternative-style.vue +0 -18
  27. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-title-widget.vue +0 -20
  28. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/pre-render-posts-html.twig +0 -17
  29. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/ptfg-posts.twig +0 -474
  30. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/ptfg-utils.vue +0 -41
  31. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/shopify-add-to-cart.vue +0 -25
  32. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/spacer-widget.vue +0 -13
  33. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/text-search.vue +0 -10
  34. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.js +0 -14
  35. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.php +0 -17
  36. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.scss +0 -762
  37. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.twig +0 -139
  38. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.vue +0 -811
@@ -1,4 +1,3 @@
1
- import {getSwiperAssetsV2} from '@total_onion/onion-utils/onion-utils.mjs';
2
1
  import {Navigation, Pagination, Autoplay, EffectFade} from 'swiper/modules';
3
2
  // import Swiper and modules styles
4
3
  import 'swiper/css/bundle';
@@ -229,3 +228,16 @@ export default function carouselmultilayoutv3Js(options = {}) {
229
228
  console.error(error);
230
229
  }
231
230
  }
231
+
232
+ /**
233
+ * Dynamically retrieves the swiper css and js and returns a resolved promise when they have both been successfully fetched.
234
+ * @returns {promise}
235
+ */
236
+ function getSwiperAssetsV2(options = {css: 'bundle'}) {
237
+ const getSwiperJs = () => import(/* webpackChunkName: 'swiper' */ 'swiper');
238
+
239
+ const promisedJs = Promise.all([getSwiperJs()]).then((values) => {
240
+ return values;
241
+ });
242
+ return promisedJs;
243
+ }
@@ -6,6 +6,7 @@
6
6
  &__picture {
7
7
  margin: auto;
8
8
  width: var(--image-width-mobile, 100%);
9
+ height: 100%;
9
10
  grid-area: var(--image-grid-area, main);
10
11
  position: var(--image-position, relative);
11
12
  translate: var(--image-offset-horiz) var(--image-offset-vert);
package/onion-utils.mjs CHANGED
@@ -240,55 +240,6 @@ export function footerIntersection(entries, element) {
240
240
  });
241
241
  }
242
242
 
243
- /**
244
- * Dynamically retrieves the swiper css and js and returns a resolved promise when they have both been successfully fetched.
245
- * @returns {promise}
246
- */
247
- export function getSwiperAssetsV2(options = { css: "bundle" }) {
248
- const getSwiperJs = () => import(/* webpackChunkName: 'swiper' */ "swiper");
249
-
250
- const promisedJs = Promise.all([getSwiperJs()]).then((values) => {
251
- return values;
252
- });
253
- return promisedJs;
254
- }
255
-
256
- /**
257
- * Dynamically retrieves the jQuery and returns a resolved promise when it has been successfully fetched.
258
- * @returns {promise}
259
- */
260
- export function getJquery() {
261
- if (!window.jQuery) {
262
- const importCode = () =>
263
- import(/* webpackChunkName: 'jquery' */ "jquery/dist/jquery.min.js");
264
- return importCode();
265
- }
266
- return Promise.resolve();
267
- }
268
-
269
- /**
270
- * Dynamically retrieves GSAP and the scrolltrigger plugin and returns a resolved promise when they have both been successfully fetched.
271
- * @returns {promise}
272
- */
273
- export function getGsap() {
274
- const gsapCore = () =>
275
- import("gsap/dist/gsap.min.js").then((gsapObj) => {
276
- const { gsap } = gsapObj;
277
- return gsap;
278
- });
279
-
280
- const gsapPlugin = () =>
281
- import("gsap/dist/ScrollTrigger.min.js").then((scrollObj) => {
282
- const ScrollTrigger = scrollObj;
283
- return ScrollTrigger;
284
- });
285
-
286
- const prom = Promise.all([gsapCore(), gsapPlugin()]).then((values) => {
287
- return values;
288
- });
289
- return prom;
290
- }
291
-
292
243
  /**
293
244
  * Returns true if the device is a tablet device.
294
245
  * @param {*} userAgent Pass the value of navigator.userAgent.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "2.0.264",
3
+ "version": "3.0.1",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -19,33 +19,25 @@
19
19
  "homepage": "https://github.com/TotalOnion/onion-library#readme",
20
20
  "dependencies": {
21
21
  "@total_onion/onion-modalcontroller": "^1.0.5",
22
- "@total_onion/onion-utils": "^1.0.10",
23
22
  "@total_onion/onion-videocontroller": "^1.1.13",
23
+ "lottie-web": "^5.13.0"
24
+ },
25
+ "devDependencies": {
26
+ "fs": "^0.0.1-security",
27
+ "fs-extra": "^11.1.0",
28
+ "glob": "^11.0.0",
29
+ "baseline-browser-mapping": "^2.9.15",
30
+ "dotenv": "^16.0.3",
31
+ "esbuild": "^0.27.2",
24
32
  "autoprefixer": "^10.4.21",
25
33
  "compressing": "^2.0.0",
26
34
  "cpy": "^9.0.1",
27
35
  "esbuild-sass-plugin": "^3.3.1",
28
- "flatpickr": "^4.6.13",
29
- "fs": "^0.0.1-security",
30
- "fs-extra": "^11.1.0",
31
- "glob": "^11.0.0",
32
- "jquery": "^3.7.1",
33
- "lottie-web": "^5.13.0",
34
36
  "postcss": "^8.5.6",
35
37
  "postcss-preset-env": "^10.3.1",
36
38
  "prettier": "^2.6.2",
37
39
  "swiper": "^12.0.2",
38
- "twig-loader": "^0.5.5",
39
40
  "url-loader": "^4.1.1",
40
- "vue-loader": "^17.4.2",
41
- "vue-template-compiler": "^2.7.16",
42
41
  "yargs": "^17.4.1"
43
- },
44
- "devDependencies": {
45
- "baseline-browser-mapping": "^2.9.15",
46
- "dotenv": "^16.0.3",
47
- "esbuild": "^0.27.2",
48
- "gsap": "^3.13.0",
49
- "vue": "^3.5.22"
50
42
  }
51
43
  }
@@ -1,3 +1,3 @@
1
1
 
2
- const dynamicAssets = ["./components/block-video-content-v3/video-content-v3.scss","./components/block-sub-group-container-v3/sub-group-container-v3.scss","./components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.scss","./components/block-standard-content-v3/standard-content-v3.scss","./components/block-spotify-embed-v3/spotify-embed-v3.scss","./components/block-spacer-v3/spacer-v3.scss","./components/block-social-networks-v3/social-networks-v3.scss","./components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.scss","./components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.scss","./components/block-site-logo-container-v3/site-logo-container-v3.scss","./components/block-site-copyright-notice-v3/site-copyright-notice-v3.scss","./components/block-single-responsive-image-v3/single-responsive-image-v3.scss","./components/block-single-column-container-v3/single-column-container-v3.scss","./components/block-section-separator-v3/section-separator-v3.scss","./components/block-scrolling-banner-v3/scrolling-banner-v3.scss","./components/block-responsive-table-v3/responsive-table-v3.scss","./components/block-raw-html-v3/raw-html-v3.scss","./components/block-product-info-v3/product-info-v3.scss","./components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.scss","./components/block-post-info-v3/post-info-v3.scss","./components/block-nav-menu-container-v3/nav-menu-container-v3.scss","./components/block-modal-form-v3/modal-form-v3.scss","./components/block-market-selector-v3/market-selector-v3.scss","./components/block-lottie-content-v3/lottie-content-v3.scss","./components/block-group-container-v3/group-container-v3.scss","./components/block-gradient-layer-v3/gradient-layer-v3.scss","./components/block-form-selection-v3/form-selection-v3.scss","./components/block-featured-image-gallery-v3/featured-image-gallery-v3.scss","./components/block-divider-v3/divider-v3.scss","./components/block-cover-link-v3/cover-link-v3.scss","./components/block-cocktail-recipe-v3/cocktail-recipe-v3.scss","./components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss","./components/block-block-interactions-v3/block-interactions-v3.scss","./components/block-betterreviews-display-v3/betterreviews-display-v3.scss","./components/block-back-to-top-button-v3/back-to-top-button-v3.scss","./components/block-accordion-v3/accordion-v3.scss","./components/block-accent-image-v3/accent-image-v3.scss","./components/block-video-content-v3/video-content-v3.js","./components/block-sub-group-container-v3/sub-group-container-v3.js","./components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.js","./components/block-standard-content-v3/standard-content-v3.js","./components/block-spotify-embed-v3/spotify-embed-v3.js","./components/block-spacer-v3/spacer-v3.js","./components/block-social-networks-v3/social-networks-v3.js","./components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.js","./components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.js","./components/block-site-logo-container-v3/site-logo-container-v3.js","./components/block-site-copyright-notice-v3/site-copyright-notice-v3.js","./components/block-single-responsive-image-v3/single-responsive-image-v3.js","./components/block-single-column-container-v3/single-column-container-v3.js","./components/block-section-separator-v3/section-separator-v3.js","./components/block-scrolling-banner-v3/scrolling-banner-v3.js","./components/block-responsive-table-v3/responsive-table-v3.js","./components/block-raw-html-v3/raw-html-v3.js","./components/block-product-info-v3/product-info-v3.js","./components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.js","./components/block-post-info-v3/post-info-v3.js","./components/block-nav-menu-container-v3/nav-menu-container-v3.js","./components/block-modal-form-v3/modal-form-v3.js","./components/block-market-selector-v3/market-selector-v3.js","./components/block-lottie-content-v3/lottie-content-v3.js","./components/block-group-container-v3/group-container-v3.js","./components/block-gradient-layer-v3/gradient-layer-v3.js","./components/block-form-selection-v3/form-selection-v3.js","./components/block-featured-image-gallery-v3/featured-image-gallery-v3.js","./components/block-divider-v3/divider-v3.js","./components/block-cover-link-v3/cover-link-v3.js","./components/block-cocktail-recipe-v3/cocktail-recipe-v3.js","./components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js","./components/block-block-interactions-v3/block-interactions-v3.js","./components/block-betterreviews-display-v3/betterreviews-display-v3.js","./components/block-back-to-top-button-v3/back-to-top-button-v3.js","./components/block-accordion-v3/accordion-v3.js","./components/block-accent-image-v3/accent-image-v3.js"];
2
+ const dynamicAssets = ["./components/block-video-content-v3/video-content-v3.scss","./components/block-sub-group-container-v3/sub-group-container-v3.scss","./components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.scss","./components/block-standard-content-v3/standard-content-v3.scss","./components/block-spotify-embed-v3/spotify-embed-v3.scss","./components/block-spacer-v3/spacer-v3.scss","./components/block-social-networks-v3/social-networks-v3.scss","./components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.scss","./components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.scss","./components/block-site-logo-container-v3/site-logo-container-v3.scss","./components/block-site-copyright-notice-v3/site-copyright-notice-v3.scss","./components/block-single-responsive-image-v3/single-responsive-image-v3.scss","./components/block-single-column-container-v3/single-column-container-v3.scss","./components/block-section-separator-v3/section-separator-v3.scss","./components/block-scrolling-banner-v3/scrolling-banner-v3.scss","./components/block-responsive-table-v3/responsive-table-v3.scss","./components/block-raw-html-v3/raw-html-v3.scss","./components/block-product-info-v3/product-info-v3.scss","./components/block-post-info-v3/post-info-v3.scss","./components/block-nav-menu-container-v3/nav-menu-container-v3.scss","./components/block-modal-form-v3/modal-form-v3.scss","./components/block-market-selector-v3/market-selector-v3.scss","./components/block-lottie-content-v3/lottie-content-v3.scss","./components/block-group-container-v3/group-container-v3.scss","./components/block-gradient-layer-v3/gradient-layer-v3.scss","./components/block-form-selection-v3/form-selection-v3.scss","./components/block-featured-image-gallery-v3/featured-image-gallery-v3.scss","./components/block-divider-v3/divider-v3.scss","./components/block-cover-link-v3/cover-link-v3.scss","./components/block-cocktail-recipe-v3/cocktail-recipe-v3.scss","./components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss","./components/block-block-interactions-v3/block-interactions-v3.scss","./components/block-betterreviews-display-v3/betterreviews-display-v3.scss","./components/block-back-to-top-button-v3/back-to-top-button-v3.scss","./components/block-accordion-v3/accordion-v3.scss","./components/block-accent-image-v3/accent-image-v3.scss","./components/block-video-content-v3/video-content-v3.js","./components/block-sub-group-container-v3/sub-group-container-v3.js","./components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.js","./components/block-standard-content-v3/standard-content-v3.js","./components/block-spotify-embed-v3/spotify-embed-v3.js","./components/block-spacer-v3/spacer-v3.js","./components/block-social-networks-v3/social-networks-v3.js","./components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.js","./components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.js","./components/block-site-logo-container-v3/site-logo-container-v3.js","./components/block-site-copyright-notice-v3/site-copyright-notice-v3.js","./components/block-single-responsive-image-v3/single-responsive-image-v3.js","./components/block-single-column-container-v3/single-column-container-v3.js","./components/block-section-separator-v3/section-separator-v3.js","./components/block-scrolling-banner-v3/scrolling-banner-v3.js","./components/block-responsive-table-v3/responsive-table-v3.js","./components/block-raw-html-v3/raw-html-v3.js","./components/block-product-info-v3/product-info-v3.js","./components/block-post-info-v3/post-info-v3.js","./components/block-nav-menu-container-v3/nav-menu-container-v3.js","./components/block-modal-form-v3/modal-form-v3.js","./components/block-market-selector-v3/market-selector-v3.js","./components/block-lottie-content-v3/lottie-content-v3.js","./components/block-group-container-v3/group-container-v3.js","./components/block-gradient-layer-v3/gradient-layer-v3.js","./components/block-form-selection-v3/form-selection-v3.js","./components/block-featured-image-gallery-v3/featured-image-gallery-v3.js","./components/block-divider-v3/divider-v3.js","./components/block-cover-link-v3/cover-link-v3.js","./components/block-cocktail-recipe-v3/cocktail-recipe-v3.js","./components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js","./components/block-block-interactions-v3/block-interactions-v3.js","./components/block-betterreviews-display-v3/betterreviews-display-v3.js","./components/block-back-to-top-button-v3/back-to-top-button-v3.js","./components/block-accordion-v3/accordion-v3.js","./components/block-accent-image-v3/accent-image-v3.js"];
3
3
  export default dynamicAssets;
@@ -1,4 +1,3 @@
1
- import { getSwiperAssetsV2 } from "@total_onion/onion-utils/onion-utils.mjs";
2
1
  import { Navigation, Pagination, Autoplay, EffectFade } from "swiper/modules";
3
2
  import "swiper/css/bundle";
4
3
  export default function carouselmultilayoutv3Js(options = {}) {
@@ -174,3 +173,13 @@ export default function carouselmultilayoutv3Js(options = {}) {
174
173
  console.error(error);
175
174
  }
176
175
  }
176
+ function getSwiperAssetsV2(options = { css: "bundle" }) {
177
+ const getSwiperJs = () => import(
178
+ /* webpackChunkName: 'swiper' */
179
+ "swiper"
180
+ );
181
+ const promisedJs = Promise.all([getSwiperJs()]).then((values) => {
182
+ return values;
183
+ });
184
+ return promisedJs;
185
+ }
@@ -2,6 +2,7 @@
2
2
  margin: auto;
3
3
  width: 100%;
4
4
  width: var(--image-width-mobile, 100%);
5
+ height: 100%;
5
6
  grid-area: main;
6
7
  grid-area: var(--image-grid-area, main);
7
8
  position: relative;
@@ -17,7 +17,6 @@
17
17
  @use '../components/block-responsive-table-v3/responsive-table-v3.scss';
18
18
  @use '../components/block-raw-html-v3/raw-html-v3.scss';
19
19
  @use '../components/block-product-info-v3/product-info-v3.scss';
20
- @use '../components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.scss';
21
20
  @use '../components/block-post-info-v3/post-info-v3.scss';
22
21
  @use '../components/block-nav-menu-container-v3/nav-menu-container-v3.scss';
23
22
  @use '../components/block-modal-form-v3/modal-form-v3.scss';
@@ -17,8 +17,6 @@ const dynamicAssets = [
17
17
  { assetKey: "responsive-table-v3" },
18
18
  { assetKey: "raw-html-v3" },
19
19
  { assetKey: "product-info-v3" },
20
- { assetKey: "post-type-filter-grid-v4" },
21
- { assetKey: "post-type-filter-grid-v3" },
22
20
  { assetKey: "post-info-v3" },
23
21
  { assetKey: "nav-menu-container-v3" },
24
22
  { assetKey: "modal-form-v3" },