pds-dev-kit-web 0.3.46 → 0.3.50

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/dist/src/common/services/i18n/resources/en.json +12 -10
  2. package/dist/src/common/services/i18n/resources/es.json +12 -10
  3. package/dist/src/common/services/i18n/resources/index.d.ts +44 -36
  4. package/dist/src/common/services/i18n/resources/jp.json +12 -10
  5. package/dist/src/common/services/i18n/resources/ko.json +12 -10
  6. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  7. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +10 -2
  8. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTH.d.ts +2 -1
  9. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTH.js +25 -7
  10. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTK.d.ts +9 -0
  11. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTK.js +51 -0
  12. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTL.d.ts +8 -0
  13. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTL.js +31 -0
  14. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTM.d.ts +9 -0
  15. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTM.js +49 -0
  16. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.d.ts +8 -0
  17. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.js +31 -0
  18. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.d.ts +4 -0
  19. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.js +9 -1
  20. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts +1 -1
  21. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +27 -3
  22. package/dist/src/hybrid/components/IconButton/IconButton.d.ts +2 -2
  23. package/dist/src/hybrid/components/IconButton/IconButton.js +11 -9
  24. package/package.json +1 -1
@@ -2830,13 +2830,13 @@
2830
2830
  "str_outlink_papp_modification_record": "수정 기록",
2831
2831
  "str_outlink_papp_setting": "설정",
2832
2832
  "str_outlink_papp_settingposts": "$t(str_pg_title_papp_outlink)설정",
2833
- "str_outlink_papp_management_title_require": "아웃링크 관리용 제목*",
2833
+ "str_management_title_require": "아웃링크 관리용 제목*",
2834
2834
  "str_1617": "새 아웃링크 1",
2835
- "str_outlink_papp_switch_button_phrase": "전환 버튼 문구*",
2835
+ "str_switch_button_phrase": "전환 버튼 문구*",
2836
2836
  "str_1618": "버튼 문구 1",
2837
- "str_outlink_papp_outlink_url_to_switch_to": "전환할 아웃링크 URL*",
2837
+ "str_url_to_switch_to": "전환할 아웃링크 URL*",
2838
2838
  "str_1619": "https://",
2839
- "str_outlink_papp_image_preview": "아웃링크 이미지 미리보기",
2839
+ "str_image_preview": "아웃링크 이미지 미리보기",
2840
2840
  "str_1620": "아웃링크 이미지는 모든 비율의 이미지를 업로드 할수 있습니다.\n이미지의 너비는 적어도 768px이상을 권장합니다.\n파일은 최대 30MB로 저장됩니다.",
2841
2841
  "str_1621": "아이디는 최소 4자 이상, 20자 이하의 영문과 숫자, 언더스코어(_)로 입력할 수 있습니다.\n아이디는 한 번 생성한 후 변경할 수 없습니다.",
2842
2842
  "str_1622": "비밀번호는 최소 8자 이상, 30자까지 입력할 수 있습니다.\n비밀번호는 영어 대소문자, 숫자, 1개 이상의 특수문자를 반드시 포함해 주세요.",
@@ -2854,11 +2854,11 @@
2854
2854
  "str_1634": "프로필 이미지는 정사각형으로 업로드 되어, 메뉴에서 채널의 프로필 역할을 할 수 있습니다.\n채널 프로필로 인식할 수 있도록 돕는 이미지여야 합니다.\n이미지는 JPG, JPEG 및 PNG 형식으로 업로드 할 수 있습니다.",
2855
2855
  "str_1635": "닉네임은 채널에서 표시되는 이름입니다.\n닉네임은 국문과 영문으로 띄어쓰기 및 특수문자 없이 최소 2자부터 최대 12자까지 입력할 수 있습니다.",
2856
2856
  "str_1636": "정보를 표시하기에 적합한 나이가 아닙니다.",
2857
- "str_outlink_papp_record": "기록",
2858
- "str_outlink_papp_management_title": "아웃링크 관리용 제목",
2859
- "str_outlink_papp_editdate": "수정한 날짜",
2860
- "str_outlink_papp_link_switched_counts": "링크 전환수",
2861
- "str_outlink_papp_link_url": "아웃링크 주소",
2857
+ "str_papp_promotion_history": "기록",
2858
+ "str_management_title": "아웃링크 관리용 제목",
2859
+ "str_edit_date": "수정한 날짜",
2860
+ "str_switched_counts": "링크 전환수",
2861
+ "str_link_url": "아웃링크 주소",
2862
2862
  "str_err_1637": "이미 사용 중인 아이디입니다. 새로운 아이디를 입력해 주세요. ({{errCode}})",
2863
2863
  "str_create_operator_account_step_5": "운영자 계정 생성 완료!",
2864
2864
  "str_1638": "관리 권한을 부여해 주세요.",
@@ -2875,6 +2875,8 @@
2875
2875
  "str_pg_title_promotion_post": "아웃링크",
2876
2876
  "str_pg_title_promotion_post_settings": "설정",
2877
2877
  "str_pg_title_promotion_post_history": "기록",
2878
- "str_papp_promotion_post_setting": "아웃링크 설정"
2878
+ "str_papp_promotion_post_setting": "아웃링크 설정",
2879
+ "str_1649": "아직 추가된 에피소드가 없습니다.",
2880
+ "str_1650": "아직 추가된 시리즈가 없습니다."
2879
2881
  }
2880
2882
  }
@@ -2830,13 +2830,13 @@
2830
2830
  "str_outlink_papp_modification_record": "수정 기록",
2831
2831
  "str_outlink_papp_setting": "설정",
2832
2832
  "str_outlink_papp_settingposts": "$t(str_pg_title_papp_outlink)설정",
2833
- "str_outlink_papp_management_title_require": "아웃링크 관리용 제목*",
2833
+ "str_management_title_require": "아웃링크 관리용 제목*",
2834
2834
  "str_1617": "새 아웃링크 1",
