@sc-360-v2/storefront-cms-library 0.3.36 → 0.3.38

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.
@@ -433,6 +433,7 @@
433
433
  border-radius: 4px;
434
434
  max-width: 320px;
435
435
  background: #fff;
436
+
436
437
  }
437
438
  }
438
439
 
@@ -481,6 +482,7 @@
481
482
  align-items: center;
482
483
  margin-top: 40px;
483
484
 
485
+
484
486
  .vertical_vector {
485
487
  height: 100%;
486
488
  width: 1px;
@@ -517,7 +519,7 @@
517
519
 
518
520
  }
519
521
  .title {
520
- padding: 6px;
522
+ padding-inline: 10px;
521
523
  }
522
524
  }
523
525
 
@@ -314,8 +314,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
314
314
  font-weight: var(--_ctm-dn-sy-bn-dn-dt-se-ft-wt);
315
315
  line-height: var(--_ctm-dn-sy-bn-dn-dt-se-le-ht);
316
316
  letter-spacing: var(--_ctm-dn-sy-bn-dn-dt-se-lr-sg);
317
- box-shadow: var(--_ctm-dn-sy-bn-dn-dt-se-sw-ae) var(--_ctm-dn-sy-bn-dn-dt-se-sw-br)
318
- var(--_ctm-dn-sy-bn-dn-dt-se-sw-sd) var(--_ctm-dn-sy-bn-dn-dt-se-sw-cr);
317
+ box-shadow: var(--_ctm-dn-sy-bn-dn-dt-se-sw-ae) var(--_ctm-dn-sy-bn-dn-dt-se-sw-br);
318
+ // var(--_ctm-dn-sy-bn-dn-dt-se-sw-sd) var(--_ctm-dn-sy-bn-dn-dt-se-sw-cr);
319
319
  text-align: var(--_ctm-dn-sy-bn-dn-dt-se-tt-an);
320
320
  text-decoration: var(--_ctm-dn-sy-bn-dn-dt-se-ue);
321
321
  color: var(--_primary-400);
@@ -428,3 +428,4 @@
428
428
  background: #fff;
429
429
  }
430
430
  }
431
+
@@ -64,7 +64,7 @@ $button-padding: 6px 12px;
64
64
  display: flex;
65
65
  align-items: center;
66
66
  justify-content: space-between;
67
- padding: 8px 12px 10px 12px;
67
+ padding: 2px 12px 10px 12px;
68
68
  border-bottom: 1px solid #eee;
69
69
 
