@designcrowd/library.brand-page 5.11.9-shape-1 → 5.11.9

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 (25) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-R9PJaJIR.js → CreatedOnBrandCrowd-de-de-v4Pf4hwN.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-jx_fsN2A.js → CreatedOnBrandCrowd-en-us-B3vNwipT.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-BOVQ_TXx.js → CreatedOnBrandCrowd-es-es-Dc8YQ5_G.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-BXpaVKbd.js → CreatedOnBrandCrowd-fr-fr-B3T3BPVB.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-pt-pt-CMikYI-I.js → CreatedOnBrandCrowd-pt-pt-CFYi-3vN.js} +1 -1
  6. package/lib/src/{CreatedOnDcom-de-de-XVVqnrat.js → CreatedOnDcom-de-de-DeOW1C8t.js} +1 -1
  7. package/lib/src/{CreatedOnDcom-en-us-DP3M2UYp.js → CreatedOnDcom-en-us-DhLZ8yLF.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-es-es-D4qGde9N.js → CreatedOnDcom-es-es-CijeJ_l_.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-fr-fr-DuN2J9EU.js → CreatedOnDcom-fr-fr-DTBt4j-e.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-pt-pt-D4g-9r0M.js → CreatedOnDcom-pt-pt-BB0gCU7S.js} +1 -1
  11. package/lib/src/brand-page/components/background-shape/BackgroundShape.mixin.d.ts +0 -2
  12. package/lib/src/brand-page/components/background-shape/BackgroundShape.mixin.js +1 -14
  13. package/lib/src/brand-page/components/media/Shape.mixin.d.ts +1 -2
  14. package/lib/src/brand-page/components/media/Shape.mixin.js +2 -12
  15. package/lib/src/css/library.brand-page-brandCrowd.min.css +5 -5
  16. package/lib/src/css/library.brand-page-brandPage.min.css +5 -5
  17. package/lib/src/css/library.brand-page-designCom.min.css +5 -5
  18. package/lib/src/css/library.brand-page-preview.min.css +5 -5
  19. package/lib/src/index.mjs +1 -1
  20. package/lib/src/{lib-DlXXbO6K.js → lib-5zBDwXN9.js} +3303 -3303
  21. package/package.json +1 -1
  22. package/src/brand-page/components/background-shape/BackgroundShape.mixin.ts +1 -19
  23. package/src/brand-page/components/background-shape/BackgroundShape.vue +12 -2
  24. package/src/brand-page/components/media/Shape.mixin.ts +2 -16
  25. package/src/brand-page/components/media/Shape.vue +7 -0
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.11.9-shape-1",
4
+ "version": "5.11.9",
5
5
  "author": "Design.com Eng",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",
package/src/brand-page/components/background-shape/BackgroundShape.mixin.ts CHANGED
@@ -21,7 +21,7 @@ export default defineComponent({
21
21
  },
22
22
  },
23
23
  data() {
24
- return { svgData: '', svgDataObjectUrl: '', originalSvgData: '' };
24
+ return { svgData: '', originalSvgData: '' };
25
25
  },