2835
- "str_outlink_papp_switch_button_phrase": "전환 버튼 문구*",
2835
+ "str_switch_button_phrase": "전환 버튼 문구*",
2836
2836
  "str_1618": "버튼 문구 1",
2837
- "str_outlink_papp_outlink_url_to_switch_to": "전환할 아웃링크 URL*",
2837
+ "str_url_to_switch_to": "전환할 아웃링크 URL*",
2838
2838
  "str_1619": "https://",
2839
- "str_outlink_papp_image_preview": "아웃링크 이미지 미리보기",
2839
+ "str_image_preview": "아웃링크 이미지 미리보기",
2840
2840
  "str_1620": "아웃링크 이미지는 모든 비율의 이미지를 업로드 할수 있습니다.\n이미지의 너비는 적어도 768px이상을 권장합니다.\n파일은 최대 30MB로 저장됩니다.",
2841
2841
  "str_1621": "아이디는 최소 4자 이상, 20자 이하의 영문과 숫자, 언더스코어(_)로 입력할 수 있습니다.\n아이디는 한 번 생성한 후 변경할 수 없습니다.",
2842
2842
  "str_1622": "비밀번호는 최소 8자 이상, 30자까지 입력할 수 있습니다.\n비밀번호는 영어 대소문자, 숫자, 1개 이상의 특수문자를 반드시 포함해 주세요.",
@@ -2854,11 +2854,11 @@
2854
2854
  "str_1634": "프로필 이미지는 정사각형으로 업로드 되어, 메뉴에서 채널의 프로필 역할을 할 수 있습니다.\n채널 프로필로 인식할 수 있도록 돕는 이미지여야 합니다.\n이미지는 JPG, JPEG 및 PNG 형식으로 업로드 할 수 있습니다.",
2855
2855
  "str_1635": "닉네임은 채널에서 표시되는 이름입니다.\n닉네임은 국문과 영문으로 띄어쓰기 및 특수문자 없이 최소 2자부터 최대 12자까지 입력할 수 있습니다.",
2856
2856
  "str_1636": "정보를 표시하기에 적합한 나이가 아닙니다.",
2857
- "str_outlink_papp_record": "기록",
2858
- "str_outlink_papp_management_title": "아웃링크 관리용 제목",
2859
- "str_outlink_papp_editdate": "수정한 날짜",
2860
- "str_outlink_papp_link_switched_counts": "링크 전환수",
2861
- "str_outlink_papp_link_url": "아웃링크 주소",
2857
+ "str_papp_promotion_history": "기록",
2858
+ "str_management_title": "아웃링크 관리용 제목",
2859
+ "str_edit_date": "수정한 날짜",
2860
+ "str_switched_counts": "링크 전환수",
2861
+ "str_link_url": "아웃링크 주소",
2862
2862
  "str_err_1637": "이미 사용 중인 아이디입니다. 새로운 아이디를 입력해 주세요. ({{errCode}})",
2863
2863
  "str_create_operator_account_step_5": "운영자 계정 생성 완료!",
2864
2864
  "str_1638": "관리 권한을 부여해 주세요.",
@@ -2875,6 +2875,8 @@
2875
2875
  "str_pg_title_promotion_post": "아웃링크",
2876
2876
  "str_pg_title_promotion_post_settings": "설정",
2877
2877
  "str_pg_title_promotion_post_history": "기록",
2878
- "str_papp_promotion_post_setting": "아웃링크 설정"
2878
+ "str_papp_promotion_post_setting": "아웃링크 설정",
2879
+ "str_1649": "아직 추가된 에피소드가 없습니다.",
2880
+ "str_1650": "아직 추가된 시리즈가 없습니다."
2879
2881
  }
2880
2882
  }
