@edm-sdui/sdui 1.0.5 → 1.0.6

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 (7) hide show
  1. package/esm2022/lib/components/uicomponent/button/button.component.mjs +2 -2
  2. package/esm2022/lib/components/uicomponent/image/image.component.mjs +2 -2
  3. package/esm2022/lib/core/uitheme/mapping/asset-mapping.mjs +2 -2
  4. package/esm2022/lib/core/uitheme/mapping/color-mapping.mjs +128 -128
  5. package/fesm2022/edm-sdui-sdui.mjs +130 -130
  6. package/fesm2022/edm-sdui-sdui.mjs.map +1 -1
  7. package/package.json +1 -1
package/fesm2022/edm-sdui-sdui.mjs CHANGED
@@ -559,133 +559,133 @@ var UIColor;
559
559
  })(UIColor || (UIColor = {}));
560
560
 
561
561
  const colorMapping = {
562
- [UIColor.ALERT]: '$alert',
563
- [UIColor.BG_TAG]: '$bg-tag',
564
- [UIColor.ACTINDCOLOR]: '$actindcolor',
565
- [UIColor.TEXT_WEB]: '$text-web',
566
- [UIColor.TEXT_RANKING_HIGHLIGHT]: '$text-ranking-highlight',
567
- [UIColor.RANKING_HIGHLIGHT]: '$ranking-highlight',
568
- [UIColor.TEXT_RANKING_MAIN]: '$text-ranking-main',
569
- [UIColor.TEXT_RANKING_AUX]: '$text-ranking-aux',
570
- [UIColor.BT_SELECT_ACTIVITY]: '$bt-select-activity',
571
- [UIColor.FONT_BT]: '$font-bt',
572
- [UIColor.FONT_BT_PRICE]: '$font-bt-price',
573
- [UIColor.FONT_TAG]: '$font-tag',
574
- [UIColor.FONT_LIVE]: '$font-live',
575
- [UIColor.QUIZ_SELECT]: '$quiz-select',
576
- [UIColor.MAIN1]: '$main-1',
577
- [UIColor.AUX]: '$aux',
578
- [UIColor.VOTE_OFF]: '$vote-off',
579
- [UIColor.BG_VOTE]: '$bg-vote',
580
- [UIColor.VOTE_ON]: '$vote-on',
581
- [UIColor.STORY_OFF]: '$story-off',
582
- [UIColor.STORY_ON]: '$story-on',
583
- [UIColor.FONT_ACTIONS]: '$font-actions',
584
- [UIColor.FONT_SEARCH_OFF]: '$font-search-off',
585
- [UIColor.FONT_SEARCH_ON]: '$font-search-on',
586
- [UIColor.SLIDER_OFF]: '$slider-off',
587
- [UIColor.SLIDER_ON]: '$slider-on',
588
- [UIColor.PROGRESS_VIEW_OFF]: '$progress-view-off',
589
- [UIColor.PROGRESS_VIEW_RANKING_OFF]: '$progress-view-ranking-off',
590
- [UIColor.PROGRESS_STORY_OFF]: '$progress-story-off',
591
- [UIColor.PROGRESS_STORY_ON]: '$progress-story-on',
592
- [UIColor.PROGRESS_VIEW_ON]: '$progress-view-on',
593
- [UIColor.FONT_DISABLED]: '$font-disabled',
594
- [UIColor.BT_TAB_OFF]: '$bt-tab-off',
595
- [UIColor.BG]: '$bg',
596
- [UIColor.FONT_BT_PROGRAM]: '$font-bt-program',
597
- [UIColor.BG_RANKING]: '$bg-ranking',
598
- [UIColor.BG_STORY]: '$bg-story',
599
- [UIColor.BG_NEW_COMMENT]: '$bg-new-comment',
600
- [UIColor.SHADOW]: '$shadow',
601
- [UIColor.BG_SURVEY]: '$bg-survey',
602
- [UIColor.BG_LIVE]: '$bg-live',
603
- [UIColor.BG_VIEW_LIVE]: '$bg-view-live',
604
- [UIColor.MAIN2]: '$main-2',
605
- [UIColor.BT_TAG_ON]: '$bt-tag-on',
606
- [UIColor.TEXT_COLOR]: '$text-color',
607
- [UIColor.TEXT_STORY]: '$text-story',
608
- [UIColor.BT_REGISTER]: '$bt-register',
609
- [UIColor.BT_SHADOW_PROFILE]: '$bt-shadow-profile',
610
- [UIColor.FONT_REGISTER]: '$font-register',
611
- [UIColor.FONT_BT_MAIN]: '$font-bt-main',
612
- [UIColor.FONT_BT_QUIZ]: '$font-bt-quiz',
613
- [UIColor.FONT_BT_VIEW]: '$font-bt-view',
614
- [UIColor.FONT_BT_TAG_OFF]: '$font-bt-tag-off',
615
- [UIColor.FONT_BT_TAG_ON]: '$font-bt-tag-on',
616
- [UIColor.ATTENTION_COLOR]: '$attention-color',
617
- [UIColor.QUIZ_ERROR]: '$quiz-error',
618
- [UIColor.BG_NAV]: '$bg-nav',
619
- [UIColor.BT_OPEN_E_CLOSE]: '$bt-open-e-close',
620
- [UIColor.IC_TYPE_CLASS]: '$ic-type-class',
621
- [UIColor.IC_TYPE_LIVE]: '$ic-type-live',
622
- [UIColor.IC_TYPE_DISABLED]: '$ic-type-disabled',
623
- [UIColor.BT_DOWNLOAD]: '$bt-download',
624
- [UIColor.BT_DISABLED]: '$bt-disabled',
625
- [UIColor.BT_DISABLED_HOME]: '$bt-disabled-home',
626
- [UIColor.BT_CHECK_OFF]: '$bt-check-off',
627
- [UIColor.ACTIONS_OFF]: '$actions-off',
628
- [UIColor.BT_PROGRAM]: '$bt-program',
629
- [UIColor.PLAYER_CONTROLS]: '$player-controls',
630
- [UIColor.RATING_OFF]: '$rating-off',
631
- [UIColor.RATING_ON]: '$rating-on',
632
- [UIColor.ACTIONS_ON]: '$actions-on',
633
- [UIColor.TAG_VIP_HIGHLIGHT]: '$tag-vip-highlight',
634
- [UIColor.BT_CHECK_ON]: '$bt-check-on',
635
- [UIColor.BT_TAB_ON]: '$bt-tab-on',
636
- [UIColor.BT_VIEW_DEG1]: '$bt-view-deg1',
637
- [UIColor.LINE_DIVISER]: '$line-diviser',
638
- [UIColor.BG_SEC]: '$bg-sec',
639
- [UIColor.BG_SEARCH]: '$bg-search',
640
- [UIColor.FONT_PRICE]: '$font-price',
641
- [UIColor.BT_LIKE_ON]: '$bt-like-on',
642
- [UIColor.BG_CARD]: '$bg-card',
643
- [UIColor.BT_TAG_OFF]: '$bt-tag-off',
644
- [UIColor.BT_TAG_VIP]: '$bt-tag-vip',
645
- [UIColor.BT_PROFILE]: '$bt-profile',
646
- [UIColor.BT_PRICE_DEG1]: '$bt-price-deg1',
647
- [UIColor.BT_PRICE_DEG2]: '$bt-price-deg2',
648
- [UIColor.BT_LIKE_OFF]: '$bt-like-off',
649
- [UIColor.BT_LOCK]: '$bt-lock',
650
- [UIColor.BT_TRASH]: '$bt-trash',
651
- [UIColor.BG_COMMENT]: '$bg-comment',
652
- [UIColor.BG_POST]: '$bg-post',
653
- [UIColor.BT_HIGHLIGHT]: '$bt-highlight',
654
- [UIColor.ATTENTION_BADGE]: '$attention-badge',
655
- [UIColor.BT_BORDER_PROFILE]: '$bt-border-profile',
656
- [UIColor.BT_MAIN_DEG1]: '$bt-main-deg1',
657
- [UIColor.BT_MAIN_DEG2]: '$bt-main-deg2',
658
- [UIColor.BT_VIEW_DEG2]: '$bt-view-deg2',
659
- [UIColor.BG_MODULO]: '$bg-modulo',
660
- [UIColor.BG_MODULO_RANKING]: '$bg-modulo-ranking',
661
- [UIColor.QUIZ_RIGHT]: '$quiz-right',
662
- [UIColor.BT_BANNER_MAIN]: '$bt-banner-main',
663
- [UIColor.FONT_BT_BANNER]: '$font-bt-banner',
664
- [UIColor.BT_BANNER]: '$bt-banner',
665
- [UIColor.FONT_BT_BANNER_MAIN]: '$font-bt-banner-main',
666
- [UIColor.BORDER_BANNER]: '$border-banner',
667
- [UIColor.INPUT_ERROR]: '$input-error',
668
- [UIColor.BT_BACK]: '$bt-back',
669
- [UIColor.TEXT_COMMENT_SEC]: '$text-comment-sec',
670
- [UIColor.BT_IA_DEG1]: '$bt-ia-deg1',
671
- [UIColor.BT_IA_DEG2]: '$bt-ia-deg2',
672
- [UIColor.NORMAL]: '$normal',
673
- [UIColor.BG_CLIPS]: '$bg-clips',
674
- [UIColor.FONT_CLIPS]: '$font-clips',
675
- [UIColor.BG_MASK_0]: '$bg-mask-0',
676
- [UIColor.BG_MASK_80]: '$bg-mask-80',
677
- [UIColor.BG_MASK_20]: '$bg-mask-20',
678
- [UIColor.TEXT_CHALLENGE_AUX]: '$text-challenge-aux',
679
- [UIColor.TEXT_CHALLENGE_HIGHLIGHT]: '$text-challenge-highlight',
680
- [UIColor.BG_CHALLENGE]: '$bg-challenge',
681
- [UIColor.BG_MODULO_CHALLENGE]: '$bg-modulo-challenge',
682
- [UIColor.CHALLENGE_HIGHLIGHT]: '$challenge-highlight',
683
- [UIColor.BT_CHALLENGE]: '$bt-challenge',
684
- [UIColor.FONT_BT_CHALLENGE]: '$font-bt-challenge',
685
- [UIColor.CHALLENGE_OFF]: '$challenge-off',
686
- [UIColor.TEXT_CHALLENGE_DISABLED]: '$text-challenge-disabled',
687
- [UIColor.TEXT_CHALLENGE_MAIN]: '$text-challenge-main',
688
- [UIColor.CHALLENGE_WAY]: '$challenge-way',
562
+ [UIColor.ALERT]: 'var(--alert)',
563
+ [UIColor.BG_TAG]: 'var(--bg-tag)',
564
+ [UIColor.ACTINDCOLOR]: 'var(--actindcolor)',
565
+ [UIColor.TEXT_WEB]: 'var(--text-web)',
566
+ [UIColor.TEXT_RANKING_HIGHLIGHT]: 'var(--text-ranking-highlight)',
567
+ [UIColor.RANKING_HIGHLIGHT]: 'var(--ranking-highlight)',
568
+ [UIColor.TEXT_RANKING_MAIN]: 'var(--text-ranking-main)',
569
+ [UIColor.TEXT_RANKING_AUX]: 'var(--text-ranking-aux)',
570
+ [UIColor.BT_SELECT_ACTIVITY]: 'var(--bt-select-activity)',
571
+ [UIColor.FONT_BT]: 'var(--font-bt)',
572
+ [UIColor.FONT_BT_PRICE]: 'var(--font-bt-price)',
573
+ [UIColor.FONT_TAG]: 'var(--font-tag)',
574
+ [UIColor.FONT_LIVE]: 'var(--font-live)',
575
+ [UIColor.QUIZ_SELECT]: 'var(--quiz-select)',
576
+ [UIColor.MAIN1]: 'var(--main-1)',
577
+ [UIColor.AUX]: 'var(--aux)',
578
+ [UIColor.VOTE_OFF]: 'var(--vote-off)',
579
+ [UIColor.BG_VOTE]: 'var(--bg-vote)',
580
+ [UIColor.VOTE_ON]: 'var(--vote-on)',
581
+ [UIColor.STORY_OFF]: 'var(--story-off)',
582
+ [UIColor.STORY_ON]: 'var(--story-on)',
583
+ [UIColor.FONT_ACTIONS]: 'var(--font-actions)',
584
+ [UIColor.FONT_SEARCH_OFF]: 'var(--font-search-off)',
585
+ [UIColor.FONT_SEARCH_ON]: 'var(--font-search-on)',
586
+ [UIColor.SLIDER_OFF]: 'var(--slider-off)',
587
+ [UIColor.SLIDER_ON]: 'var(--slider-on)',
588
+ [UIColor.PROGRESS_VIEW_OFF]: 'var(--progress-view-off)',
589
+ [UIColor.PROGRESS_VIEW_RANKING_OFF]: 'var(--progress-view-ranking-off)',
590
+ [UIColor.PROGRESS_STORY_OFF]: 'var(--progress-story-off)',
591
+ [UIColor.PROGRESS_STORY_ON]: 'var(--progress-story-on)',
592
+ [UIColor.PROGRESS_VIEW_ON]: 'var(--progress-view-on)',
593
+ [UIColor.FONT_DISABLED]: 'var(--font-disabled)',
594
+ [UIColor.BT_TAB_OFF]: 'var(--bt-tab-off)',
595
+ [UIColor.BG]: 'var(--bg)',
596
+ [UIColor.FONT_BT_PROGRAM]: 'var(--font-bt-program)',
597
+ [UIColor.BG_RANKING]: 'var(--bg-ranking)',
598
+ [UIColor.BG_STORY]: 'var(--bg-story)',
599
+ [UIColor.BG_NEW_COMMENT]: 'var(--bg-new-comment)',
600
+ [UIColor.SHADOW]: 'var(--shadow)',
601
+ [UIColor.BG_SURVEY]: 'var(--bg-survey)',
602
+ [UIColor.BG_LIVE]: 'var(--bg-live)',
603
+ [UIColor.BG_VIEW_LIVE]: 'var(--bg-view-live)',
604
+ [UIColor.MAIN2]: 'var(--main-2)',
605
+ [UIColor.BT_TAG_ON]: 'var(--bt-tag-on)',
606
+ [UIColor.TEXT_COLOR]: 'var(--text-color)',
607
+ [UIColor.TEXT_STORY]: 'var(--text-story)',
608
+ [UIColor.BT_REGISTER]: 'var(--bt-register)',
609
+ [UIColor.BT_SHADOW_PROFILE]: 'var(--bt-shadow-profile)',
610
+ [UIColor.FONT_REGISTER]: 'var(--font-register)',
611
+ [UIColor.FONT_BT_MAIN]: 'var(--font-bt-main)',
612
+ [UIColor.FONT_BT_QUIZ]: 'var(--font-bt-quiz)',
613
+ [UIColor.FONT_BT_VIEW]: 'var(--font-bt-view)',
614
+ [UIColor.FONT_BT_TAG_OFF]: 'var(--font-bt-tag-off)',
615
+ [UIColor.FONT_BT_TAG_ON]: 'var(--font-bt-tag-on)',
616
+ [UIColor.ATTENTION_COLOR]: 'var(--attention-color)',
617
+ [UIColor.QUIZ_ERROR]: 'var(--quiz-error)',
618
+ [UIColor.BG_NAV]: 'var(--bg-nav)',
619
+ [UIColor.BT_OPEN_E_CLOSE]: 'var(--bt-open-e-close)',
620
+ [UIColor.IC_TYPE_CLASS]: 'var(--ic-type-class)',
621
+ [UIColor.IC_TYPE_LIVE]: 'var(--ic-type-live)',
622
+ [UIColor.IC_TYPE_DISABLED]: 'var(--ic-type-disabled)',
623
+ [UIColor.BT_DOWNLOAD]: 'var(--bt-download)',
624
+ [UIColor.BT_DISABLED]: 'var(--bt-disabled)',
625
+ [UIColor.BT_DISABLED_HOME]: 'var(--bt-disabled-home)',
626
+ [UIColor.BT_CHECK_OFF]: 'var(--bt-check-off)',
627
+ [UIColor.ACTIONS_OFF]: 'var(--actions-off)',
628
+ [UIColor.BT_PROGRAM]: 'var(--bt-program)',
629
+ [UIColor.PLAYER_CONTROLS]: 'var(--player-controls)',
630
+ [UIColor.RATING_OFF]: 'var(--rating-off)',
631
+ [UIColor.RATING_ON]: 'var(--rating-on)',
632
+ [UIColor.ACTIONS_ON]: 'var(--actions-on)',
633
+ [UIColor.TAG_VIP_HIGHLIGHT]: 'var(--tag-vip-highlight)',
634
+ [UIColor.BT_CHECK_ON]: 'var(--bt-check-on)',
635
+ [UIColor.BT_TAB_ON]: 'var(--bt-tab-on)',
636
+ [UIColor.BT_VIEW_DEG1]: 'var(--bt-view-deg1)',
637
+ [UIColor.LINE_DIVISER]: 'var(--line-diviser)',
638
+ [UIColor.BG_SEC]: 'var(--bg-sec)',
639
+ [UIColor.BG_SEARCH]: 'var(--bg-search)',
640
+ [UIColor.FONT_PRICE]: 'var(--font-price)',
641
+ [UIColor.BT_LIKE_ON]: 'var(--bt-like-on)',
642
+ [UIColor.BG_CARD]: 'var(--bg-card)',
643
+ [UIColor.BT_TAG_OFF]: 'var(--bt-tag-off)',
644
+ [UIColor.BT_TAG_VIP]: 'var(--bt-tag-vip)',
645
+ [UIColor.BT_PROFILE]: 'var(--bt-profile)',
646
+ [UIColor.BT_PRICE_DEG1]: 'var(--bt-price-deg1)',
647
+ [UIColor.BT_PRICE_DEG2]: 'var(--bt-price-deg2)',
648
+ [UIColor.BT_LIKE_OFF]: 'var(--bt-like-off)',
649
+ [UIColor.BT_LOCK]: 'var(--bt-lock)',
650
+ [UIColor.BT_TRASH]: 'var(--bt-trash)',
651
+ [UIColor.BG_COMMENT]: 'var(--bg-comment)',
652
+ [UIColor.BG_POST]: 'var(--bg-post)',
653
+ [UIColor.BT_HIGHLIGHT]: 'var(--bt-highlight)',
654
+ [UIColor.ATTENTION_BADGE]: 'var(--attention-badge)',
655
+ [UIColor.BT_BORDER_PROFILE]: 'var(--bt-border-profile)',
656
+ [UIColor.BT_MAIN_DEG1]: 'var(--bt-main-deg1)',
657
+ [UIColor.BT_MAIN_DEG2]: 'var(--bt-main-deg2)',
658
+ [UIColor.BT_VIEW_DEG2]: 'var(--bt-view-deg2)',
659
+ [UIColor.BG_MODULO]: 'var(--bg-modulo)',
660
+ [UIColor.BG_MODULO_RANKING]: 'var(--bg-modulo-ranking)',
661
+ [UIColor.QUIZ_RIGHT]: 'var(--quiz-right)',
662
+ [UIColor.BT_BANNER_MAIN]: 'var(--bt-banner-main)',
663
+ [UIColor.FONT_BT_BANNER]: 'var(--font-bt-banner)',
664
+ [UIColor.BT_BANNER]: 'var(--bt-banner)',
665
+ [UIColor.FONT_BT_BANNER_MAIN]: 'var(--font-bt-banner-main)',
666
+ [UIColor.BORDER_BANNER]: 'var(--border-banner)',
667
+ [UIColor.INPUT_ERROR]: 'var(--input-error)',
668
+ [UIColor.BT_BACK]: 'var(--bt-back)',
669
+ [UIColor.TEXT_COMMENT_SEC]: 'var(--text-comment-sec)',
670
+ [UIColor.BT_IA_DEG1]: 'var(--bt-ia-deg1)',
671
+ [UIColor.BT_IA_DEG2]: 'var(--bt-ia-deg2)',
672
+ [UIColor.NORMAL]: 'var(--normal)',
673
+ [UIColor.BG_CLIPS]: 'var(--bg-clips)',
674
+ [UIColor.FONT_CLIPS]: 'var(--font-clips)',
675
+ [UIColor.BG_MASK_0]: 'var(--bg-mask-0)',
676
+ [UIColor.BG_MASK_80]: 'var(--bg-mask-80)',
677
+ [UIColor.BG_MASK_20]: 'var(--bg-mask-20)',
678
+ [UIColor.TEXT_CHALLENGE_AUX]: 'var(--text-challenge-aux)',
679
+ [UIColor.TEXT_CHALLENGE_HIGHLIGHT]: 'var(--text-challenge-highlight)',
680
+ [UIColor.BG_CHALLENGE]: 'var(--bg-challenge)',
681
+ [UIColor.BG_MODULO_CHALLENGE]: 'var(--bg-modulo-challenge)',
682
+ [UIColor.CHALLENGE_HIGHLIGHT]: 'var(--challenge-highlight)',
683
+ [UIColor.BT_CHALLENGE]: 'var(--bt-challenge)',
684
+ [UIColor.FONT_BT_CHALLENGE]: 'var(--font-bt-challenge)',
685
+ [UIColor.CHALLENGE_OFF]: 'var(--challenge-off)',
686
+ [UIColor.TEXT_CHALLENGE_DISABLED]: 'var(--text-challenge-disabled)',
687
+ [UIColor.TEXT_CHALLENGE_MAIN]: 'var(--text-challenge-main)',
688
+ [UIColor.CHALLENGE_WAY]: 'var(--challenge-way)',
689
689
  };
690
690
 
691
691
  var UIPaddingLevel;
@@ -1852,7 +1852,7 @@ const assetMapping = {
1852
1852
  [UIAsset.IC_COMMENT_SEARCH_LIST]: 'assets/ic-comment-search-list.webp',
1853
1853
  [UIAsset.IC_LIKE_SEARCH_LIST]: 'assets/ic-like-search-list.webp',
1854
1854
  [UIAsset.IC_SHARE_SEARCH_LIST]: 'assets/ic-share-search-list.webp',
1855
- [UIAsset.IC_LAST_SEARCH]: 'assets/ic-last-search.webp',
1855
+ [UIAsset.IC_LAST_SEARCH]: 'images/ic-last-search.svg',
1856
1856
  };
1857
1857
 
1858
1858
  class ButtonComponent {
@@ -1879,7 +1879,7 @@ class ButtonComponent {
1879
1879
  }
1880
1880
  }
1881
1881
  getAssetPath(asset) {
1882
- return './assets/' + assetMapping[asset];
1882
+ return 'assets/' + assetMapping[asset];
1883
1883
  }
1884
1884
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
1885
1885
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, selector: "edm-sdui-button", viewQueries: [{ propertyName: "buttonElementRef", first: true, predicate: ["buttonElement"], descendants: true }], ngImport: i0, template: "<button #buttonElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">\n <img *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"\">\n {{ uiComponent.element.label }}\n</button>\n", styles: [":host{display:contents}button{border:none;white-space:nowrap;line-height:1.5;background-color:unset}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
@@ -1952,7 +1952,7 @@ class ImageComponent {
1952
1952
  applyElement(element) {
1953
1953
  if (element.asset) {
1954
1954
  const asset = assetMapping[element.asset];
1955
- this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', './assets/' + asset);
1955
+ this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', 'assets/' + asset);
1956
1956
  }
1957
1957
  else if (element.url) {
1958
1958
  this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', element.url);