26
26
  computed: {
27
27
  useObjectElement(): boolean {
@@ -49,14 +49,6 @@ export default defineComponent({
49
49
 
50
50
  return attributes.join(' ');
51
51
  },
52
-
53
- objectUrl(): string {
54
- if (!this.useObjectElement) {
55
- return this.svgDataObjectUrl;
56
- }
57
-
58
- return this.viewModel.name;
59
- },
60
52
  },
61
53
  watch: {
62
54
  'viewModel.style.color': {
@@ -87,11 +79,6 @@ export default defineComponent({
87
79
  return;
88
80
  }
89
81
 
90
- if (this.svgDataObjectUrl) {
91
- // clean up previous Object URL
92
- URL.revokeObjectURL(this.svgDataObjectUrl);
93
- }
94
-
95
82
  if (isURL(this.viewModel.name)) {
96
83
  if (!this.isValidSvgUrl(this.viewModel.name)) {
97
84
  return;
@@ -115,11 +102,6 @@ export default defineComponent({
115
102
  '<svg ',
116
103
  `<svg ${this.svgAttributes} `,
117
104
  );
118
-
119
- const blob = new Blob([this.svgData], { type: 'image/svg+xml' });
120
-
121
- // Create an Object URL
122
- this.svgDataObjectUrl = URL.createObjectURL(blob);
123
105
  },
124
106
  },
125
107
  });
package/src/brand-page/components/background-shape/BackgroundShape.vue CHANGED
@@ -1,8 +1,18 @@
1
1
  <template>
2
2
  <div class="c-shape-background">
3
- <div :style="backgroundShapesStyle" class="c-shape c-shape-object">
4
- <object class="tw-w-full tw-h-full" :data="objectUrl" />
3
+ <div
4
+ v-if="useObjectElement"
5
+ :style="backgroundShapesStyle"
6
+ class="c-shape c-shape-object"
7
+ >
8
+ <object class="tw-w-full tw-h-full" :data="viewModel.name" />
5
9
  </div>
10
+ <div
11
+ v-else
12
+ :style="backgroundShapesStyle"
13
+ class="c-shape"
14
+ v-html="svgData"
15
+ />
6
16
  </div>
7
17
  </template>
8
18
  <script>
package/src/brand-page/components/media/Shape.mixin.ts CHANGED
@@ -34,7 +34,7 @@ export default defineComponent({
34
34
  },
35
35
  },
36
36
  data() {
37
- return { svgData: '', svgDataObjectUrl: '', originalSvgData: '' };
37
+ return { svgData: '', originalSvgData: '' };
38
38
  },
39
39
  computed: {
40
40
  useObjectElement(): boolean {
@@ -53,10 +53,6 @@ export default defineComponent({
53
53
  },
54
54
 
55
55
  objectUrl() {
56
- if (!this.useObjectElement) {
57
- return this.svgDataObjectUrl;
58
- }
59
-
60
56
  let dimensionQuery = ``;
61
57
 
62
58
  if (this.size) {
@@ -72,7 +68,7 @@ export default defineComponent({
72
68
  const attributes: string[] = [];
73
69
 
74
70
  if (this.size) {
75
- attributes.push(`height="${this.size}" width="${this.size}"`);
71
+ attributes.push(`height=${this.size} width=${this.size}`);
76
72
  }
77
73
 
78
74
  return attributes.join(' ');
@@ -129,11 +125,6 @@ export default defineComponent({
129
125
  return;
130
126
  }
131
127
 
132
- if (this.svgDataObjectUrl) {
133
- // clean up previous Object URL
134
- URL.revokeObjectURL(this.svgDataObjectUrl);
135
- }
136
-
137
128
  this.svgData = applyColorReplacementsToSvgString(
138
129
  this.originalSvgData,
139
130
  this.colorReplacements,
@@ -143,11 +134,6 @@ export default defineComponent({
143
134
  '<svg ',
144
135
  `<svg ${this.svgAttributes} `,
145
136
  );
146
-
147
- const blob = new Blob([this.svgData], { type: 'image/svg+xml' });
148
-
149
- // Create an Object URL
150
- this.svgDataObjectUrl = URL.createObjectURL(blob);
151
137
  },
152
138
  },
153
139
  });
package/src/brand-page/components/media/Shape.vue CHANGED
@@ -1,11 +1,18 @@
1
1
  <template>
2
2
  <div :class="imgClasses">
3
3
  <div
4
+ v-if="useObjectElement"
4
5
  class="c-shape c-shape-object"
5
6
  :class="{ 'tw-flex tw-justify-center tw-items-center': size }"
6
7
  >
7
8
  <object :style="objectStyle" :data="objectUrl" />
8
9
  </div>
10
+ <div
11
+ v-else
12
+ class="c-shape"
13
+ :class="{ 'tw-flex tw-justify-center tw-items-center': size }"
14
+ v-html="svgData"
15
+ />
9
16
  </div>
10
17
  </template>
11
18
  <script>