@@ -2831,13 +2831,13 @@ declare const locale: {
2831
2831
  str_outlink_papp_modification_record: string;
2832
2832
  str_outlink_papp_setting: string;
2833
2833
  str_outlink_papp_settingposts: string;
2834
- str_outlink_papp_management_title_require: string;
2834
+ str_management_title_require: string;
2835
2835
  str_1617: string;
2836
- str_outlink_papp_switch_button_phrase: string;
2836
+ str_switch_button_phrase: string;
2837
2837
  str_1618: string;
2838
- str_outlink_papp_outlink_url_to_switch_to: string;
2838
+ str_url_to_switch_to: string;
2839
2839
  str_1619: string;
2840
- str_outlink_papp_image_preview: string;
2840
+ str_image_preview: string;
2841
2841
  str_1620: string;
2842
2842
  str_1621: string;
2843
2843
  str_1622: string;
@@ -2855,11 +2855,11 @@ declare const locale: {
2855
2855
  str_1634: string;
2856
2856
  str_1635: string;
2857
2857
  str_1636: string;
2858
- str_outlink_papp_record: string;
2859
- str_outlink_papp_management_title: string;
2860
- str_outlink_papp_editdate: string;
2861
- str_outlink_papp_link_switched_counts: string;
2862
- str_outlink_papp_link_url: string;
2858
+ str_papp_promotion_history: string;
2859
+ str_management_title: string;
2860
+ str_edit_date: string;
2861
+ str_switched_counts: string;
2862
+ str_link_url: string;
2863
2863
  str_err_1637: string;
2864
2864
  str_create_operator_account_step_5: string;
2865
2865
  str_1638: string;
@@ -2877,6 +2877,8 @@ declare const locale: {
2877
2877
  str_pg_title_promotion_post_settings: string;
2878
2878
  str_pg_title_promotion_post_history: string;
2879
2879
  str_papp_promotion_post_setting: string;
2880
+ str_1649: string;
2881
+ str_1650: string;
2880
2882
  };
2881
2883
  };
2882
2884
  readonly en: {
@@ -5711,13 +5713,13 @@ declare const locale: {
5711
5713
  str_outlink_papp_modification_record: string;
5712
5714
  str_outlink_papp_setting: string;
5713
5715
  str_outlink_papp_settingposts: string;
5714
- str_outlink_papp_management_title_require: string;
5716
+ str_management_title_require: string;
5715
5717
  str_1617: string;
5716
- str_outlink_papp_switch_button_phrase: string;
5718
+ str_switch_button_phrase: string;
5717
5719
  str_1618: string;
5718
- str_outlink_papp_outlink_url_to_switch_to: string;
5720
+ str_url_to_switch_to: string;
5719
5721
  str_1619: string;
5720
- str_outlink_papp_image_preview: string;
5722
+ str_image_preview: string;
5721
5723
  str_1620: string;
5722
5724
  str_1621: string;
5723
5725
  str_1622: string;
@@ -5735,11 +5737,11 @@ declare const locale: {
5735
5737
  str_1634: string;
5736
5738
  str_1635: string;
5737
5739
  str_1636: string;
5738
- str_outlink_papp_record: string;
5739
- str_outlink_papp_management_title: string;
5740
- str_outlink_papp_editdate: string;
5741
- str_outlink_papp_link_switched_counts: string;
5742
- str_outlink_papp_link_url: string;
5740
+ str_papp_promotion_history: string;
5741
+ str_management_title: string;
5742
+ str_edit_date: string;
5743
+ str_switched_counts: string;
5744
+ str_link_url: string;
5743
5745
  str_err_1637: string;
5744
5746
  str_create_operator_account_step_5: string;
5745
5747
  str_1638: string;
@@ -5757,6 +5759,8 @@ declare const locale: {
5757
5759
  str_pg_title_promotion_post_settings: string;
5758
5760
  str_pg_title_promotion_post_history: string;
5759
5761
  str_papp_promotion_post_setting: string;
5762
+ str_1649: string;
5763
+ str_1650: string;
5760
5764
  };
5761
5765
  };
5762
5766
  readonly jp: {
@@ -8591,13 +8595,13 @@ declare const locale: {
8591
8595
  str_outlink_papp_modification_record: string;
8592
8596
  str_outlink_papp_setting: string;
8593
8597
  str_outlink_papp_settingposts: string;
8594
- str_outlink_papp_management_title_require: string;
8598
+ str_management_title_require: string;
8595
8599
  str_1617: string;
8596
- str_outlink_papp_switch_button_phrase: string;
8600
+ str_switch_button_phrase: string;
8597
8601
  str_1618: string;
8598
- str_outlink_papp_outlink_url_to_switch_to: string;
8602
+ str_url_to_switch_to: string;
8599
8603
  str_1619: string;
8600
- str_outlink_papp_image_preview: string;
8604
+ str_image_preview: string;
8601
8605
  str_1620: string;
8602
8606
  str_1621: string;
8603
8607
  str_1622: string;
@@ -8615,11 +8619,11 @@ declare const locale: {
8615
8619
  str_1634: string;
8616
8620
  str_1635: string;
8617
8621
  str_1636: string;
8618
- str_outlink_papp_record: string;
8619
- str_outlink_papp_management_title: string;
8620
- str_outlink_papp_editdate: string;
8621
- str_outlink_papp_link_switched_counts: string;
8622
- str_outlink_papp_link_url: string;
8622
+ str_papp_promotion_history: string;
8623
+ str_management_title: string;
8624
+ str_edit_date: string;
8625
+ str_switched_counts: string;
8626
+ str_link_url: string;
8623
8627
  str_err_1637: string;
8624
8628
  str_create_operator_account_step_5: string;
8625
8629
  str_1638: string;
@@ -8637,6 +8641,8 @@ declare const locale: {
8637
8641
  str_pg_title_promotion_post_settings: string;
8638
8642
  str_pg_title_promotion_post_history: string;
8639
8643
  str_papp_promotion_post_setting: string;
8644
+ str_1649: string;
8645
+ str_1650: string;
8640
8646
  };
8641
8647
  };
8642
8648
  readonly es: {
@@ -11471,13 +11477,13 @@ declare const locale: {
11471
11477
  str_outlink_papp_modification_record: string;
11472
11478
  str_outlink_papp_setting: string;
11473
11479
  str_outlink_papp_settingposts: string;
11474
- str_outlink_papp_management_title_require: string;
11480
+ str_management_title_require: string;
11475
11481
  str_1617: string;
11476
- str_outlink_papp_switch_button_phrase: string;
11482
+ str_switch_button_phrase: string;
11477
11483
  str_1618: string;
11478
- str_outlink_papp_outlink_url_to_switch_to: string;
11484
+ str_url_to_switch_to: string;
11479
11485
  str_1619: string;
11480
- str_outlink_papp_image_preview: string;
11486
+ str_image_preview: string;
11481
11487
  str_1620: string;
11482
11488
  str_1621: string;
11483
11489
  str_1622: string;
@@ -11495,11 +11501,11 @@ declare const locale: {
11495
11501
  str_1634: string;
11496
11502
  str_1635: string;
11497
11503
  str_1636: string;
11498
- str_outlink_papp_record: string;
11499
- str_outlink_papp_management_title: string;
11500
- str_outlink_papp_editdate: string;
11501
- str_outlink_papp_link_switched_counts: string;
11502
- str_outlink_papp_link_url: string;
11504
+ str_papp_promotion_history: string;
11505
+ str_management_title: string;
11506
+ str_edit_date: string;
11507
+ str_switched_counts: string;
11508
+ str_link_url: string;
11503
11509
  str_err_1637: string;
11504
11510
  str_create_operator_account_step_5: string;
11505
11511
  str_1638: string;
@@ -11517,6 +11523,8 @@ declare const locale: {
11517
11523
  str_pg_title_promotion_post_settings: string;
11518
11524
  str_pg_title_promotion_post_history: string;
11519
11525
  str_papp_promotion_post_setting: string;
11526
+ str_1649: string;
11527
+ str_1650: string;
11520
11528
  };
11521
11529
  };
11522
11530
  };
@@ -2830,13 +2830,13 @@
2830
2830
  "str_outlink_papp_modification_record": "수정 기록",
2831
2831
  "str_outlink_papp_setting": "설정",
2832
2832
  "str_outlink_papp_settingposts": "$t(str_pg_title_papp_outlink)설정",
2833
- "str_outlink_papp_management_title_require": "아웃링크 관리용 제목*",
2833
+ "str_management_title_require": "아웃링크 관리용 제목*",
2834
2834
  "str_1617": "새 아웃링크 1",
2835
- "str_outlink_papp_switch_button_phrase": "전환 버튼 문구*",
2835
+ "str_switch_button_phrase": "전환 버튼 문구*",
2836
2836
  "str_1618": "버튼 문구 1",
2837
- "str_outlink_papp_outlink_url_to_switch_to": "전환할 아웃링크 URL*",
2837
+ "str_url_to_switch_to": "전환할 아웃링크 URL*",
2838
2838
  "str_1619": "https://",
2839
- "str_outlink_papp_image_preview": "아웃링크 이미지 미리보기",
2839
+ "str_image_preview": "아웃링크 이미지 미리보기",
2840
2840
  "str_1620": "아웃링크 이미지는 모든 비율의 이미지를 업로드 할수 있습니다.\n이미지의 너비는 적어도 768px이상을 권장합니다.\n파일은 최대 30MB로 저장됩니다.",
2841
2841
  "str_1621": "아이디는 최소 4자 이상, 20자 이하의 영문과 숫자, 언더스코어(_)로 입력할 수 있습니다.\n아이디는 한 번 생성한 후 변경할 수 없습니다.",
2842
2842
  "str_1622": "비밀번호는 최소 8자 이상, 30자까지 입력할 수 있습니다.\n비밀번호는 영어 대소문자, 숫자, 1개 이상의 특수문자를 반드시 포함해 주세요.",
@@ -2854,11 +2854,11 @@
2854
2854
  "str_1634": "프로필 이미지는 정사각형으로 업로드 되어, 메뉴에서 채널의 프로필 역할을 할 수 있습니다.\n채널 프로필로 인식할 수 있도록 돕는 이미지여야 합니다.\n이미지는 JPG, JPEG 및 PNG 형식으로 업로드 할 수 있습니다.",
2855
2855
  "str_1635": "닉네임은 채널에서 표시되는 이름입니다.\n닉네임은 국문과 영문으로 띄어쓰기 및 특수문자 없이 최소 2자부터 최대 12자까지 입력할 수 있습니다.",
2856
2856
  "str_1636": "정보를 표시하기에 적합한 나이가 아닙니다.",
2857
- "str_outlink_papp_record": "기록",
2858
- "str_outlink_papp_management_title": "아웃링크 관리용 제목",
2859
- "str_outlink_papp_editdate": "수정한 날짜",
2860
- "str_outlink_papp_link_switched_counts": "링크 전환수",
2861
- "str_outlink_papp_link_url": "아웃링크 주소",
2857
+ "str_papp_promotion_history": "기록",
2858
+ "str_management_title": "아웃링크 관리용 제목",
2859
+ "str_edit_date": "수정한 날짜",
2860
+ "str_switched_counts": "링크 전환수",
2861
+ "str_link_url": "아웃링크 주소",
2862
2862
  "str_err_1637": "이미 사용 중인 아이디입니다. 새로운 아이디를 입력해 주세요. ({{errCode}})",
2863
2863
  "str_create_operator_account_step_5": "운영자 계정 생성 완료!",
2864
2864
  "str_1638": "관리 권한을 부여해 주세요.",
@@ -2875,6 +2875,8 @@
2875
2875
  "str_pg_title_promotion_post": "아웃링크",
2876
2876
  "str_pg_title_promotion_post_settings": "설정",
2877
2877
  "str_pg_title_promotion_post_history": "기록",
2878
- "str_papp_promotion_post_setting": "아웃링크 설정"
2878
+ "str_papp_promotion_post_setting": "아웃링크 설정",
2879
+ "str_1649": "아직 추가된 에피소드가 없습니다.",
2880
+ "str_1650": "아직 추가된 시리즈가 없습니다."
2879
2881
  }
2880
2882
  }
@@ -2830,13 +2830,13 @@
2830
2830
  "str_outlink_papp_modification_record": "수정 기록",
2831
2831
  "str_outlink_papp_setting": "설정",
2832
2832
  "str_outlink_papp_settingposts": "$t(str_pg_title_papp_outlink)설정",
2833
- "str_outlink_papp_management_title_require": "아웃링크 관리용 제목*",
2833
+ "str_management_title_require": "아웃링크 관리용 제목*",
2834
2834
  "str_1617": "새 아웃링크 1",
2835
- "str_outlink_papp_switch_button_phrase": "전환 버튼 문구*",
2835
+ "str_switch_button_phrase": "전환 버튼 문구*",
2836
2836
  "str_1618": "버튼 문구 1",
2837
- "str_outlink_papp_outlink_url_to_switch_to": "전환할 아웃링크 URL*",
2837
+ "str_url_to_switch_to": "전환할 아웃링크 URL*",
2838
2838
  "str_1619": "https://",
2839
- "str_outlink_papp_image_preview": "아웃링크 이미지 미리보기",
2839
+ "str_image_preview": "아웃링크 이미지 미리보기",
2840
2840
  "str_1620": "아웃링크 이미지는 모든 비율의 이미지를 업로드 할수 있습니다.\n이미지의 너비는 적어도 768px이상을 권장합니다.\n파일은 최대 30MB로 저장됩니다.",
2841
2841
  "str_1621": "아이디는 최소 4자 이상, 20자 이하의 영문과 숫자, 언더스코어(_)로 입력할 수 있습니다.\n아이디는 한 번 생성한 후 변경할 수 없습니다.",
2842
2842
  "str_1622": "비밀번호는 최소 8자 이상, 30자까지 입력할 수 있습니다.\n비밀번호는 영어 대소문자, 숫자, 1개 이상의 특수문자를 반드시 포함해 주세요.",
@@ -2854,11 +2854,11 @@
2854
2854
  "str_1634": "프로필 이미지는 정사각형으로 업로드 되어, 메뉴에서 채널의 프로필 역할을 할 수 있습니다.\n채널 프로필로 인식할 수 있도록 돕는 이미지여야 합니다.\n이미지는 JPG, JPEG 및 PNG 형식으로 업로드 할 수 있습니다.",
2855
2855
  "str_1635": "닉네임은 채널에서 표시되는 이름입니다.\n닉네임은 국문과 영문으로 띄어쓰기 및 특수문자 없이 최소 2자부터 최대 12자까지 입력할 수 있습니다.",
2856
2856
  "str_1636": "정보를 표시하기에 적합한 나이가 아닙니다.",
2857
- "str_outlink_papp_record": "기록",
2858
- "str_outlink_papp_management_title": "아웃링크 관리용 제목",
2859
- "str_outlink_papp_editdate": "수정한 날짜",
2860
- "str_outlink_papp_link_switched_counts": "링크 전환수",
2861
- "str_outlink_papp_link_url": "아웃링크 주소",
2857
+ "str_papp_promotion_history": "기록",
2858
+ "str_management_title": "아웃링크 관리용 제목",
2859
+ "str_edit_date": "수정한 날짜",
2860
+ "str_switched_counts": "링크 전환수",
2861
+ "str_link_url": "아웃링크 주소",
2862
2862
  "str_err_1637": "이미 사용 중인 아이디입니다. 새로운 아이디를 입력해 주세요. ({{errCode}})",
2863
2863
  "str_create_operator_account_step_5": "운영자 계정 생성 완료!",
2864
2864
  "str_1638": "관리 권한을 부여해 주세요.",
@@ -2875,6 +2875,8 @@
2875
2875
  "str_pg_title_promotion_post": "아웃링크",
2876
2876
  "str_pg_title_promotion_post_settings": "설정",
2877
2877
  "str_pg_title_promotion_post_history": "기록",
2878
- "str_papp_promotion_post_setting": "아웃링크 설정"
2878
+ "str_papp_promotion_post_setting": "아웃링크 설정",
2879
+ "str_1649": "아직 추가된 에피소드가 없습니다.",
2880
+ "str_1650": "아직 추가된 시리즈가 없습니다."
2879
2881
  }
2880
2882
  }
@@ -2,7 +2,7 @@
2
2
  export declare type ContentsContainerProps = {
3
3
  content1?: JSX.Element;
4
4
  content2?: JSX.Element;
5
- layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTI_1' | 'WTJ_1';
5
+ layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTI_1' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  };
@@ -27,9 +27,17 @@ var ContentsContainer = function (_a) {
27
27
  WTF_5: (react_1.default.createElement(variation_1.WTF, { layoutType: "WTF_5", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
28
28
  WTF_6: (react_1.default.createElement(variation_1.WTF, { layoutType: "WTF_6", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
29
29
  WTG_1: react_1.default.createElement(variation_1.WTG, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
30
- WTH_1: react_1.default.createElement(variation_1.WTH, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
30
+ WTH_1: (react_1.default.createElement(variation_1.WTH, { layoutType: "WTH_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
31
+ WTH_2: (react_1.default.createElement(variation_1.WTH, { layoutType: "WTH_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
31
32
  WTI_1: react_1.default.createElement(variation_1.WTI, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
32
- WTJ_1: (react_1.default.createElement(variation_1.WTJ, { content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor }))
33
+ WTJ_1: (react_1.default.createElement(variation_1.WTJ, { content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
34
+ WTK_1: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
35
+ WTK_2: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
36
+ WTK_3: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_3", content1: content1, containerColor: containerColor, areaColor: areaColor })),
37
+ WTL_1: react_1.default.createElement(variation_1.WTL, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
38
+ WTM_1: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
39
+ WTM_2: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
40
+ WTN_1: react_1.default.createElement(variation_1.WTN, { content1: content1, containerColor: containerColor, areaColor: areaColor })
33
41
  }[layoutType]));
34
42
  };
35
43
  exports.default = ContentsContainer;
@@ -1,8 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  export declare type WTHProps = {
3
3
  content1?: JSX.Element;
4
+ layoutType: 'WTH_1' | 'WTH_2';
4
5
  containerColor?: string;
5
6
  areaColor?: string;
6
7
  };
7
- declare const WTH: ({ content1, containerColor, areaColor }: WTHProps) => JSX.Element;
8
+ declare const WTH: ({ content1, layoutType, containerColor, areaColor }: WTHProps) => JSX.Element;
8
9
  export default WTH;
@@ -10,22 +10,40 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  var react_1 = __importDefault(require("react"));
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var WTH = function (_a) {
13
- var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor;
14
- return (react_1.default.createElement(S_ContentsContainer, { containerColor: containerColor },
15
- react_1.default.createElement(S_ContentsArea, { areaColor: areaColor },
16
- react_1.default.createElement(S_Content1, null, content1))));
13
+ var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor;
14
+ return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
15
+ react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
16
+ react_1.default.createElement(S_Content1, { layoutType: layoutType }, content1))));
17
17
  };
18
- var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n min-width: 1200px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n min-width: 1200px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n"])), function (_a) {
18
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n min-width: 1200px;\n ", ";\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n min-width: 1200px;\n ", ";\n ", ";\n"])), function (_a) {
19
19
  var theme = _a.theme;
20
20
  return theme.ui_contentscontainer01_background;
21
+ }, function (_a) {
22
+ var layoutType = _a.layoutType;
23
+ return ({
24
+ WTH_1: 'height: 100%;overflow-x: hidden;overflow-y: auto;',
25
+ WTH_2: 'height: 100%;'
26
+ }[layoutType]);
21
27
  }, function (_a) {
22
28
  var containerColor = _a.containerColor;
23
29
  return "background-color: " + containerColor;
24
30
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n min-width: 1200px;\n padding-bottom: 88px;\n width: 100%;\n ", ";\n"], ["\n box-sizing: border-box;\n min-width: 1200px;\n padding-bottom: 88px;\n width: 100%;\n ", ";\n"])), function (_a) {
31
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n min-width: 1200px;\n width: 100%;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n min-width: 1200px;\n width: 100%;\n ", ";\n ", ";\n"])), function (_a) {
32
+ var layoutType = _a.layoutType;
33
+ return ({
34
+ WTH_1: 'padding-bottom: 88px;',
35
+ WTH_2: 'height: 100%;'
36
+ }[layoutType]);
37
+ }, function (_a) {
26
38
  var areaColor = _a.areaColor;
27
39
  return "background-color: " + areaColor;
28
40
  });
29
- var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
41
+ var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
42
+ var layoutType = _a.layoutType;
43
+ return ({
44
+ WTH_1: '',
45
+ WTH_2: 'height: 100%;overflow: hidden;'
46
+ }[layoutType]);
47
+ });
30
48
  exports.default = WTH;
31
49
  var templateObject_1, templateObject_2, templateObject_3;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare type WTKProps = {
3
+ content1?: JSX.Element;
4
+ layoutType: 'WTK_1' | 'WTK_2' | 'WTK_3';
5
+ containerColor?: string;
6
+ areaColor?: string;
7
+ };
8
+ declare const WTK: ({ content1, layoutType, containerColor, areaColor }: WTKProps) => JSX.Element;
9
+ export default WTK;
@@ -0,0 +1,51 @@
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 react_1 = __importDefault(require("react"));
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ var WTK = function (_a) {
13
+ var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor;
14
+ return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
15
+ react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
16
+ react_1.default.createElement(S_Content1, null, content1))));
17
+ };
18
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n ", ";\n\n /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n ", ";\n\n /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"])), function (_a) {
19
+ var theme = _a.theme;
20
+ return theme.ui_contentscontainer01_background;
21
+ }, function (_a) {
22
+ var containerColor = _a.containerColor;
23
+ return "background-color: " + containerColor;
24
+ }, function (_a) {
25
+ var layoutType = _a.layoutType;
26
+ return ({
27
+ WTK_1: 'min-width: 480px;',
28
+ WTK_2: 'min-width: 600px;',
29
+ WTK_3: 'min-width: 768px;'
30
+ }[layoutType]);
31
+ });
32
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n height: 100%;\n overflow: auto;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n height: 100%;\n overflow: auto;\n ", ";\n ", ";\n"])), function (_a) {
33
+ var theme = _a.theme;
34
+ return theme.ui_area_divider;
35
+ }, function (_a) {
36
+ var theme = _a.theme;
37
+ return theme.ui_area_divider;
38
+ }, function (_a) {
39
+ var layoutType = _a.layoutType;
40
+ return ({
41
+ WTK_1: 'width: 480px;',
42
+ WTK_2: 'width: 600px;',
43
+ WTK_3: 'width: 768px;'
44
+ }[layoutType]);
45
+ }, function (_a) {
46
+ var areaColor = _a.areaColor;
47
+ return "background-color: " + areaColor;
48
+ });
49
+ var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
50
+ exports.default = WTK;
51
+ var templateObject_1, templateObject_2, templateObject_3;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export declare type WTLProps = {
3
+ content1?: JSX.Element;
4
+ containerColor?: string;
5
+ areaColor?: string;
6
+ };
7
+ declare const WTL: ({ content1, containerColor, areaColor }: WTLProps) => JSX.Element;
8
+ export default WTL;
@@ -0,0 +1,31 @@
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 react_1 = __importDefault(require("react"));
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ var WTL = function (_a) {
13
+ var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor;
14
+ return (react_1.default.createElement(S_ContentsContainer, { containerColor: containerColor },
15
+ react_1.default.createElement(S_ContentsArea, { areaColor: areaColor },
16
+ react_1.default.createElement(S_Content1, null, content1))));
17
+ };
18
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n min-width: 1200px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n min-width: 1200px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n"])), function (_a) {
19
+ var theme = _a.theme;
20
+ return theme.ui_contentscontainer01_background;
21
+ }, function (_a) {
22
+ var containerColor = _a.containerColor;
23
+ return "background-color: " + containerColor;
24
+ });
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n min-width: 1200px;\n padding: 24px 24px 88px 24px;\n width: 100%;\n ", ";\n"], ["\n box-sizing: border-box;\n min-width: 1200px;\n padding: 24px 24px 88px 24px;\n width: 100%;\n ", ";\n"])), function (_a) {
26
+ var areaColor = _a.areaColor;
27
+ return "background-color: " + areaColor;
28
+ });
29
+ var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
30
+ exports.default = WTL;
31
+ var templateObject_1, templateObject_2, templateObject_3;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare type WTMProps = {
3
+ content1?: JSX.Element;
4
+ layoutType: 'WTM_1' | 'WTM_2';
5
+ containerColor?: string;
6
+ areaColor?: string;
7
+ };
8
+ declare const WTM: ({ content1, layoutType, containerColor, areaColor }: WTMProps) => JSX.Element;
9
+ export default WTM;
@@ -0,0 +1,49 @@
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 react_1 = __importDefault(require("react"));
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ var WTM = function (_a) {
13
+ var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor;
14
+ return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
15
+ react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
16
+ react_1.default.createElement(S_Content1, { layoutType: layoutType }, content1))));
17
+ };
18
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n min-width: 1200px;\n ", ";\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n min-width: 1200px;\n ", ";\n ", ";\n"])), function (_a) {
19
+ var theme = _a.theme;
20
+ return theme.ui_contentscontainer01_background;
21
+ }, function (_a) {
22
+ var layoutType = _a.layoutType;
23
+ return ({
24
+ WTM_1: 'height: 100%;overflow-x: hidden;overflow-y: auto;',
25
+ WTM_2: 'height: 100%;'
26
+ }[layoutType]);
27
+ }, function (_a) {
28
+ var containerColor = _a.containerColor;
29
+ return "background-color: " + containerColor;
30
+ });
31
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n min-width: 1200px;\n width: 100%;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n min-width: 1200px;\n width: 100%;\n ", ";\n ", ";\n"])), function (_a) {
32
+ var layoutType = _a.layoutType;
33
+ return ({
34
+ WTM_1: 'padding-bottom: 88px;',
35
+ WTM_2: 'height: 100%;'
36
+ }[layoutType]);
37
+ }, function (_a) {
38
+ var areaColor = _a.areaColor;
39
+ return "background-color: " + areaColor;
40
+ });
41
+ var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
42
+ var layoutType = _a.layoutType;
43
+ return ({
44
+ WTM_1: '',
45
+ WTM_2: 'height: 100%;overflow: hidden;'
46
+ }[layoutType]);
47
+ });
48
+ exports.default = WTM;
49
+ var templateObject_1, templateObject_2, templateObject_3;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export declare type WTNProps = {
3
+ content1?: JSX.Element;
4
+ containerColor?: string;
5
+ areaColor?: string;
6
+ };
7
+ declare const WTN: ({ content1, containerColor, areaColor }: WTNProps) => JSX.Element;
8
+ export default WTN;
@@ -0,0 +1,31 @@
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 react_1 = __importDefault(require("react"));
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ var WTN = function (_a) {
13
+ var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor;
14
+ return (react_1.default.createElement(S_ContentsContainer, { containerColor: containerColor },
15
+ react_1.default.createElement(S_ContentsArea, { areaColor: areaColor },
16
+ react_1.default.createElement(S_Content1, null, content1))));
17
+ };
18
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n min-width: 1200px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n min-width: 1200px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n"])), function (_a) {
19
+ var theme = _a.theme;
20
+ return theme.ui_contentscontainer01_background;
21
+ }, function (_a) {
22
+ var containerColor = _a.containerColor;
23
+ return "background-color: " + containerColor;
24
+ });
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 88px;\n width: 1200px;\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 88px;\n width: 1200px;\n ", ";\n"])), function (_a) {
26
+ var areaColor = _a.areaColor;
27
+ return "background-color: " + areaColor;
28
+ });
29
+ var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
30
+ exports.default = WTN;
31
+ var templateObject_1, templateObject_2, templateObject_3;
@@ -8,3 +8,7 @@ export { default as WTG } from './WTG';
8
8
  export { default as WTH } from './WTH';
9
9
  export { default as WTI } from './WTI';
10
10
  export { default as WTJ } from './WTJ';
11
+ export { default as WTK } from './WTK';
12
+ export { default as WTL } from './WTL';
13
+ export { default as WTM } from './WTM';
14
+ export { default as WTN } from './WTN';
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
6
+ exports.WTN = exports.WTM = exports.WTL = exports.WTK = exports.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
7
7
  var WTA_1 = require("./WTA");
8
8
  Object.defineProperty(exports, "WTA", { enumerable: true, get: function () { return __importDefault(WTA_1).default; } });
9
9
  var WTB_1 = require("./WTB");
@@ -24,3 +24,11 @@ var WTI_1 = require("./WTI");
24
24
  Object.defineProperty(exports, "WTI", { enumerable: true, get: function () { return __importDefault(WTI_1).default; } });
25
25
  var WTJ_1 = require("./WTJ");
26
26
  Object.defineProperty(exports, "WTJ", { enumerable: true, get: function () { return __importDefault(WTJ_1).default; } });
27
+ var WTK_1 = require("./WTK");
28
+ Object.defineProperty(exports, "WTK", { enumerable: true, get: function () { return __importDefault(WTK_1).default; } });
29
+ var WTL_1 = require("./WTL");
30
+ Object.defineProperty(exports, "WTL", { enumerable: true, get: function () { return __importDefault(WTL_1).default; } });
31
+ var WTM_1 = require("./WTM");
32
+ Object.defineProperty(exports, "WTM", { enumerable: true, get: function () { return __importDefault(WTM_1).default; } });
33
+ var WTN_1 = require("./WTN");
34
+ Object.defineProperty(exports, "WTN", { enumerable: true, get: function () { return __importDefault(WTN_1).default; } });
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  export declare type ContainersBoxProps = {
3
- layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTI_1' | 'WTJ_1';
3
+ layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTI_1' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1';
4
4
  pageMenuContent?: JSX.Element;
5
5
  tabMenuContent?: JSX.Element;
6
6
  content1?: JSX.Element;
@@ -34,8 +34,16 @@ var ContainersBox = function (_a) {
34
34
  WTF_6: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "left_page_menu", pageMenuContent: pageMenuContent })),
35
35
  WTG_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "left_page_menu", pageMenuContent: pageMenuContent })),
36
36
  WTH_1: react_1.default.createElement(react_1.default.Fragment, null),
37
+ WTH_2: react_1.default.createElement(react_1.default.Fragment, null),
37
38
  WTI_1: react_1.default.createElement(react_1.default.Fragment, null),
38
- WTJ_1: react_1.default.createElement(react_1.default.Fragment, null)
39
+ WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
40
+ WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
41
+ WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
42
+ WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
43
+ WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
44
+ WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
45
+ WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
46
+ WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
39
47
  }[layoutType],
40
48
  react_1.default.createElement(S_RightBox, null,
41
49
  {
@@ -59,8 +67,16 @@ var ContainersBox = function (_a) {
59
67
  WTF_6: react_1.default.createElement(react_1.default.Fragment, null),
60
68
  WTG_1: react_1.default.createElement(react_1.default.Fragment, null),
61
69
  WTH_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
70
+ WTH_2: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
62
71
  WTI_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
63
- WTJ_1: react_1.default.createElement(react_1.default.Fragment, null)
72
+ WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
73
+ WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
74
+ WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
75
+ WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
76
+ WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
77
+ WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
78
+ WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
79
+ WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
64
80
  }[layoutType],
65
81
  {
66
82
  WTA_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -83,8 +99,16 @@ var ContainersBox = function (_a) {
83
99
  WTF_6: react_1.default.createElement(react_1.default.Fragment, null),
84
100
  WTG_1: react_1.default.createElement(Containers_1.TabMenuContainer, { tabMenuType: "tab_menu", tabMenuContent: tabMenuContent }),
85
101
  WTH_1: react_1.default.createElement(react_1.default.Fragment, null),
102
+ WTH_2: react_1.default.createElement(react_1.default.Fragment, null),
86
103
  WTI_1: react_1.default.createElement(react_1.default.Fragment, null),
87
- WTJ_1: react_1.default.createElement(react_1.default.Fragment, null)
104
+ WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
105
+ WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
106
+ WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
107
+ WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
108
+ WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
109
+ WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
110
+ WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
111
+ WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
88
112
  }[layoutType],
89
113
  react_1.default.createElement(S_BottomWrapper, { layoutType: layoutType },
90
114
  react_1.default.createElement(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })))));