70
70
  span {
@@ -1,7 +1,11 @@
1
1
  .dropdown-with-input-section {
2
2
  display: grid;
3
3
  gap: 2px;
4
- width: max-content;
4
+ width: 100%;
5
+ &:focus-within {
6
+ border: 1px solid var(--_primary-300);
7
+ outline: 2px solid var(--_primary-50);
8
+ }
5
9
 
6
10
  .dropdown-disabled {
7
11
  opacity: 0.6;
@@ -19,26 +23,9 @@
19
23
  display: flex;
20
24
  justify-content: space-between;
21
25
  padding: 8px 12px;
22
- // border: 1px solid #ccc;
23
- // border-radius: 4px;
24
- border-style: var(
25
- --_ctm-mob-dn-pt-as-is-br-se,
26
- var(--_ctm-tab-dn-pt-as-is-br-se, var(--_ctm-dn-pt-as-is-br-se))
27
- );
28
- border-width: var(
29
- --_ctm-mob-dn-pt-as-is-br-wh,
30
- var(--_ctm-tab-dn-pt-as-is-br-wh, var(--_ctm-dn-pt-as-is-br-wh))
31
- );
32
- // border: ;
33
- border-radius: var(
34
- --_ctm-mob-dn-pt-as-is-br-rs,
35
- var(--_ctm-tab-dn-pt-as-is-br-rs, var(--_ctm-dn-pt-as-is-br-rs))
36
- );
37
- border-color: var(
38
- --_ctm-mob-dn-pt-as-is-br-cr,
39
- var(--_ctm-tab-dn-pt-as-is-br-cr, var(--_ctm-dn-pt-as-is-br-cr))
40
- );
41
- width: 240px;
26
+ border: 1px solid var(--_gray-300);
27
+ border-radius: 6px;
28
+ width: 100%;
42
29
  align-items: center;
43
30
  .dropdown-chips {
44
31
  display: flex;
@@ -115,11 +102,11 @@
115
102
  z-index: 10;
116
103
  min-width: 240px;
117
104
  max-height: 300px;
105
+ padding: 4px;
118
106
 
119
107
  .dropdown-opt {
120
108
  font-size: 14px;
121
109
  cursor: pointer;
122
- height: 40px;
123
110
 
124
111
  &.no-result {
125
112
  color: #aaa;
@@ -135,6 +122,7 @@
135
122
  gap: 8px;
136
123
  height: auto !important;
137
124
  max-height: 52px;
125
+ border-radius: 4px;
138
126
  &:hover {
139
127
  background-color: #f4f4f4;
140
128
  }
@@ -160,8 +148,9 @@
160
148
  }
161
149
  }
162
150
  .selected {
163
- background-color: #e6f0ff;
151
+ background-color: var(--_primary-25);
164
152
  font-weight: bold;
153
+ color: var(--_primary-500);
165
154
  }
166
155
  }
167
156
  .dropdown-group-li {
package/dist/loader.scss CHANGED
@@ -35,58 +35,3 @@
35
35
  }
36
36
  }
37
37
  }
38
-
39
-
40
- // fetch data loader
41
- .fetch-data-loader {
42
- display: flex;
43
- flex-direction: column;
44
- gap: 6px;
45
- background-color: var(--_base-white);
46
- border-radius: 50%;
47
- padding: 16px;
48
- width: 60px;
49
- height: 60px;
50
- border: 1px solid var(--_gray-200);
51
- margin: 0 auto;
52
- }
53
-
54
- .line {
55
- width: 0%;
56
- height: 8px;
57
- background-color: var(--_primary-400);
58
- border-radius: 4px;
59
- animation: expand-line 1.2s ease-in-out infinite;
60
- }
61
-
62
- .line:nth-child(1) {
63
- animation-delay: 0s;
64
- }
65
-
66
- .line:nth-child(2) {
67
- animation-delay: 0.3s;
68
- }
69
-
70
- .line:nth-child(3) {
71
- animation-delay: 0.6s;
72
- }
73
-
74
- .line:nth-child(4) {
75
- animation-delay: 0.9s;
76
- }
77
-
78
- @keyframes expand-line {
79
- 0% {
80
- width: 0%;
81
- opacity: 0.2;
82
- }
83
- 50% {
84
- width: 100%;
85
- opacity: 1;
86
- }
87
- 100% {
88
- width: 0%;
89
- opacity: 0.2;
90
- }
91
- }
92
-
@@ -12,43 +12,42 @@ $overflow: (
12
12
  maxHeight: "data-max-height",
13
13
  displayScrollbar: "data-scrollbar",
14
14
  ),
15
- directions: (
16
- vertical: (
17
- property: "overflow-y",
18
- value: "scroll",
19
- ),
20
- horizontal: (
21
- property: "overflow-x",
22
- value: "scroll",
23
- ),
24
- ),
15
+ );
16
+
17
+ $overflowValues: (
18
+ scroll: scroll,
19
+ hidden: hidden,
20
+ visible: visible,
21
+ // auto: auto,
22
+ // clip: clip,
25
23
  );
26
24
 
