@designcrowd/library.brand-page 5.17.27-shape-memory-2 → 5.17.27

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 (24) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-CmwyVngB.js → CreatedOnBrandCrowd-de-de-DjrwAblu.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-BsYNmX7g.js → CreatedOnBrandCrowd-en-us-Clib9Fmn.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-Di-Cb90E.js → CreatedOnBrandCrowd-es-es-FAUHtPC2.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-DkPUGPrO.js → CreatedOnBrandCrowd-fr-ca-I1bem2U3.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-DkPUGPrO.js → CreatedOnBrandCrowd-fr-fr-I1bem2U3.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-BB1hWv0w.js → CreatedOnBrandCrowd-pt-br-B4-cqGVL.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-BB1hWv0w.js → CreatedOnBrandCrowd-pt-pt-B4-cqGVL.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-CLPQHUdt.js → CreatedOnDcom-de-de-DCiTSoZu.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-4xPohzcl.js → CreatedOnDcom-en-us-CBwxJf3p.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-COjxz_Aa.js → CreatedOnDcom-es-es-CuWpM6Ui.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-sxQVouYP.js → CreatedOnDcom-fr-ca-BPW1Q-90.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-B2XC86kO.js → CreatedOnDcom-fr-fr-COX-ZI7v.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-CYK9le9x.js → CreatedOnDcom-pt-br-N6E3uYhE.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-CF-QACKl.js → CreatedOnDcom-pt-pt-BUBb5xjA.js} +1 -1
  15. package/lib/src/css/library.brand-page-brandCrowd.min.css +25 -34
  16. package/lib/src/css/library.brand-page-brandPage.min.css +25 -34
  17. package/lib/src/css/library.brand-page-designCom.min.css +25 -34
  18. package/lib/src/css/library.brand-page-preview.min.css +25 -34
  19. package/lib/src/index.mjs +1 -1
  20. package/lib/src/{lib-vkr7dfRD.js → lib-CsTVlu2a.js} +3121 -3127
  21. package/package.json +1 -1
  22. package/src/brand-page/components/background-shape/BackgroundShape.vue +8 -7
  23. package/src/brand-page/components/media/Shape.vue +3 -1
  24. package/src/brand-page/components/page/Page.vue +5 -27
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@designcrowd/library.brand-page",
3
3
  "description": "A collection of Maker/Designer applications",
4
- "version": "5.17.27-shape-memory-2",
4
+ "version": "5.17.27",
5
5
  "author": "Design.com Eng",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",
package/src/brand-page/components/background-shape/BackgroundShape.vue CHANGED
@@ -1,12 +1,7 @@
1
1
  <template>
2
2
  <div data-component="background-shape" class="c-shape-background">
3
3
  <div :style="backgroundShapesStyle" class="c-shape c-shape-object">
4
- <img
5
- class="tw-w-full tw-h-full"
6
- :src="objectUrl"
7
- alt=""
8
- aria-hidden="true"
9
- />
4
+ <object class="tw-w-full tw-h-full" :data="objectUrl" />
10
5
  </div>
11
6
  </div>
12
7
  </template>
@@ -19,10 +14,16 @@ export default {
19
14
  </script>
20
15
  <style scoped>
21
16
  .c-shape-background {
22
- position: absolute;
17
+ transform: translate3d(0, 0, 0);
18
+ position: fixed;
23
19
  top: 0;
24
20
  left: 0;
25
21
  width: 100%;
22
+ height: 100vh;
23
+ }
24
+
25
+ .template-preview .c-shape-background,
26
+ .device-wrapper .c-shape-background {
26
27
  height: 100%;
27
28
  }
28
29
 
package/src/brand-page/components/media/Shape.vue CHANGED
@@ -4,7 +4,9 @@
4
4
  class="c-shape c-shape-object"
5
5
  :class="{ 'tw-flex tw-justify-center tw-items-center': size }"
6
6
  >
7
- <img :style="objectStyle" :src="objectUrl" alt="" aria-hidden="true" />
7
+ <object :style="objectStyle" :data="objectUrl" />
8
+ <!-- Div overlay over object element so that clicks are registered on current dom rather than iframe in side object -->
9
+ <div :style="objectStyle" class="tw-absolute tw-pointer-events-none" />
8
10
  </div>
9
11
  </div>
10
12
  </template>
package/src/brand-page/components/page/Page.vue CHANGED
@@ -33,17 +33,11 @@
33
33
  "
34
34
  >
35
35
  <div class="brand-page">
36
- <div
37
- v-if="backgroundShapes.length"
38
- class="brand-page__background-shapes-layer"
39
- aria-hidden="true"
40
- >
41
- <BackgroundShape
42
- v-for="(shape, i) in backgroundShapes"
43
- :key="`${shape.name}-${i}`"
44
- :view-model="shape"
45
- />
46
- </div>
36
+ <BackgroundShape
37
+ v-for="(shape, i) in backgroundShapes"
38
+ :key="`${shape.name}-${i}`"
39
+ :view-model="shape"
40
+ />
47
41
  <div
48
42
  id="preview-page-scroll"
49
43
  class="brand-page__inner tw-overflow-x-hidden tw-overflow-y-auto"
@@ -354,22 +348,6 @@ body {
354
348
  @apply tw-h-full tw-box-border tw-flex tw-flex-col;
355
349
  }
356
350
 
357
- .brand-page__background-shapes-layer {
358
- position: fixed;
359
- top: 0;
360
- left: 0;
361
- width: 100%;
362
- height: 100vh;
363
- pointer-events: none;
364
- transform: translate3d(0, 0, 0);
365
- contain: layout paint;
366
- }
367
-
368
- .template-preview .brand-page__background-shapes-layer,
369
- .device-wrapper .brand-page__background-shapes-layer {
370
- height: 100%;
371
- }
372
-
373
351
  .brand-page__inner--default {
374
352
  @apply tw-h-full tw-flex tw-flex-col tw-relative tw-z-10;
375
353
  }