@@ -8,10 +8,10 @@ export declare type UiColors = keyof typeof uiColors;
8
8
  export declare type IconButtonProps = {
9
9
  fillType?: 'fill' | 'line';
10
10
  shapeType?: 'circular' | 'rectangle';
11
- baseSize?: 'large' | 'medium' | 'small' | 'xsmall';
11
+ baseSize?: 'xxlarge' | 'large' | 'medium' | 'small' | 'xsmall';
12
12
  baseColorKey?: UiColors;
13
13
  borderColorKey?: UiColors;
14
- iconSize?: 12 | 16 | 20 | 24;
14
+ iconSize?: 12 | 16 | 20 | 24 | 72;
15
15
  iconFillType?: 'fill' | 'line';
16
16
  iconName: FillIconNameKeys | LineIconNameKeys;
17
17
  iconColorKey?: UiColors;
@@ -111,19 +111,20 @@ var line = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 =
111
111
  var state = _a.state;
112
112
  return state === 'disabled' && lineDisabled;
113
113
  });
114
- var large = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 48px;\n width: 48px;\n"], ["\n height: 48px;\n width: 48px;\n"])));
115
- var medium = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 40px;\n width: 40px;\n"], ["\n height: 40px;\n width: 40px;\n"])));
116
- var small = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 32px;\n width: 32px;\n"], ["\n height: 32px;\n width: 32px;\n"])));
117
- var xsmall = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n height: 24px;\n width: 24px;\n"], ["\n height: 24px;\n width: 24px;\n"])));
118
- var line1ColorTheme = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border-color: ", ";\n"], ["\n border-color: ", ";\n"])), function (_a) {
114
+ var xxlarge = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 96px;\n width: 96px;\n"], ["\n height: 96px;\n width: 96px;\n"])));
115
+ var large = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 48px;\n width: 48px;\n"], ["\n height: 48px;\n width: 48px;\n"])));
116
+ var medium = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 40px;\n width: 40px;\n"], ["\n height: 40px;\n width: 40px;\n"])));
117
+ var small = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n height: 32px;\n width: 32px;\n"], ["\n height: 32px;\n width: 32px;\n"])));
118
+ var xsmall = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: 24px;\n width: 24px;\n"], ["\n height: 24px;\n width: 24px;\n"])));
119
+ var line1ColorTheme = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n border-color: ", ";\n"], ["\n border-color: ", ";\n"])), function (_a) {
119
120
  var theme = _a.theme;
