pds-dev-kit-web-test 2.2.89 → 2.2.90

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 (12) hide show
  1. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +118 -2
  2. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +234 -234
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +4 -16
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.d.ts +2 -1
  5. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +2 -2
  6. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.d.ts +3 -1
  7. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +3 -5
  8. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/useMaxFontAdjustment.d.ts +2 -1
  9. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/useMaxFontAdjustment.js +27 -15
  10. package/package.json +1 -1
  11. package/dist/src/sub/DynamicLayout/flexGridLayout/FlexGridLayout.d.ts +0 -3
  12. package/dist/src/sub/DynamicLayout/flexGridLayout/FlexGridLayout.js +0 -18
package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts CHANGED
@@ -4621,7 +4621,7 @@ export declare const universeSection: {
4621
4621
  export declare const universeSection2: {
4622
4622
  administrativeTitle: string;
4623
4623
  appearanceTemplate: string;
4624
- componentBlocks: {
4624
+ componentBlocks: ({
4625
4625
  availablePlugins: never[];
4626
4626
  componentBlockCode: string;
4627
4627
  componentBlockType: string;
@@ -4737,7 +4737,123 @@ export declare const universeSection2: {
4737
4737
  queryableDefinitionPreset: string;
4738
4738
  queryableTapSrc: string;
4739
4739
  updatedAt: string;
4740
- }[];
4740
+ } | {
4741
+ availablePlugins: never[];
4742
+ componentBlockCode: string;
4743
+ componentBlockType: string;
4744
+ dynamicLayoutSectionId: number;
4745
+ id: number;
4746
+ insertedAt: string;
4747
+ jsonProperties: {
4748
+ currentVersion: string;
4749
+ data: {
4750
+ CB_CONTENT_PROP_CLINK: {
4751
+ CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: string;
4752
+ CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: boolean;
4753
+ CB_CONTENT_PROP_CLINK_SPEC_SRC: string;
4754
+ CB_CONTENT_PROP_CLINK_SPEC_TYPE: string;
4755
+ };
4756
+ CB_CONTENT_PROP_HOVER: {
4757
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
4758
+ };
4759
+ CB_CONTENT_PROP_TEXT: {
4760
+ CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
4761
+ };
4762
+ CB_CONTENT_PROP_VISIBILITY: {
4763
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
4764
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
4765
+ };
4766
+ CB_EFFECT_PROP_ENTANIM: {
4767
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
4768
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
4769
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
4770
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
4771
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
4772
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
4773
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
4774
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null;
4775
+ };
4776
+ CB_EFFECT_PROP_HOVERANIM: {
4777
+ CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: number;
4778
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null;
4779
+ CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: number;
4780
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null;
4781
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: string;
4782
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null;
4783
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: string;
4784
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null;
4785
+ };
4786
+ CB_LAYOUT_PROP_PADDING: {
4787
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
4788
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
4789
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
4790
+ bottom: number;
4791
+ left: number;
4792
+ right: number;
4793
+ top: number;
4794
+ };
4795
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null;
4796
+ };
4797
+ CB_PLACEMENT_PROP_PLACEMENT: {
4798
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
4799
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
4800
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
4801
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
4802
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
4803
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
4804
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
4805
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
4806
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
4807
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
4808
+ };
4809
+ CB_STYLE_PROP_OPACITY: {
4810
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
4811
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null;
4812
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
4813
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
4814
+ };
4815
+ CB_STYLE_PROP_TEXT: {
4816
+ CB_STYLE_PROP_TEXT_SPEC_COLOR: string;
4817
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null;
4818
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null;
4819
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null;
4820
+ CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: string;
4821
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null;
4822
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null;
4823
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null;
4824
+ CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: number;
4825
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null;
4826
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null;
4827
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null;
4828
+ CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: number;
4829
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null;
4830
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null;
4831
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null;
4832
+ CB_STYLE_PROP_TEXT_SPEC_SIZE: number;
4833
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null;
4834
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null;
4835
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null;
4836
+ CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: string;
4837
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null;
4838
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null;
4839
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null;
4840
+ CB_STYLE_PROP_TEXT_SPEC_VERTICAL: string;
4841
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null;
4842
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null;
4843
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null;
4844
+ CB_STYLE_PROP_TEXT_SPEC_WEIGHT: number;
4845
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null;
4846
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null;
4847
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
4848
+ };
4849
+ };
4850
+ minVersion: string;
4851
+ version: string;
4852
+ };
4853
+ queryableDefinitionPreset: string;
4854
+ queryableTapSrc: string;
4855
+ updatedAt: string;
4856
+ })[];
4741
4857
  display: boolean;
4742
4858
  dlSelectorId: string;
4743
4859
  dynamicLayoutPageId: number;
package/dist/src/sub/DynamicLayout/pagesPreviewMock.js CHANGED
@@ -6936,240 +6936,240 @@ exports.universeSection2 = {
6936
6936
  administrativeTitle: 'Header',
6937
6937
  appearanceTemplate: 'GENERAL_A',
6938
6938
  componentBlocks: [
6939
- // {
6940
- // availablePlugins: [],
6941
- // componentBlockCode: 'CB_TEXT',
6942
- // componentBlockType: 'GENERAL',
6943
- // dynamicLayoutSectionId: 47623,
6944
- // id: 218815,
6945
- // insertedAt: '2024-04-24T05:48:09',
6946
- // jsonProperties: {
6947
- // currentVersion: '2023-08-03',
6948
- // data: {
6949
- // CB_CONTENT_PROP_CLINK: {
6950
- // CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: 'https://publ.co',
6951
- // CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
6952
- // CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
6953
- // CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
6954
- // },
6955
- // CB_CONTENT_PROP_HOVER: {
6956
- // CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
6957
- // },
6958
- // CB_CONTENT_PROP_TEXT: {
6959
- // CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'UNIVERSE'
6960
- // },
6961
- // CB_CONTENT_PROP_VISIBILITY: {
6962
- // CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
6963
- // CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
6964
- // },
6965
- // CB_EFFECT_PROP_ENTANIM: {
6966
- // CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
6967
- // 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
6968
- // CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
6969
- // 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
6970
- // CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
6971
- // 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
6972
- // CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
6973
- // 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
6974
- // },
6975
- // CB_EFFECT_PROP_HOVERANIM: {
6976
- // CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: 0.7,
6977
- // 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null,
6978
- // CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: 1,
6979
- // 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null,
6980
- // CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: 'EASEINOUT',
6981
- // 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null,
6982
- // CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: 'NONE',
6983
- // 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null
6984
- // },
6985
- // CB_LAYOUT_PROP_PADDING: {
6986
- // CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
6987
- // 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
6988
- // CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
6989
- // bottom: 0,
6990
- // left: 0,
6991
- // right: 0,
6992
- // top: 0
6993
- // },
6994
- // 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
6995
- // },
6996
- // CB_PLACEMENT_PROP_PLACEMENT: {
6997
- // CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 16,
6998
- // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
6999
- // CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 8,
7000
- // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 6,
7001
- // CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 4,
7002
- // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
7003
- // CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 4,
7004
- // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 8,
7005
- // CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
7006
- // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
7007
- // },
7008
- // CB_STYLE_PROP_OPACITY: {
7009
- // CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
7010
- // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null,
7011
- // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
7012
- // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
7013
- // },
7014
- // CB_STYLE_PROP_TEXT: {
7015
- // CB_STYLE_PROP_TEXT_SPEC_COLOR: '#00FF4FFF',
7016
- // 'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null,
7017
- // 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null,
7018
- // 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null,
7019
- // CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: 'CENTER',
7020
- // 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null,
7021
- // 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null,
7022
- // 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null,
7023
- // CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: -1,
7024
- // 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null,
7025
- // 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': -1,
7026
- // 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
7027
- // CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 90,
7028
- // 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null,
7029
- // 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null,
7030
- // 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
7031
- // CB_STYLE_PROP_TEXT_SPEC_SIZE: 120,
7032
- // 'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null,
7033
- // 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': 100,
7034
- // 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
7035
- // CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'GOOGLE:Black Han Sans',
7036
- // 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null,
7037
- // 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null,
7038
- // 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
7039
- // CB_STYLE_PROP_TEXT_SPEC_VERTICAL: 'MIDDLE',
7040
- // 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null,
7041
- // 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null,
7042
- // 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null,
7043
- // CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 500,
7044
- // 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null,
7045
- // 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null,
7046
- // 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null
7047
- // }
7048
- // },
7049
- // minVersion: '2023-08-03',
7050
- // version: '2023-08-03'
7051
- // },
7052
- // queryableDefinitionPreset: 'N/A',
7053
- // queryableTapSrc: 'N/A',
7054
- // updatedAt: '2024-04-24T06:16:22'
7055
- // },
7056
- // {
7057
- // availablePlugins: [],
7058
- // componentBlockCode: 'CB_TEXT',
7059
- // componentBlockType: 'GENERAL',
7060
- // dynamicLayoutSectionId: 47623,
7061
- // id: 218818,
7062
- // insertedAt: '2024-04-24T05:48:09',
7063
- // jsonProperties: {
7064
- // currentVersion: '2023-08-03',
7065
- // data: {
7066
- // CB_CONTENT_PROP_CLINK: {
7067
- // CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: 'https://publ.co',
7068
- // CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
7069
- // CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
7070
- // CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
7071
- // },
7072
- // CB_CONTENT_PROP_HOVER: {
7073
- // CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
7074
- // },
7075
- // CB_CONTENT_PROP_TEXT: {
7076
- // CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'Lorem ipsum dolor sit amet'
7077
- // },
7078
- // CB_CONTENT_PROP_VISIBILITY: {
7079
- // CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
7080
- // CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
7081
- // },
7082
- // CB_EFFECT_PROP_ENTANIM: {
7083
- // CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
7084
- // 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
7085
- // CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
7086
- // 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
7087
- // CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
7088
- // 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
7089
- // CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
7090
- // 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
7091
- // },
7092
- // CB_EFFECT_PROP_HOVERANIM: {
7093
- // CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: 0.7,
7094
- // 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null,
7095
- // CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: 1,
7096
- // 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null,
7097
- // CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: 'EASEINOUT',
7098
- // 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null,
7099
- // CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: 'NONE',
7100
- // 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null
7101
- // },
7102
- // CB_LAYOUT_PROP_PADDING: {
7103
- // CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
7104
- // 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
7105
- // CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
7106
- // bottom: 0,
7107
- // left: 0,
7108
- // right: 0,
7109
- // top: 0
7110
- // },
7111
- // 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
7112
- // },
7113
- // CB_PLACEMENT_PROP_PLACEMENT: {
7114
- // CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 18,
7115
- // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
7116
- // CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 1,
7117
- // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 2,
7118
- // CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 3,
7119
- // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
7120
- // CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 9,
7121
- // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 14,
7122
- // CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
7123
- // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
7124
- // },
7125
- // CB_STYLE_PROP_OPACITY: {
7126
- // CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
7127
- // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null,
7128
- // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
7129
- // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
7130
- // },
7131
- // CB_STYLE_PROP_TEXT: {
7132
- // CB_STYLE_PROP_TEXT_SPEC_COLOR: '#FFED00FF',
7133
- // 'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null,
7134
- // 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null,
7135
- // 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null,
7136
- // CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: 'CENTER',
7137
- // 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null,
7138
- // 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null,
7139
- // 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null,
7140
- // CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: 0,
7141
- // 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null,
7142
- // 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null,
7143
- // 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
7144
- // CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 130,
7145
- // 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null,
7146
- // 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null,
7147
- // 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
7148
- // CB_STYLE_PROP_TEXT_SPEC_SIZE: 30,
7149
- // 'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null,
7150
- // 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null,
7151
- // 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
7152
- // CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'PRETENDARD',
7153
- // 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null,
7154
- // 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null,
7155
- // 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
7156
- // CB_STYLE_PROP_TEXT_SPEC_VERTICAL: 'MIDDLE',
7157
- // 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null,
7158
- // 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null,
7159
- // 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null,
7160
- // CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 900,
7161
- // 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null,
7162
- // 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null,
7163
- // 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null
7164
- // }
7165
- // },
7166
- // minVersion: '2023-08-03',
7167
- // version: '2023-08-03'
7168
- // },
7169
- // queryableDefinitionPreset: 'N/A',
7170
- // queryableTapSrc: 'N/A',
7171
- // updatedAt: '2024-04-24T06:16:29'
7172
- // },
6939
+ {
6940
+ availablePlugins: [],
6941
+ componentBlockCode: 'CB_TEXT',
6942
+ componentBlockType: 'GENERAL',
6943
+ dynamicLayoutSectionId: 47623,
6944
+ id: 218815,
6945
+ insertedAt: '2024-04-24T05:48:09',
6946
+ jsonProperties: {
6947
+ currentVersion: '2023-08-03',
6948
+ data: {
6949
+ CB_CONTENT_PROP_CLINK: {
6950
+ CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: 'https://publ.co',
6951
+ CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
6952
+ CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
6953
+ CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
6954
+ },
6955
+ CB_CONTENT_PROP_HOVER: {
6956
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
6957
+ },
6958
+ CB_CONTENT_PROP_TEXT: {
6959
+ CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'UNIVERSE'
6960
+ },
6961
+ CB_CONTENT_PROP_VISIBILITY: {
6962
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
6963
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
6964
+ },
6965
+ CB_EFFECT_PROP_ENTANIM: {
6966
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
6967
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
6968
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
6969
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
6970
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
6971
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
6972
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
6973
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
6974
+ },
6975
+ CB_EFFECT_PROP_HOVERANIM: {
6976
+ CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: 0.7,
6977
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null,
6978
+ CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: 1,
6979
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null,
6980
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: 'EASEINOUT',
6981
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null,
6982
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: 'NONE',
6983
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null
6984
+ },
6985
+ CB_LAYOUT_PROP_PADDING: {
6986
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
6987
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
6988
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
6989
+ bottom: 0,
6990
+ left: 0,
6991
+ right: 0,
6992
+ top: 0
6993
+ },
6994
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
6995
+ },
6996
+ CB_PLACEMENT_PROP_PLACEMENT: {
6997
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 16,
6998
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
6999
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 8,
7000
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 6,
7001
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 4,
7002
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
7003
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 4,
7004
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 8,
7005
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
7006
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
7007
+ },
7008
+ CB_STYLE_PROP_OPACITY: {
7009
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
7010
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null,
7011
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
7012
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
7013
+ },
7014
+ CB_STYLE_PROP_TEXT: {
7015
+ CB_STYLE_PROP_TEXT_SPEC_COLOR: '#00FF4FFF',
7016
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null,
7017
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null,
7018
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null,
7019
+ CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: 'CENTER',
7020
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null,
7021
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null,
7022
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null,
7023
+ CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: -1,
7024
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null,
7025
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': -1,
7026
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
7027
+ CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 90,
7028
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null,
7029
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null,
7030
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
7031
+ CB_STYLE_PROP_TEXT_SPEC_SIZE: 120,
7032
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null,
7033
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': 100,
7034
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
7035
+ CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'GOOGLE:Black Han Sans',
7036
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null,
7037
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null,
7038
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
7039
+ CB_STYLE_PROP_TEXT_SPEC_VERTICAL: 'MIDDLE',
7040
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null,
7041
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null,
7042
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null,
7043
+ CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 500,
7044
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null,
7045
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null,
7046
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null
7047
+ }
7048
+ },
7049
+ minVersion: '2023-08-03',
7050
+ version: '2023-08-03'
7051
+ },
7052
+ queryableDefinitionPreset: 'N/A',
7053
+ queryableTapSrc: 'N/A',
7054
+ updatedAt: '2024-04-24T06:16:22'
7055
+ },
7056
+ {
7057
+ availablePlugins: [],
7058
+ componentBlockCode: 'CB_TEXT',
7059
+ componentBlockType: 'GENERAL',
7060
+ dynamicLayoutSectionId: 47623,
7061
+ id: 218818,
7062
+ insertedAt: '2024-04-24T05:48:09',
7063
+ jsonProperties: {
7064
+ currentVersion: '2023-08-03',
7065
+ data: {
7066
+ CB_CONTENT_PROP_CLINK: {
7067
+ CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: 'https://publ.co',
7068
+ CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
7069
+ CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
7070
+ CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
7071
+ },
7072
+ CB_CONTENT_PROP_HOVER: {
7073
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
7074
+ },
7075
+ CB_CONTENT_PROP_TEXT: {
7076
+ CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'Lorem ipsum dolor sit amet'
7077
+ },
7078
+ CB_CONTENT_PROP_VISIBILITY: {
7079
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
7080
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
7081
+ },
7082
+ CB_EFFECT_PROP_ENTANIM: {
7083
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
7084
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
7085
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
7086
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
7087
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
7088
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
7089
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
7090
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
7091
+ },
7092
+ CB_EFFECT_PROP_HOVERANIM: {
7093
+ CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: 0.7,
7094
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null,
7095
+ CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: 1,
7096
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null,
7097
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: 'EASEINOUT',
7098
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null,
7099
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: 'NONE',
7100
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null
7101
+ },
7102
+ CB_LAYOUT_PROP_PADDING: {
7103
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
7104
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
7105
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
7106
+ bottom: 0,
7107
+ left: 0,
7108
+ right: 0,
7109
+ top: 0
7110
+ },
7111
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
7112
+ },
7113
+ CB_PLACEMENT_PROP_PLACEMENT: {
7114
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 18,
7115
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
7116
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 1,
7117
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 2,
7118
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 3,
7119
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
7120
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 9,
7121
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 14,
7122
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
7123
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
7124
+ },
7125
+ CB_STYLE_PROP_OPACITY: {
7126
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
7127
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null,
7128
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
7129
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
7130
+ },
7131
+ CB_STYLE_PROP_TEXT: {
7132
+ CB_STYLE_PROP_TEXT_SPEC_COLOR: '#FFED00FF',
7133
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null,
7134
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null,
7135
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null,
7136
+ CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: 'CENTER',
7137
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null,
7138
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null,
7139
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null,
7140
+ CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: 0,
7141
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null,
7142
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null,
7143
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
7144
+ CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 130,
7145
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null,
7146
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null,
7147
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
7148
+ CB_STYLE_PROP_TEXT_SPEC_SIZE: 30,
7149
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null,
7150
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null,
7151
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
7152
+ CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'PRETENDARD',
7153
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null,
7154
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null,
7155
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
7156
+ CB_STYLE_PROP_TEXT_SPEC_VERTICAL: 'MIDDLE',
7157
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null,
7158
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null,
7159
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null,
7160
+ CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 900,
7161
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null,
7162
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null,
7163
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null
7164
+ }
7165
+ },
7166
+ minVersion: '2023-08-03',
7167
+ version: '2023-08-03'
7168
+ },
7169
+ queryableDefinitionPreset: 'N/A',
7170
+ queryableTapSrc: 'N/A',
7171
+ updatedAt: '2024-04-24T06:16:29'
7172
+ },
7173
7173
  {
7174
7174
  availablePlugins: [],
7175
7175
  componentBlockCode: 'CB_TEXT',
package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js CHANGED
@@ -358,20 +358,8 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
358
358
  var viewport = width + ((_a = padding === null || padding === void 0 ? void 0 : padding.left) !== null && _a !== void 0 ? _a : 0) + ((_b = padding === null || padding === void 0 ? void 0 : padding.right) !== null && _b !== void 0 ? _b : 0);
359
359
  if (device === 'MOBILE') {
360
360
  var cellWidth_1 = viewport / MOBILE_GRID_COLS;
361
- // const cellHeight = cellWidth * 0.56;
362
- // const baseViewPort = 375;
363
- // const gap = baseViewPort - viewport;
364
- // // NOTE: 임시
365
- // if (viewport > 480) {
366
- // setBaseFontSize(22);
367
- // }
368
- // if (gap > 0) {
369
- // const magicNumber = (gap / 22) ** 1.1;
370
- // const resSize = 16 - magicNumber;
371
- // console.log(resSize);
372
- // console.log(cellHeight / 1.641);
373
- // setBaseFontSize(resSize);
374
- // }
361
+ var responsiveBaseFontSize = (viewport / 23.4).toFixed(3);
362
+ setBaseFontSize(Number(responsiveBaseFontSize));
375
363
  setRowHeight(cellWidth_1 * 0.56);
376
364
  return;
377
365
  }
@@ -455,7 +443,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
455
443
  return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-box-in-group", onClick: function (e) {
456
444
  e.stopPropagation();
457
445
  clickOneCBInBulk(matchedCB.id, array);
458
- } }, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { cbProps: cbCopy, device: device, index: index }) }) }), matchedCB.id));
446
+ } }, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { cbProps: cbCopy, device: device, index: index, rootBaseFontSize: baseFontSize }) }) }), matchedCB.id));
459
447
  }) })) }), each.i));
