@gem-sdk/core 1.43.0-staging.14 → 1.43.0-staging.19

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 (4) hide show
  1. package/dist/cjs/helpers/carousel.js +7 -10
  2. package/dist/esm/helpers/carousel.js +7 -10
  3. package/dist/types/index.d.ts +1 -3
  4. package/package.json +1 -1
package/dist/cjs/helpers/carousel.js CHANGED
@@ -2,24 +2,21 @@
2
2
 
3
3
  var getResonsiveValue = require('./get-resonsive-value.js');
4
4
 
5
- const getCarouselContainerHeight = (dotStyle, dotSize, dotGapToCarousel)=>{
6
- const getVal = (dotStyle, dotSize, dotGapToCarousel)=>{
7
- if (dotStyle === 'outside') {
8
- return `calc(100% - ${dotSize ?? '0'}px - ${!dotGapToCarousel || dotGapToCarousel === 'Auto' ? '0' : dotGapToCarousel}px)`;
9
- }
10
- return '100%';
5
+ const getCarouselContainerHeight = (dotStyle)=>{
6
+ const getVal = (dotStyle)=>{
7
+ return dotStyle === 'outside' ? 'auto' : '100%';
11
8
  };
12
9
  return {
13
- desktop: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'desktop'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'desktop'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'desktop')),
14
- tablet: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'tablet'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'tablet'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'tablet')),
15
- mobile: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'mobile'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'mobile'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'mobile'))
10
+ desktop: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'desktop')),
11
+ tablet: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'tablet')),
12
+ mobile: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'mobile'))
16
13
  };
17
14
  };
18
15
  const makeContainerWidthOrHeight = (setting)=>{
19
16
  const getStyleName = (vertical)=>{
20
17
  return vertical ? 'w' : 'h';
21
18
  };
22
- const result = getCarouselContainerHeight(setting.dotStyle, setting.dotSize, setting.dotGapToCarousel);
19
+ const result = getCarouselContainerHeight(setting.dotStyle);
23
20
  return {
24
21
  [`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(setting?.vertical, 'desktop'))}`]: result.desktop,
25
22
  [`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(setting?.vertical, 'tablet'))}-tablet`]: result.tablet,
package/dist/esm/helpers/carousel.js CHANGED
@@ -1,23 +1,20 @@
1
1
  import { getResponsiveValueByScreen } from './get-resonsive-value.js';
2
2
 
3
- const getCarouselContainerHeight = (dotStyle, dotSize, dotGapToCarousel)=>{
4
- const getVal = (dotStyle, dotSize, dotGapToCarousel)=>{
5
- if (dotStyle === 'outside') {
6
- return `calc(100% - ${dotSize ?? '0'}px - ${!dotGapToCarousel || dotGapToCarousel === 'Auto' ? '0' : dotGapToCarousel}px)`;
7
- }
8
- return '100%';
3
+ const getCarouselContainerHeight = (dotStyle)=>{
4
+ const getVal = (dotStyle)=>{
5
+ return dotStyle === 'outside' ? 'auto' : '100%';
9
6
  };
10
7
  return {
11
- desktop: getVal(getResponsiveValueByScreen(dotStyle, 'desktop'), getResponsiveValueByScreen(dotSize, 'desktop'), getResponsiveValueByScreen(dotGapToCarousel, 'desktop')),
12
- tablet: getVal(getResponsiveValueByScreen(dotStyle, 'tablet'), getResponsiveValueByScreen(dotSize, 'tablet'), getResponsiveValueByScreen(dotGapToCarousel, 'tablet')),
13
- mobile: getVal(getResponsiveValueByScreen(dotStyle, 'mobile'), getResponsiveValueByScreen(dotSize, 'mobile'), getResponsiveValueByScreen(dotGapToCarousel, 'mobile'))
8
+ desktop: getVal(getResponsiveValueByScreen(dotStyle, 'desktop')),
9
+ tablet: getVal(getResponsiveValueByScreen(dotStyle, 'tablet')),
10
+ mobile: getVal(getResponsiveValueByScreen(dotStyle, 'mobile'))
14
11
  };
15
12
  };
16
13
  const makeContainerWidthOrHeight = (setting)=>{
17
14
  const getStyleName = (vertical)=>{
18
15
  return vertical ? 'w' : 'h';
19
16
  };
20
- const result = getCarouselContainerHeight(setting.dotStyle, setting.dotSize, setting.dotGapToCarousel);
17
+ const result = getCarouselContainerHeight(setting.dotStyle);
21
18
  return {
22
19
  [`--${getStyleName(getResponsiveValueByScreen(setting?.vertical, 'desktop'))}`]: result.desktop,
23
20
  [`--${getStyleName(getResponsiveValueByScreen(setting?.vertical, 'tablet'))}-tablet`]: result.tablet,
package/dist/types/index.d.ts CHANGED
@@ -27909,15 +27909,13 @@ declare const handleConvertClassColorDynamicBtn: (value?: BorderStyle) => string
27909
27909
  declare const composeBorderCss: (borderV?: Border | undefined) => string;
27910
27910
 
27911
27911
  type DotStyle = 'none' | 'inside' | 'outside';
27912
- declare const getCarouselContainerHeight: <T>(dotStyle?: Partial<Record<NameDevices$1, T>> | undefined, dotSize?: ObjectDevices<number>, dotGapToCarousel?: ObjectDevices<number>) => {
27912
+ declare const getCarouselContainerHeight: <T>(dotStyle?: Partial<Record<NameDevices$1, T>> | undefined) => {
27913
27913
  desktop: string | undefined;
27914
27914
  tablet: string | undefined;
27915
27915
  mobile: string | undefined;
27916
27916
  };
27917
27917
  declare const makeContainerWidthOrHeight: <T extends ShortHandProperty>(setting: {
27918
27918
  dotStyle?: ObjectDevices<DotStyle>;
27919
- dotSize?: ObjectDevices<number>;
27920
- dotGapToCarousel?: ObjectDevices<number>;
27921
27919
  vertical?: ObjectDevices<boolean>;
27922
27920
  }) => {
27923
27921
  [x: string]: string | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.43.0-staging.14",
3
+ "version": "1.43.0-staging.19",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",