120
121
  return theme.ui_cpnt_button_line_border_error;
121
122
  });
122
- var line2ColorTheme = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n border-color: ", ";\n"], ["\n border-color: ", ";\n"])), function (_a) {
123
+ var line2ColorTheme = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n border-color: ", ";\n"], ["\n border-color: ", ";\n"])), function (_a) {
123
124
  var theme = _a.theme;
124
125
  return theme.ui_cpnt_button_line_border_primary;
125
126
  });
126
- var iconButtonStyle = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n cursor: ", ";\n display: flex;\n justify-content: center;\n ", ";\n ", ";\n ", ";\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n cursor: ", ";\n display: flex;\n justify-content: center;\n ", ";\n ", ";\n ", ";\n ", ";\n"])), function (_a) {
127
+ var iconButtonStyle = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n cursor: ", ";\n display: flex;\n justify-content: center;\n ", ";\n ", ";\n ", ";\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n cursor: ", ";\n display: flex;\n justify-content: center;\n ", ";\n ", ";\n ", ";\n ", ";\n"])), function (_a) {
127
128
  var state = _a.state;
128
129
  return (state === 'normal' ? 'pointer' : 'default');
129
130
  }, function (_a) {
@@ -143,12 +144,13 @@ var iconButtonStyle = (0, styled_components_1.css)(templateObject_11 || (templat
143
144
  var baseSize = _a.baseSize;
144
145
  return baseSize &&
145
146
  {
147
+ xxlarge: xxlarge,
146
148
  large: large,
147
149
  medium: medium,
148
150
  small: small,
149
151
  xsmall: xsmall
150
152
  }[baseSize];
151
153
  });
152
- var S_IconButton = styled_components_1.default.button(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), iconButtonStyle);
154
+ var S_IconButton = styled_components_1.default.button(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), iconButtonStyle);
153
155
  exports.default = IconButton;
154
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
156
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.3.46",
3
+ "version": "0.3.50",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",