460
448
  }
461
449
  if (!matchedCB) {
@@ -471,7 +459,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
471
459
  e.stopPropagation();
472
460
  e.preventDefault();
473
461
  onContextMenuCB(matchedCB.id, e);
474
- } }, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { index: index, cbProps: matchedCB, device: device }) }) })) }), each.i));
462
+ } }, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { index: index, cbProps: matchedCB, device: device, rootBaseFontSize: baseFontSize }) }) })) }), each.i));
475
463
  }) })) })) })) }) }));
476
464
  });
477
465
  function keepSimilarOrderToPreventRerender(arr) {
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.d.ts CHANGED
@@ -5,6 +5,7 @@ type Props = {
5
5
  cbProps: ComponentBlock;
6
6
  device: Device;
7
7
  index: number;
8
+ rootBaseFontSize: number;
8
9
  };
9
- export default function ComponentBlockMatcher({ cbProps, device, index }: Props): JSX.Element;
10
+ export default function ComponentBlockMatcher({ cbProps, device, index, rootBaseFontSize }: Props): JSX.Element;
10
11
  export {};
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js CHANGED
@@ -27,14 +27,14 @@ var Text_1 = __importDefault(require("./componentBlocks/Text/Text"));
27
27
  var Twitter_1 = __importDefault(require("./componentBlocks/Twitter/Twitter"));
28
28
  var Youtube_1 = require("./componentBlocks/Youtube");
29
29
  function ComponentBlockMatcher(_a) {
30
- var cbProps = _a.cbProps, device = _a.device, index = _a.index;
30
+ var cbProps = _a.cbProps, device = _a.device, index = _a.index, rootBaseFontSize = _a.rootBaseFontSize;
31
31
  var componentBlockCode = cbProps.componentBlockCode, data = cbProps.jsonProperties.data;
32
32
  var propsWithValue = device === 'MOBILE' ? (0, newUtils_1.replaceUndefinedValues)(data) : data;
33
33
  switch (componentBlockCode) {
34
34
  case types_1.CB_ALL_CODES.CB_BTN:
35
35
  return (0, jsx_runtime_1.jsx)(Button_1.default, __assign({}, propsWithValue, { index: index }));
36
36
  case types_1.CB_ALL_CODES.CB_TEXT:
37
- return (0, jsx_runtime_1.jsx)(Text_1.default, __assign({}, propsWithValue, { index: index }));
37
+ return ((0, jsx_runtime_1.jsx)(Text_1.default, __assign({}, propsWithValue, { index: index, rootBaseFontSize: rootBaseFontSize })));
38
38
  case types_1.CB_ALL_CODES.CB_RICHTEXT:
39
39
  return (0, jsx_runtime_1.jsx)(RichText_1.RichText, __assign({}, propsWithValue, { index: index }));
40
40
  case types_1.CB_ALL_CODES.CB_DIVIDER:
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import type { CB_TEXT_PROPERTIES_TYPE, IndexForIntersection } from '../../../../util/types';
3
- type Props = CB_TEXT_PROPERTIES_TYPE & IndexForIntersection;
3
+ type Props = CB_TEXT_PROPERTIES_TYPE & IndexForIntersection & {
4
+ rootBaseFontSize: number;
5
+ };
4
6
  declare function Text(props: Props): JSX.Element;
5
7
  export default Text;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js CHANGED
@@ -36,7 +36,7 @@ var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
36
36
  var useMaxFontAdjustment_1 = __importDefault(require("./useMaxFontAdjustment"));
37
37
  function Text(props) {
38
38
  var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
39
- var index = props.index, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
39
+ var index = props.index, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, rootBaseFontSize = props.rootBaseFontSize;
40
40
  var _c = (0, useCLINK_1.default)({
41
41
  src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
42
42
  type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
@@ -63,10 +63,8 @@ function Text(props) {
63
63
  var hasEffect = !isNoneEffectType;
64
64
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
65
65
  var textBoxRef = (0, react_1.useRef)(null);
66
- var baseFontSize = (0, useMaxFontAdjustment_1.default)(textBoxRef, textStyle.fontSize, mode);
67
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, style: {
68
- fontSize: "".concat(baseFontSize, "px")
69
- } }, { children: (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ ref: textBoxRef, className: "cb-layout-box cb-text-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), effectCssProperties), layoutStyle), { cursor: CLINKCursor, paddingTop: 0, paddingBottom: 0, paddingLeft: 0, paddingRight: 0 }), hoverStyle: __assign(__assign({}, textHoverStyle), propsHoverStyle), onClick: onClickCLINK }, { children: (0, jsx_runtime_1.jsx)(S_TextContent, __assign({ className: "cb-text-content", style: {
66
+ var baseFontSize = (0, useMaxFontAdjustment_1.default)(textBoxRef, textStyle.fontSize, mode, device, rootBaseFontSize);
67
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, style: { fontSize: rootBaseFontSize < 16 ? "".concat(baseFontSize, "px") : "".concat(rootBaseFontSize, "px") } }, { children: (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ ref: textBoxRef, className: "cb-layout-box cb-text-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), effectCssProperties), layoutStyle), { cursor: CLINKCursor, paddingTop: 0, paddingBottom: 0, paddingLeft: 0, paddingRight: 0 }), hoverStyle: __assign(__assign({}, textHoverStyle), propsHoverStyle), onClick: onClickCLINK }, { children: (0, jsx_runtime_1.jsx)(S_TextContent, __assign({ className: "cb-text-content", style: {
70
68
  whiteSpace: 'pre-wrap',
71
69
  wordBreak: 'break-word',
72
70
  height: 'fit-content',
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/useMaxFontAdjustment.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { RefObject } from 'react';
2
+ import type { Device } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
2
3
  import type { DynamicLayoutProps } from '../../../../../../../DynamicLayout/types';
3
- declare const useMaxFontAdjustment: (ref: RefObject<HTMLDivElement>, cbFontSize: string, mode: DynamicLayoutProps['mode']) => number;
4
+ declare const useMaxFontAdjustment: (ref: RefObject<HTMLDivElement>, cbFontSize: string, mode: DynamicLayoutProps['mode'], device: Device, rootBaseFontSize: number) => number;
4
5
  export default useMaxFontAdjustment;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/useMaxFontAdjustment.js CHANGED
@@ -2,21 +2,27 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var react_1 = require("react");
4
4
  var DEFAULT_BASE_FONT = 16;
5
- var useMaxFontAdjustment = function (ref, cbFontSize, mode) {
6
- var cbFontNumber = parseEmToNumber(cbFontSize);
7
- var minFontSize = cbFontNumber * 0.6;
5
+ var useMaxFontAdjustment = function (ref, cbFontSize, mode, device, rootBaseFontSize) {
8
6
  var _a = (0, react_1.useState)(DEFAULT_BASE_FONT), fontSize = _a[0], setFontSize = _a[1];
9
7
  var ogRef = (0, react_1.useRef)(0);
10
8
  (0, react_1.useEffect)(function () {
9
+ if (device === 'DESKTOP') {
10
+ return;
11
+ }
11
12
  if (mode !== 'PREVIEW') {
12
13
  return;
13
14
  }
14
- if (!ref.current)
15
+ if (!ref.current) {
16
+ return;
17
+ }
18
+ if (rootBaseFontSize >= 16) {
15
19
  return;
20
+ }
16
21
  var resizeObserver = new ResizeObserver(function (callback) {
17
22
  var object = callback[0];
18
23
  var height = object.target.clientHeight;
19
24
  var contentHeight = object.target.children[0].clientHeight;
25
+ var minFontSize = parseEmToNumber(cbFontSize) * 0.6;
20
26
  if (fontSize === 16) {
21
27
  var percent = (contentHeight / contentHeight) * 100;
22
28
  ogRef.current = percent;
@@ -24,24 +30,30 @@ var useMaxFontAdjustment = function (ref, cbFontSize, mode) {
24
30
  var p = (contentHeight / height) * 100;
25
31
  var isOverflow = contentHeight > height;
26
32
  var hasContentGap = p > ogRef.current;
27
- var isNextMin = fontSize - 0.3 <= minFontSize;
33
+ var isNextMin = fontSize <= minFontSize;
34
+ console.log({
35
+ contentHeight: contentHeight,
36
+ height: height,
37
+ ogPercent: ogRef.current,
38
+ myP: p
39
+ });
28
40
  if (isNextMin) {
29
41
  return;
30
42
  }
31
43
  if (isOverflow || hasContentGap) {
32
44
  setFontSize(function (prev) { return Number((prev - 0.3).toFixed(3)); });
33
- // setFontSize((prev) => {
34
- // const value = parseEmToNumber(prev);
35
- // if (value === null) {
36
- // return prev;
37
- // }
38
- // return `${(value - 0.3).toFixed(3)}em`;
39
- // });
40
45
  }
41
46
  });
42
47
  resizeObserver.observe(ref.current);
43
- return function () { return resizeObserver.disconnect(); }; // clean u
44
- }, [ref, fontSize, mode]);
48
+ return function () {
49
+ resizeObserver.disconnect();
50
+ };
51
+ }, [fontSize, mode, device, rootBaseFontSize]);
52
+ (0, react_1.useEffect)(function () {
53
+ return function () {
54
+ ogRef.current = 0;
55
+ };
56
+ }, []);
45
57
  return fontSize;
46
58
  };
47
59
  exports.default = useMaxFontAdjustment;
@@ -49,7 +61,7 @@ function parseEmToNumber(value) {
49
61
  var numericPart = value.replace('em', '').trim();
50
62
  var result = parseFloat(numericPart);
51
63
  if (isNaN(result)) {
52
- return null;
64
+ return 0;
53
65
  }
54
66
  return result;
55
67
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.2.89",
3
+ "version": "2.2.90",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/dist/src/sub/DynamicLayout/flexGridLayout/FlexGridLayout.d.ts DELETED
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare function FlexGridLayout(): JSX.Element;
3
- export default FlexGridLayout;
package/dist/src/sub/DynamicLayout/flexGridLayout/FlexGridLayout.js DELETED
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- var jsx_runtime_1 = require("react/jsx-runtime");
11
- require("react");
12
- var styled_components_1 = __importDefault(require("styled-components"));
13
- function FlexGridLayout() {
14
- return (0, jsx_runtime_1.jsx)(S_Layout, { children: "FlexGridLayout" });
15
- }
16
- var S_Layout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: white;\n"], ["\n background-color: white;\n"])));
17
- exports.default = FlexGridLayout;
18
- var templateObject_1;