27
25
  @mixin FlexOverflowModuleStyles() {
28
26
  $cls: map.get($overflow, class);
29
27
  $attrs: map.get($overflow, attributes);
30
- $dirs: map.get($overflow, directions);
31
28
 
32
29
  :is(.#{map.get($cls, scrollable)}) {
33
- // overflow-x / overflow-y per direction
34
- @each $key, $config in $dirs {
35
- $prop: map.get($config, property);
36
- $val: map.get($config, value);
37
- $attr: map.get($attrs, $key);
38
-
39
- &[#{$attr}="#{$val}"] {
40
- #{$prop}: #{$val};
30
+ // Loop through both directions
31
+ @each $dir in (vertical, horizontal) {
32
+ $prop: if($dir == vertical, overflow-y, overflow-x);
33
+ $attr: map.get($attrs, $dir);
34
+
35
+ // For each possible overflow value (scroll, auto, hidden, etc.)
36
+ @each $dataVal, $cssVal in $overflowValues {
37
+ &[#{$attr}="#{$dataVal}"] {
38
+ #{$prop}: #{$cssVal};
39
+ }
41
40
  }
42
41
  }
43
42
 
44
- // max-height only when vertical scroll is active
43
+ // Apply max-height if vertical is scroll and max-height is set
45
44
  &[#{map.get($attrs, vertical)}="scroll"] {
46
45
  &[#{map.get($attrs, maxHeight)}] {
47
- max-height: var(--cms-max-height);
46
+ max-height: var(--cms-max-height) !important;
48
47
  }
49
48
  }
50
49
 
51
- // scrollbar styling only when data-scrollbar=true
50
+ // Scrollbar styles only if enabled
52
51
  &[#{map.get($attrs, displayScrollbar)}="true"] {
53
52
  &::-webkit-scrollbar {
54
53
  width: var(--cms-scrollbar-width, 8px);
@@ -291,8 +291,7 @@
291
291
  var(--_ctm-tab-dn-gy-wt-se-cr, var(--_ctm-dn-gy-wt-se-cr))
292
292
  );
293
293
 
294
- font-family:
295
- var(
294
+ font-family: var(
296
295
  --_ctm-mob-dn-gy-wt-se-ft-fy,
297
296
  var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy))
298
297
  ),
@@ -340,8 +339,7 @@
340
339
  var(--_ctm-tab-dn-gy-wt-se-cr-dc, var(--_ctm-dn-gy-wt-se-cr-dc))
341
340
  );
342
341
 
343
- font-family:
344
- var(
342
+ font-family: var(
345
343
  --_ctm-mob-dn-gy-wt-se-ft-fy-dc,
346
344
  var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc))
347
345
  ),
@@ -1104,8 +1102,7 @@
1104
1102
 
1105
1103
  & h3 {
1106
1104
  color: var(--_ctm-mob-dn-im-se-cr, var(--_ctm-tab-dn-im-se-cr, var(--_ctm-dn-im-se-cr)));
1107
- font-family:
1108
- var(
1105
+ font-family: var(
1109
1106
  --_ctm-mob-dn-im-se-ft-fy,
1110
1107
  var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
1111
1108
  ),
@@ -1145,8 +1142,7 @@
1145
1142
  --_ctm-mob-dn-im-se-cr-dc,
1146
1143
  var(--_ctm-tab-dn-im-se-cr-dc, var(--_ctm-dn-im-se-cr-dc))
1147
1144
  );
1148
- font-family:
1149
- var(
1145
+ font-family: var(
1150
1146
  --_ctm-mob-dn-im-se-ft-fy-dc,
1151
1147
  var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc))
1152
1148
  ),
@@ -1,5 +1,6 @@
1
1
  export interface ThemeSettingsInterface {
2
2
  layout: string | any;
3
+ loaders?: any;
3
4
  colors: string | any;
4
5
  typography: string | any;
5
6
  buttons: string | any;
package/dist/website.js CHANGED
@@ -1 +1 @@
1
- !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["storefront-cms-library"]=e():t["storefront-cms-library"]=e()}(this,(()=>(()=>{"use strict";var t={d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{dataConnectorContants:()=>n,ssrFunctions:()=>r});var r={};t.r(r),t.d(r,{createQueryStringForCollection:()=>u,parseThemeSettings:()=>E});var n={};function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function a(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,u=[],l=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}(t,e)||function(t,e){if(t){if("string"==typeof t)return i(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(t){return Object.entries(t).filter((function(t){var e=a(t,2);return null!=(e[0],e[1])})).map((function(t){var e=a(t,2),r=e[0],n=e[1];return"".concat(encodeURIComponent(r),"=").concat(encodeURIComponent(n))})).join("&")}t.r(n),t.d(n,{dataConnectorApisData:()=>S});var l,c,f,E=function(t){var e=Object.assign({},t);return["layout","colors","typography","buttons","animations"].forEach((function(t){if("string"==typeof e[t]&&e[t].length>0)try{e[t]=JSON.parse(e[t])}catch(t){}else"object"===o(e[t])&&null!==e[t]&&(e[t]=JSON.stringify(e[t]))})),e};function y(t,e,r){return(e=function(t){var e=function(t){if("object"!=o(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==o(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}!function(t){t.GET="GET",t.POST="POST",t.PUT="PUT",t.DELETE="DELETE"}(l||(l={})),function(t){t.PRODUST="PRODUST",t.CATEGORIES="CATEGORIES",t.BRANDS="BRANDS",t.PRODUCT_BY_ID="PRODUCT_BY_ID",t.CATEGORY_BY_ID="CATegory_BY_ID",t.BRAND_BY_ID="BRAND_BY_ID",t.SUB_CATEGORY="SUB_CATEGORY",t.MARCHANDISER_SETS="MARCHANDISER_SETS",t.BUNDLES="BUNDLES",t.BUNLES_BY_ID="BUNLES_BY_ID",t.BUNDLE_BY_TYPE="BUNDLE_BY_TYPE",t.PRODUCT_BUNDLE_DETAILS="PRODUCT_BUNDLE_DETAILS",t.CATEGORY_BUNDLE_DETAILS="CATEGORY_BUNDLE_DETAILS"}(c||(c={}));var S=(y(y(y(y(y(y(y(y(y(y(f={},c.PRODUST,{url:"/search/product/getall",method:l.POST}),c.PRODUCT_BY_ID,{url:"/api/pd/get",method:l.GET}),c.CATEGORIES,{url:"/search/category/getall",method:l.POST}),c.CATEGORY_BY_ID,{url:"/search/category/getbyid",method:l.GET}),c.BRANDS,{url:"/search/brand/getall",method:l.POST}),c.BRAND_BY_ID,{url:"/search/brand/getbyid",method:l.GET}),c.SUB_CATEGORY,{url:"/search/category/getsubcategories",method:l.GET}),c.MARCHANDISER_SETS,{url:"/ms/get",method:l.GET}),c.BUNDLES,{url:"/api/bnp/get-all",method:l.GET}),c.BUNLES_BY_ID,{url:"/api/bnp/get-product-bundle",method:l.GET}),y(y(y(f,c.BUNDLE_BY_TYPE,{url:"/api/bnp/get-bundles",method:l.POST}),c.PRODUCT_BUNDLE_DETAILS,{url:"/api/bnp/get-product-bundle",method:l.GET}),c.CATEGORY_BUNDLE_DETAILS,{url:"/api/bnp/get-category-bundle",method:l.GET}));return e})()));
1
+ !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["storefront-cms-library"]=e():t["storefront-cms-library"]=e()}(this,(()=>(()=>{"use strict";var t={d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{dataConnectorContants:()=>n,ssrFunctions:()=>r});var r={};t.r(r),t.d(r,{createQueryStringForCollection:()=>u,parseThemeSettings:()=>E});var n={};function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function i(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,a,i,u=[],l=!0,c=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return u}}(t,e)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(t){return Object.entries(t).filter((function(t){var e=i(t,2);return null!=(e[0],e[1])})).map((function(t){var e=i(t,2),r=e[0],n=e[1];return"".concat(encodeURIComponent(r),"=").concat(encodeURIComponent(n))})).join("&")}t.r(n),t.d(n,{dataConnectorApisData:()=>s});var l,c,f,E=function(t){var e=Object.assign({},t);return["layout","colors","typography","buttons","animations","loaders"].forEach((function(t){if("string"==typeof e[t]&&e[t].length>0)try{e[t]=JSON.parse(e[t])}catch(t){}else"object"===o(e[t])&&null!==e[t]&&(e[t]=JSON.stringify(e[t]))})),e};function y(t,e,r){return(e=function(t){var e=function(t){if("object"!=o(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==o(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}!function(t){t.GET="GET",t.POST="POST",t.PUT="PUT",t.DELETE="DELETE"}(l||(l={})),function(t){t.PRODUST="PRODUST",t.CATEGORIES="CATEGORIES",t.BRANDS="BRANDS",t.PRODUCT_BY_ID="PRODUCT_BY_ID",t.CATEGORY_BY_ID="CATegory_BY_ID",t.BRAND_BY_ID="BRAND_BY_ID",t.SUB_CATEGORY="SUB_CATEGORY",t.MARCHANDISER_SETS="MARCHANDISER_SETS",t.BUNDLES="BUNDLES",t.BUNLES_BY_ID="BUNLES_BY_ID",t.BUNDLE_BY_TYPE="BUNDLE_BY_TYPE",t.PRODUCT_BUNDLE_DETAILS="PRODUCT_BUNDLE_DETAILS",t.CATEGORY_BUNDLE_DETAILS="CATEGORY_BUNDLE_DETAILS"}(c||(c={}));var s=(y(y(y(y(y(y(y(y(y(y(f={},c.PRODUST,{url:"/search/product/getall",method:l.POST}),c.PRODUCT_BY_ID,{url:"/api/pd/get",method:l.GET}),c.CATEGORIES,{url:"/search/category/getall",method:l.POST}),c.CATEGORY_BY_ID,{url:"/search/category/getbyid",method:l.GET}),c.BRANDS,{url:"/search/brand/getall",method:l.POST}),c.BRAND_BY_ID,{url:"/search/brand/getbyid",method:l.GET}),c.SUB_CATEGORY,{url:"/search/category/getsubcategories",method:l.GET}),c.MARCHANDISER_SETS,{url:"/ms/get",method:l.GET}),c.BUNDLES,{url:"/api/bnp/get-all",method:l.GET}),c.BUNLES_BY_ID,{url:"/api/bnp/get-product-bundle",method:l.GET}),y(y(y(f,c.BUNDLE_BY_TYPE,{url:"/api/bnp/get-bundles",method:l.POST}),c.PRODUCT_BUNDLE_DETAILS,{url:"/api/bnp/get-product-bundle",method:l.GET}),c.CATEGORY_BUNDLE_DETAILS,{url:"/api/bnp/get-category-bundle",method:l.GET}));return e})()));
package/dist/widget.scss CHANGED
@@ -117,4 +117,3 @@
117
117
  @use "./cartAttributes.scss";
118
118
  @use "./language-selector.scss";
119
119
  @use "./loader.scss";
120
- @use "./empty-states.scss"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.3.36",
3
+ "version": "0.3.38",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {