lightning-tec-br-angular-components 1.6.3 → 2.1.1
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.
- package/fesm2022/lightning-tec-br-angular-components.mjs +160 -150
- package/fesm2022/lightning-tec-br-angular-components.mjs.map +1 -1
- package/lib/button/button.component.d.ts +3 -2
- package/lib/button/button.enum.d.ts +0 -11
- package/lib/button/button.model.d.ts +4 -3
- package/lib/fontWeights.enum.d.ts +11 -0
- package/lib/list-item/list-item.component.d.ts +61 -52
- package/lib/list-item/list-item.enum.d.ts +11 -13
- package/lib/list-item/list-item.model.d.ts +109 -19
- package/lib/list-item/list-item.service.d.ts +2 -2
- package/lib/modal/modal.component.d.ts +3 -2
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -420,18 +420,6 @@ var ButtonIconPositionEnum;
|
|
|
420
420
|
ButtonIconPositionEnum[ButtonIconPositionEnum["Bottom"] = 2] = "Bottom";
|
|
421
421
|
ButtonIconPositionEnum[ButtonIconPositionEnum["Left"] = 3] = "Left";
|
|
422
422
|
})(ButtonIconPositionEnum || (ButtonIconPositionEnum = {}));
|
|
423
|
-
var ButtonFontWeights;
|
|
424
|
-
(function (ButtonFontWeights) {
|
|
425
|
-
ButtonFontWeights[ButtonFontWeights["Thin"] = 100] = "Thin";
|
|
426
|
-
ButtonFontWeights[ButtonFontWeights["ExtraLight"] = 200] = "ExtraLight";
|
|
427
|
-
ButtonFontWeights[ButtonFontWeights["Light"] = 300] = "Light";
|
|
428
|
-
ButtonFontWeights[ButtonFontWeights["Regular"] = 400] = "Regular";
|
|
429
|
-
ButtonFontWeights[ButtonFontWeights["Medium"] = 500] = "Medium";
|
|
430
|
-
ButtonFontWeights[ButtonFontWeights["SemiBold"] = 600] = "SemiBold";
|
|
431
|
-
ButtonFontWeights[ButtonFontWeights["Bold"] = 700] = "Bold";
|
|
432
|
-
ButtonFontWeights[ButtonFontWeights["Extrabold"] = 800] = "Extrabold";
|
|
433
|
-
ButtonFontWeights[ButtonFontWeights["Black"] = 900] = "Black";
|
|
434
|
-
})(ButtonFontWeights || (ButtonFontWeights = {}));
|
|
435
423
|
|
|
436
424
|
class ButtonService {
|
|
437
425
|
constructor() {
|
|
@@ -564,24 +552,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
|
|
|
564
552
|
args: [{ selector: 'app-button', standalone: true, imports: [CommonModule], template: "<button\r\n[style.background-color]=\"ButtonType == ButtonTypeEnum.Outline ? 'transparent' : EnabledState ? _BackGroundColor : 'gray'\"\r\n[style.border-radius]=\"(BorderRadius ?? 5).toString()+'px'\"\r\n[style.border]=\"ButtonType == ButtonTypeEnum.Outline ? `${OutlineBorderSize}px solid ${_BackGroundColor}` : '' \"\r\n[style.width]=\"Width + 'px'\"\r\n[style.height]=\"Height + 'px'\"\r\n[style.flex-direction]=\"this._IconOrientation\"\r\n[style.cursor]=\"(EnabledState ?? true) ? 'pointer' : 'default'\"\r\n[style.--transition]=\"!EnabledState ? '0s' : '0.05s'\"\r\n[style.--transformHover]=\"!EnabledState ? '1' : '1.05'\"\r\n[style.--transformActive]=\"!EnabledState ? '1' : '0.95'\"\r\n(mouseover)=\"OnMouseOver()\"\r\n(mouseout)=\"OnMouseOut()\"\r\n(click)=\"OnClick()\"\r\n\r\n>\r\n <i\r\n class=\"{{Icon}}\"\r\n [style.color]=\"EnabledState ? _IconColor : 'white'\"\r\n [style.font-size]=\"IconFontSize +'px'\"\r\n [style.display]=\"IconEnabled && !LoadingState ? '' : 'none'\"\r\n [ngStyle]=\"_IconDistanceFromTextObject\"\r\n >\r\n </i>\r\n\r\n <i\r\n class=\"loader\"\r\n [style.width]=\"IconFontSize +'px'\"\r\n [style.height]=\"IconFontSize +'px'\"\r\n [style.display]=\"LoadingState ? 'inline-block' : 'none'\"\r\n [style.--loaderColor]=\"_TextColor\"\r\n [style.--loaderBorderSize]=\"((IconFontSize ?? 12) *0.15)+'px'\"\r\n >\r\n </i>\r\n\r\n <p\r\n [style.font-size]=\"TextFontSize +'px'\"\r\n [style.font-family]=\"TextFontFamily\"\r\n [style.font-weight]=\"TextFontWeight\"\r\n [style.color]=\"EnabledState ? _TextColor : 'white'\"\r\n [style.display]=\"TextEnabled && !LoadingState ? '' : 'none'\"\r\n >{{Text}}\r\n </p>\r\n\r\n</button>\r\n \r\n", styles: [":host{display:inline-block;vertical-align:top;line-height:0px;--transition: .05s;--transformHover:1.05;--transformActive:.95}button{display:flex;align-items:center;justify-content:center;border:none;padding:0;text-decoration:none;box-shadow:1px 1px 3px 1px #00000059;box-sizing:border-box}button:hover{transition:var(--transition);transform:scale(var(--transformHover))}button:active{transform:scale(var(--transformActive))}button>i{line-height:0px}button>p{margin:0;line-height:0px}button>.loader{border:var(--loaderBorderSize) solid var(--loaderColor);border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
565
553
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
566
554
|
|
|
567
|
-
var ListItemPositions;
|
|
568
|
-
(function (ListItemPositions) {
|
|
569
|
-
ListItemPositions[ListItemPositions["Top"] = 0] = "Top";
|
|
570
|
-
ListItemPositions[ListItemPositions["Center"] = 1] = "Center";
|
|
571
|
-
})(ListItemPositions || (ListItemPositions = {}));
|
|
572
|
-
var ListItemFontWeights;
|
|
573
|
-
(function (ListItemFontWeights) {
|
|
574
|
-
ListItemFontWeights[ListItemFontWeights["Thin"] = 100] = "Thin";
|
|
575
|
-
ListItemFontWeights[ListItemFontWeights["ExtraLight"] = 200] = "ExtraLight";
|
|
576
|
-
ListItemFontWeights[ListItemFontWeights["Light"] = 300] = "Light";
|
|
577
|
-
ListItemFontWeights[ListItemFontWeights["Regular"] = 400] = "Regular";
|
|
578
|
-
ListItemFontWeights[ListItemFontWeights["Medium"] = 500] = "Medium";
|
|
579
|
-
ListItemFontWeights[ListItemFontWeights["SemiBold"] = 600] = "SemiBold";
|
|
580
|
-
ListItemFontWeights[ListItemFontWeights["Bold"] = 700] = "Bold";
|
|
581
|
-
ListItemFontWeights[ListItemFontWeights["Extrabold"] = 800] = "Extrabold";
|
|
582
|
-
ListItemFontWeights[ListItemFontWeights["Black"] = 900] = "Black";
|
|
583
|
-
})(ListItemFontWeights || (ListItemFontWeights = {}));
|
|
584
|
-
|
|
585
555
|
class ListItemService {
|
|
586
556
|
constructor() {
|
|
587
557
|
this.stateChanged = new Subject();
|
|
@@ -594,141 +564,168 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
|
|
|
594
564
|
args: [{ providedIn: 'root' }]
|
|
595
565
|
}] });
|
|
596
566
|
|
|
597
|
-
class
|
|
598
|
-
constructor() {
|
|
599
|
-
this.
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
this.
|
|
567
|
+
class ListItemConfigModel {
|
|
568
|
+
constructor(params) {
|
|
569
|
+
this.Name = params.Name;
|
|
570
|
+
this.ListItemType = params.ListItemType;
|
|
571
|
+
this.OpenState = params.OpenState;
|
|
572
|
+
this.Width = params.Width;
|
|
573
|
+
this.Height = params.Height;
|
|
574
|
+
this.BorderRadius = params.BorderRadius;
|
|
575
|
+
this.ItemNumberIconContainerWidth = params.ItemNumberIconContainerWidth;
|
|
576
|
+
this.ItemNumberIconBackGroundColorNormal = params.ItemNumberIconBackGroundColorNormal;
|
|
577
|
+
this.ItemNumberIconBackGroundColorHover = params.ItemNumberIconBackGroundColorHover;
|
|
578
|
+
this.TitlesContainerWidth = params.TitlesContainerWidth;
|
|
579
|
+
this.TitlesBackGroundColorNormal = params.TitlesBackGroundColorNormal;
|
|
580
|
+
this.TitlesBackGroundColorHover = params.TitlesBackGroundColorHover;
|
|
581
|
+
this.TriggerIconContainerWidth = params.TriggerIconContainerWidth;
|
|
582
|
+
this.TriggerIconBackGroundColorNormal = params.TriggerIconBackGroundColorNormal;
|
|
583
|
+
this.TriggerIconBackGroundColorHover = params.TriggerIconBackGroundColorHover;
|
|
584
|
+
this.ItemNumberEnabled = params.ItemNumberEnabled;
|
|
585
|
+
this.ItemNumberText = params.ItemNumberText;
|
|
586
|
+
this.ItemNumberFontFamily = params.ItemNumberFontFamily;
|
|
587
|
+
this.ItemNumberFontWeight = params.ItemNumberFontWeight;
|
|
588
|
+
this.ItemNumberFontColorNormal = params.ItemNumberFontColorNormal;
|
|
589
|
+
this.ItemNumberFontColorHover = params.ItemNumberFontColorHover;
|
|
590
|
+
this.ItemNumberFontSize = params.ItemNumberFontSize;
|
|
591
|
+
this.ItemNumberPosition = params.ItemNumberPosition;
|
|
592
|
+
this.IconEnabled = params.IconEnabled;
|
|
593
|
+
this.Icon = params.Icon;
|
|
594
|
+
this.IconFontColorNormal = params.IconFontColorNormal;
|
|
595
|
+
this.IconFontColorHover = params.IconFontColorHover;
|
|
596
|
+
this.IconFontSize = params.IconFontSize;
|
|
597
|
+
this.TitleEnabled = params.TitleEnabled;
|
|
598
|
+
this.TitleText = params.TitleText;
|
|
599
|
+
this.TitleFontFamily = params.TitleFontFamily;
|
|
600
|
+
this.TitleFontWeight = params.TitleFontWeight;
|
|
601
|
+
this.TitleFontColorNormal = params.TitleFontColorNormal;
|
|
602
|
+
this.TitleFontColorHover = params.TitleFontColorHover;
|
|
603
|
+
this.TitleFontSize = params.TitleFontSize;
|
|
604
|
+
this.TitleTextAlign = params.TitleTextAlign;
|
|
605
|
+
this.SubTitleEnabled = params.SubTitleEnabled;
|
|
606
|
+
this.SubTitleText = params.SubTitleText;
|
|
607
|
+
this.SubTitleFontFamily = params.SubTitleFontFamily;
|
|
608
|
+
this.SubTitleFontWeight = params.SubTitleFontWeight;
|
|
609
|
+
this.SubTitleFontColorNormal = params.SubTitleFontColorNormal;
|
|
610
|
+
this.SubTitleFontColorHover = params.SubTitleFontColorHover;
|
|
611
|
+
this.SubTitleFontSize = params.SubTitleFontSize;
|
|
612
|
+
this.SubTitleTextAlign = params.SubTitleTextAlign;
|
|
613
|
+
this.TriggerIconEnabled = params.TriggerIconEnabled;
|
|
614
|
+
this.TriggerIconClose = params.TriggerIconClose;
|
|
615
|
+
this.TriggerIconOpen = params.TriggerIconOpen;
|
|
616
|
+
this.TriggerIconFontColorNormal = params.TriggerIconFontColorNormal;
|
|
617
|
+
this.TriggerIconFontColorHover = params.TriggerIconFontColorHover;
|
|
618
|
+
this.TriggerIconFontSize = params.TriggerIconFontSize;
|
|
619
|
+
this.TriggerIconRotationEnabled = params.TriggerIconRotationEnabled;
|
|
620
|
+
this.ContainerWrappedBackGroundColor = params.ContainerWrappedBackGroundColor;
|
|
605
621
|
}
|
|
606
622
|
}
|
|
607
623
|
|
|
624
|
+
var ListItemTypeEnum;
|
|
625
|
+
(function (ListItemTypeEnum) {
|
|
626
|
+
ListItemTypeEnum["Normal"] = "row";
|
|
627
|
+
ListItemTypeEnum["Reverse"] = "row-reverse";
|
|
628
|
+
})(ListItemTypeEnum || (ListItemTypeEnum = {}));
|
|
629
|
+
var ListItemTextAlignEnum;
|
|
630
|
+
(function (ListItemTextAlignEnum) {
|
|
631
|
+
ListItemTextAlignEnum["Left"] = "left";
|
|
632
|
+
ListItemTextAlignEnum["Center"] = "center";
|
|
633
|
+
ListItemTextAlignEnum["Right"] = "right";
|
|
634
|
+
})(ListItemTextAlignEnum || (ListItemTextAlignEnum = {}));
|
|
635
|
+
var ListItemItemNumberPositionEnum;
|
|
636
|
+
(function (ListItemItemNumberPositionEnum) {
|
|
637
|
+
ListItemItemNumberPositionEnum["Top"] = "flex-start";
|
|
638
|
+
ListItemItemNumberPositionEnum["Middle"] = "center";
|
|
639
|
+
})(ListItemItemNumberPositionEnum || (ListItemItemNumberPositionEnum = {}));
|
|
640
|
+
|
|
608
641
|
class ListItemComponent {
|
|
609
642
|
constructor() {
|
|
610
|
-
|
|
611
|
-
this.
|
|
612
|
-
this.
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
//Container
|
|
616
|
-
this._ItemBackGroundColorNormal = input.required();
|
|
617
|
-
this._ItemBackGroundColorHover = input.required();
|
|
618
|
-
//IconContainer
|
|
619
|
-
this._IconBackgroundColor = '';
|
|
620
|
-
//ItemNumber
|
|
621
|
-
this._ItemNumberEnabled = input.required();
|
|
622
|
-
this._ItemNumberText = input.required();
|
|
623
|
-
this._ItemNumberFontFamily = input.required();
|
|
624
|
-
this._ItemNumberFontWeight = input.required();
|
|
625
|
-
this._ItemNumberFontColor = input.required();
|
|
626
|
-
this._ItemNumberPosition = input.required();
|
|
627
|
-
this._ItemNumberMarginTop = 0;
|
|
628
|
-
this._ItemNumberMarginLeft = 0;
|
|
629
|
-
this._ItemNumberMarginRight = 0;
|
|
630
|
-
//IconStatus]
|
|
631
|
-
this._IconEnabled = input.required();
|
|
632
|
-
this._IconMarginLeft = 0;
|
|
633
|
-
this._IconMarginRight = 0;
|
|
634
|
-
//TextContainer
|
|
635
|
-
this._TextContainerMarginLeft = 0;
|
|
636
|
-
this._TextContainerMarginRight = 0;
|
|
637
|
-
this._TextBackgroundColor = '';
|
|
638
|
-
//Title
|
|
639
|
-
this._TitleText = '';
|
|
640
|
-
this._TitleFontFamily = input.required();
|
|
641
|
-
this._TitleFontColor = input.required();
|
|
642
|
-
this._TitleFontWeight = input.required();
|
|
643
|
-
this._TitleEnabled = true;
|
|
644
|
-
//SubTitle
|
|
645
|
-
this._SubTitleEnabled = false;
|
|
646
|
-
this._SubTitleText = '';
|
|
647
|
-
this._SubTitleFontFamily = input.required();
|
|
648
|
-
this._SubTitleFontColor = input.required();
|
|
649
|
-
this._SubTitleFontWeight = input.required();
|
|
650
|
-
//IconOpenContainer
|
|
651
|
-
this._IconOpenBackgroundColor = '';
|
|
652
|
-
//iconOpenItem
|
|
653
|
-
this._IconOpenItemColor = input.required();
|
|
654
|
-
this._IconOpenItemEnabled = true;
|
|
655
|
-
//Wrapped
|
|
656
|
-
this._WrappedBackGroundColor = '';
|
|
657
|
-
this._FontSize = input.required();
|
|
658
|
-
//Internals
|
|
659
|
-
this.ListItePositions = ListItemPositions;
|
|
660
|
-
this.IconsEnum = IconsEnum;
|
|
661
|
-
this.ItemStateOpen = false;
|
|
643
|
+
//Internas
|
|
644
|
+
this._mouseover = false;
|
|
645
|
+
this.ListItemTypesEnum = ListItemTypeEnum;
|
|
646
|
+
this.ListItemItemNumberPositionEnum = ListItemItemNumberPositionEnum;
|
|
647
|
+
//Services
|
|
662
648
|
this.ListItemService = inject(ListItemService);
|
|
663
|
-
|
|
649
|
+
//Model
|
|
650
|
+
this.name = input.required();
|
|
664
651
|
}
|
|
665
652
|
ngOnInit() {
|
|
666
|
-
this.
|
|
667
|
-
//Zera Memorias
|
|
668
|
-
this._ItemNumberMarginTop = 0;
|
|
669
|
-
this._ItemNumberMarginLeft = 0;
|
|
670
|
-
this._ItemNumberMarginRight = 0;
|
|
671
|
-
this._IconMarginLeft = 0;
|
|
672
|
-
this._IconMarginRight = 0;
|
|
673
|
-
this._TextContainerMarginLeft = 0;
|
|
674
|
-
if (this._ItemNumberEnabled()) {
|
|
675
|
-
this._ItemNumberMarginTop = this._ItemNumberPosition() == this.ListItePositions.Top ? (this._FontSize() * 0.5) : ((this._FontSize() * 3.777 / 2) - this._FontSize() / 2);
|
|
676
|
-
this._ItemNumberMarginLeft = this._FontSize() * 0.5;
|
|
677
|
-
this._ItemNumberMarginRight = this._FontSize() * 0.361;
|
|
678
|
-
this._IconMarginLeft = this._FontSize() * 0.361;
|
|
679
|
-
this._IconMarginRight = this._FontSize() * 0.361;
|
|
680
|
-
this._TextContainerMarginLeft = this._FontSize() * 0.722;
|
|
681
|
-
}
|
|
682
|
-
else {
|
|
683
|
-
if (this._IconEnabled()) {
|
|
684
|
-
this._IconMarginLeft = this._FontSize() * 1.2;
|
|
685
|
-
this._IconMarginRight = this._FontSize() * 1.2;
|
|
686
|
-
this._TextContainerMarginLeft = this._FontSize() * 0.722;
|
|
687
|
-
}
|
|
688
|
-
else {
|
|
689
|
-
this._TextContainerMarginLeft = this._FontSize() * 2;
|
|
690
|
-
}
|
|
691
|
-
}
|
|
653
|
+
this.startListenToStateChanged();
|
|
692
654
|
}
|
|
693
655
|
OnClick() {
|
|
694
|
-
let
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
this.
|
|
710
|
-
this.
|
|
711
|
-
this.
|
|
712
|
-
this.
|
|
713
|
-
this.
|
|
714
|
-
this.
|
|
715
|
-
this.
|
|
716
|
-
this.
|
|
717
|
-
this.
|
|
718
|
-
this.
|
|
719
|
-
this.
|
|
720
|
-
this.
|
|
721
|
-
this.
|
|
722
|
-
this.
|
|
656
|
+
let config = new ListItemConfigModel({
|
|
657
|
+
Name: this.name(),
|
|
658
|
+
OpenState: this.OpenState ? false : true
|
|
659
|
+
});
|
|
660
|
+
setTimeout(() => this.ListItemService.stateChanged.next(config), 5);
|
|
661
|
+
}
|
|
662
|
+
startListenToStateChanged() {
|
|
663
|
+
this.ListItemService.stateChanged
|
|
664
|
+
.subscribe((config) => {
|
|
665
|
+
if (config.Name === this.name()) {
|
|
666
|
+
this.ListItemType = config.ListItemType ?? this.ListItemType;
|
|
667
|
+
this.OpenState = config.OpenState ?? this.OpenState;
|
|
668
|
+
this.Width = config.Width ?? this.Width;
|
|
669
|
+
this.Height = config.Height ?? this.Height;
|
|
670
|
+
this.BorderRadius = config.BorderRadius ?? this.BorderRadius;
|
|
671
|
+
this.ItemNumberIconContainerWidth = config.ItemNumberIconContainerWidth ?? this.ItemNumberIconContainerWidth;
|
|
672
|
+
this.ItemNumberIconBackGroundColorNormal = config.ItemNumberIconBackGroundColorNormal ?? this.ItemNumberIconBackGroundColorNormal;
|
|
673
|
+
this.ItemNumberIconBackGroundColorHover = config.ItemNumberIconBackGroundColorHover ?? this.ItemNumberIconBackGroundColorHover;
|
|
674
|
+
this.TitlesContainerWidth = config.TitlesContainerWidth ?? this.TitlesContainerWidth;
|
|
675
|
+
this.TitlesBackGroundColorNormal = config.TitlesBackGroundColorNormal ?? this.TitlesBackGroundColorNormal;
|
|
676
|
+
this.TitlesBackGroundColorHover = config.TitlesBackGroundColorHover ?? this.TitlesBackGroundColorHover;
|
|
677
|
+
this.TriggerIconContainerWidth = config.TriggerIconContainerWidth ?? this.TriggerIconContainerWidth;
|
|
678
|
+
this.TriggerIconBackGroundColorNormal = config.TriggerIconBackGroundColorNormal ?? this.TriggerIconBackGroundColorNormal;
|
|
679
|
+
this.TriggerIconBackGroundColorHover = config.TriggerIconBackGroundColorHover ?? this.TriggerIconBackGroundColorHover;
|
|
680
|
+
this.ItemNumberEnabled = config.ItemNumberEnabled ?? this.ItemNumberEnabled;
|
|
681
|
+
this.ItemNumberText = config.ItemNumberText ?? this.ItemNumberText;
|
|
682
|
+
this.ItemNumberFontFamily = config.ItemNumberFontFamily ?? this.ItemNumberFontFamily;
|
|
683
|
+
this.ItemNumberFontWeight = config.ItemNumberFontWeight ?? this.ItemNumberFontWeight;
|
|
684
|
+
this.ItemNumberFontColorNormal = config.ItemNumberFontColorNormal ?? this.ItemNumberFontColorNormal;
|
|
685
|
+
this.ItemNumberFontColorHover = config.ItemNumberFontColorHover ?? this.ItemNumberFontColorHover;
|
|
686
|
+
this.ItemNumberFontSize = config.ItemNumberFontSize ?? this.ItemNumberFontSize;
|
|
687
|
+
this.ItemNumberPosition = config.ItemNumberPosition ?? this.ItemNumberPosition;
|
|
688
|
+
this.IconEnabled = config.IconEnabled ?? this.IconEnabled;
|
|
689
|
+
this.Icon = config.Icon ?? this.Icon;
|
|
690
|
+
this.IconFontColorNormal = config.IconFontColorNormal ?? this.IconFontColorNormal;
|
|
691
|
+
this.IconFontColorHover = config.IconFontColorHover ?? this.IconFontColorHover;
|
|
692
|
+
this.IconFontSize = config.IconFontSize ?? this.IconFontSize;
|
|
693
|
+
this.TitleEnabled = config.TitleEnabled ?? this.TitleEnabled;
|
|
694
|
+
this.TitleText = config.TitleText ?? this.TitleText;
|
|
695
|
+
this.TitleFontFamily = config.TitleFontFamily ?? this.TitleFontFamily;
|
|
696
|
+
this.TitleFontWeight = config.TitleFontWeight ?? this.TitleFontWeight;
|
|
697
|
+
this.TitleFontColorNormal = config.TitleFontColorNormal ?? this.TitleFontColorNormal;
|
|
698
|
+
this.TitleFontColorHover = config.TitleFontColorHover ?? this.TitleFontColorHover;
|
|
699
|
+
this.TitleFontSize = config.TitleFontSize ?? this.TitleFontSize;
|
|
700
|
+
this.TitleTextAlign = config.TitleTextAlign ?? this.TitleTextAlign;
|
|
701
|
+
this.SubTitleEnabled = config.SubTitleEnabled ?? this.SubTitleEnabled;
|
|
702
|
+
this.SubTitleText = config.SubTitleText ?? this.SubTitleText;
|
|
703
|
+
this.SubTitleFontFamily = config.SubTitleFontFamily ?? this.SubTitleFontFamily;
|
|
704
|
+
this.SubTitleFontWeight = config.SubTitleFontWeight ?? this.SubTitleFontWeight;
|
|
705
|
+
this.SubTitleFontColorNormal = config.SubTitleFontColorNormal ?? this.SubTitleFontColorNormal;
|
|
706
|
+
this.SubTitleFontColorHover = config.SubTitleFontColorHover ?? this.SubTitleFontColorHover;
|
|
707
|
+
this.SubTitleFontSize = config.SubTitleFontSize ?? this.SubTitleFontSize;
|
|
708
|
+
this.SubTitleTextAlign = config.SubTitleTextAlign ?? this.SubTitleTextAlign;
|
|
709
|
+
this.TriggerIconEnabled = config.TriggerIconEnabled ?? this.TriggerIconEnabled;
|
|
710
|
+
this.TriggerIconClose = config.TriggerIconClose ?? this.TriggerIconClose;
|
|
711
|
+
this.TriggerIconOpen = config.TriggerIconOpen ?? this.TriggerIconOpen;
|
|
712
|
+
this.TriggerIconFontColorNormal = config.TriggerIconFontColorNormal ?? this.TriggerIconFontColorNormal;
|
|
713
|
+
this.TriggerIconFontColorHover = config.TriggerIconFontColorHover ?? this.TriggerIconFontColorHover;
|
|
714
|
+
this.TriggerIconFontSize = config.TriggerIconFontSize ?? this.TriggerIconFontSize;
|
|
715
|
+
this.TriggerIconRotationEnabled = config.TriggerIconRotationEnabled ?? this.TriggerIconRotationEnabled;
|
|
716
|
+
this.ContainerWrappedBackGroundColor = config.ContainerWrappedBackGroundColor ?? this.ContainerWrappedBackGroundColor;
|
|
723
717
|
}
|
|
724
718
|
});
|
|
725
719
|
}
|
|
720
|
+
setMouseOver(state) {
|
|
721
|
+
this._mouseover = state;
|
|
722
|
+
}
|
|
726
723
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
727
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.0", type: ListItemComponent, isStandalone: true, selector: "app-list-item", inputs: {
|
|
724
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.0", type: ListItemComponent, isStandalone: true, selector: "app-list-item", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"wrapper\"\r\n[style.width]=\"Width+'px'\"\r\n[style.border-radius]=\"BorderRadius+'px'\"\r\n[style.box-shadow]=\"'rgba(0, 0, 0, 0.24) 0px 3px 8px'\"\r\n>\r\n <div class=\"container\"\r\n [style.height]=\"Height+'px'\"\r\n [style.border-radius]=\"BorderRadius+'px'\"\r\n [style.flex-direction]=\"ListItemType?.toString()\"\r\n (click)=\"OnClick()\"\r\n (mouseover)=\"setMouseOver(true)\"\r\n (mouseout)=\"setMouseOver(false)\"\r\n >\r\n\r\n <div class=\"iconContainer\"\r\n [style.width]=\"ItemNumberIconContainerWidth+'px'\"\r\n [style.background-color]=\"_mouseover ? ItemNumberIconBackGroundColorHover : ItemNumberIconBackGroundColorNormal\"\r\n >\r\n <p class=\"ItemNumber\"\r\n [style.display]=\"ItemNumberEnabled ? '' : 'none'\"\r\n [style.font-family]=\"ItemNumberFontFamily\"\r\n [style.font-weight]=\"ItemNumberFontWeight\"\r\n [style.color]=\"_mouseover ? ItemNumberFontColorHover : ItemNumberFontColorNormal\"\r\n [style.font-size]=\"ItemNumberFontSize + 'px' \"\r\n [style.align-self]=\"ItemNumberPosition?.toString()\"\r\n [style.margin-top]=\"ItemNumberPosition == ListItemItemNumberPositionEnum.Top ? '5px': '' \"\r\n >\r\n {{ItemNumberText}}\r\n </p>\r\n\r\n <i class=\"{{Icon}}\"\r\n [style.display]=\"IconEnabled ? '' : 'none'\"\r\n [style.color]=\"_mouseover ? IconFontColorHover : IconFontColorNormal\"\r\n [style.font-size]=\"IconFontSize +'px'\"\r\n ></i>\r\n </div>\r\n\r\n\r\n <div class=\"TextContainer\"\r\n [style.width]=\"TitlesContainerWidth+'px'\"\r\n [style.background-color]=\"_mouseover ? TitlesBackGroundColorHover : TitlesBackGroundColorNormal\"\r\n >\r\n\r\n <h1 class=\"title\"\r\n [style.display]=\"TitleEnabled ? '' : 'none'\"\r\n [style.font-family]=\"TitleFontFamily\"\r\n [style.font-weight]=\"TitleFontWeight\"\r\n [style.color]=\"_mouseover ? TitleFontColorHover : TitleFontColorNormal\"\r\n [style.font-size]=\"TitleFontSize +'px'\"\r\n [style.text-align]=\"TitleTextAlign?.toString()\"\r\n >\r\n {{TitleText}}\r\n </h1>\r\n\r\n <h2 class=\"sub-title\"\r\n [style.display]=\"SubTitleEnabled ? '' : 'none'\"\r\n [style.font-family]=\"SubTitleFontFamily\"\r\n [style.font-weight]=\"SubTitleFontWeight\"\r\n [style.color]=\"_mouseover ? SubTitleFontColorHover : SubTitleFontColorNormal\"\r\n [style.font-size]=\"SubTitleFontSize +'px'\"\r\n [style.text-align]=\"SubTitleTextAlign?.toString()\"\r\n >\r\n {{SubTitleText}}\r\n </h2>\r\n\r\n </div>\r\n\r\n <div class=\"ItemOpenIconContainer\"\r\n [style.background-color]=\"_mouseover ? TriggerIconBackGroundColorHover : TriggerIconBackGroundColorNormal\"\r\n [style.width]=\"TriggerIconContainerWidth+'px'\"\r\n >\r\n <i class=\"{{OpenState? TriggerIconOpen : TriggerIconClose}}\"\r\n [style.display]=\"TriggerIconEnabled ? '' : 'none'\"\r\n [class.ItemOpenState]=\"OpenState\"\r\n [class.ItemCloseState]=\"!OpenState\"\r\n [style.color]=\"_mouseover ? TriggerIconFontColorHover : TriggerIconFontColorNormal\"\r\n [style.font-size]=\"TriggerIconFontSize +'px'\"\r\n [style.transform]=\"\r\n TriggerIconRotationEnabled == true \r\n ? ListItemType == ListItemTypesEnum.Normal\r\n ? OpenState \r\n ? '' \r\n : 'rotate(90deg)' \r\n : OpenState \r\n ? '' \r\n : 'rotate(-90deg)'\r\n : ''\r\n \"\r\n ></i>\r\n </div>\r\n\r\n\r\n </div>\r\n <div class=\"containerWrapped\"\r\n [style.display]=\"OpenState ? '' : 'none'\"\r\n [style.background-color]=\"ContainerWrappedBackGroundColor\"\r\n >\r\n <ng-content/>\r\n </div>\r\n\r\n\r\n</div>\r\n\r\n", styles: [":host{display:inline-block;vertical-align:top}.wrapper{overflow:hidden}.wrapper>.container{display:flex;cursor:pointer}.wrapper>.container>.iconContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box}.wrapper>.container>.iconContainer>p{margin:0 auto 0 5px}.wrapper>.container>.iconContainer>i{line-height:0px;margin-left:auto;margin-right:10px}.wrapper>.container>.TextContainer{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%}.wrapper>.container>.TextContainer>h1,h2{margin:0;width:100%}.wrapper>.container>.ItemOpenIconContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper>.container>.ItemOpenIconContainer>i{transition:.3s}.wrapper>.containerWrapped{padding:0}\n"] }); }
|
|
728
725
|
}
|
|
729
726
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ListItemComponent, decorators: [{
|
|
730
727
|
type: Component,
|
|
731
|
-
args: [{ selector: 'app-list-item', standalone: true, imports: [], template: "
|
|
728
|
+
args: [{ selector: 'app-list-item', standalone: true, imports: [], template: "<div class=\"wrapper\"\r\n[style.width]=\"Width+'px'\"\r\n[style.border-radius]=\"BorderRadius+'px'\"\r\n[style.box-shadow]=\"'rgba(0, 0, 0, 0.24) 0px 3px 8px'\"\r\n>\r\n <div class=\"container\"\r\n [style.height]=\"Height+'px'\"\r\n [style.border-radius]=\"BorderRadius+'px'\"\r\n [style.flex-direction]=\"ListItemType?.toString()\"\r\n (click)=\"OnClick()\"\r\n (mouseover)=\"setMouseOver(true)\"\r\n (mouseout)=\"setMouseOver(false)\"\r\n >\r\n\r\n <div class=\"iconContainer\"\r\n [style.width]=\"ItemNumberIconContainerWidth+'px'\"\r\n [style.background-color]=\"_mouseover ? ItemNumberIconBackGroundColorHover : ItemNumberIconBackGroundColorNormal\"\r\n >\r\n <p class=\"ItemNumber\"\r\n [style.display]=\"ItemNumberEnabled ? '' : 'none'\"\r\n [style.font-family]=\"ItemNumberFontFamily\"\r\n [style.font-weight]=\"ItemNumberFontWeight\"\r\n [style.color]=\"_mouseover ? ItemNumberFontColorHover : ItemNumberFontColorNormal\"\r\n [style.font-size]=\"ItemNumberFontSize + 'px' \"\r\n [style.align-self]=\"ItemNumberPosition?.toString()\"\r\n [style.margin-top]=\"ItemNumberPosition == ListItemItemNumberPositionEnum.Top ? '5px': '' \"\r\n >\r\n {{ItemNumberText}}\r\n </p>\r\n\r\n <i class=\"{{Icon}}\"\r\n [style.display]=\"IconEnabled ? '' : 'none'\"\r\n [style.color]=\"_mouseover ? IconFontColorHover : IconFontColorNormal\"\r\n [style.font-size]=\"IconFontSize +'px'\"\r\n ></i>\r\n </div>\r\n\r\n\r\n <div class=\"TextContainer\"\r\n [style.width]=\"TitlesContainerWidth+'px'\"\r\n [style.background-color]=\"_mouseover ? TitlesBackGroundColorHover : TitlesBackGroundColorNormal\"\r\n >\r\n\r\n <h1 class=\"title\"\r\n [style.display]=\"TitleEnabled ? '' : 'none'\"\r\n [style.font-family]=\"TitleFontFamily\"\r\n [style.font-weight]=\"TitleFontWeight\"\r\n [style.color]=\"_mouseover ? TitleFontColorHover : TitleFontColorNormal\"\r\n [style.font-size]=\"TitleFontSize +'px'\"\r\n [style.text-align]=\"TitleTextAlign?.toString()\"\r\n >\r\n {{TitleText}}\r\n </h1>\r\n\r\n <h2 class=\"sub-title\"\r\n [style.display]=\"SubTitleEnabled ? '' : 'none'\"\r\n [style.font-family]=\"SubTitleFontFamily\"\r\n [style.font-weight]=\"SubTitleFontWeight\"\r\n [style.color]=\"_mouseover ? SubTitleFontColorHover : SubTitleFontColorNormal\"\r\n [style.font-size]=\"SubTitleFontSize +'px'\"\r\n [style.text-align]=\"SubTitleTextAlign?.toString()\"\r\n >\r\n {{SubTitleText}}\r\n </h2>\r\n\r\n </div>\r\n\r\n <div class=\"ItemOpenIconContainer\"\r\n [style.background-color]=\"_mouseover ? TriggerIconBackGroundColorHover : TriggerIconBackGroundColorNormal\"\r\n [style.width]=\"TriggerIconContainerWidth+'px'\"\r\n >\r\n <i class=\"{{OpenState? TriggerIconOpen : TriggerIconClose}}\"\r\n [style.display]=\"TriggerIconEnabled ? '' : 'none'\"\r\n [class.ItemOpenState]=\"OpenState\"\r\n [class.ItemCloseState]=\"!OpenState\"\r\n [style.color]=\"_mouseover ? TriggerIconFontColorHover : TriggerIconFontColorNormal\"\r\n [style.font-size]=\"TriggerIconFontSize +'px'\"\r\n [style.transform]=\"\r\n TriggerIconRotationEnabled == true \r\n ? ListItemType == ListItemTypesEnum.Normal\r\n ? OpenState \r\n ? '' \r\n : 'rotate(90deg)' \r\n : OpenState \r\n ? '' \r\n : 'rotate(-90deg)'\r\n : ''\r\n \"\r\n ></i>\r\n </div>\r\n\r\n\r\n </div>\r\n <div class=\"containerWrapped\"\r\n [style.display]=\"OpenState ? '' : 'none'\"\r\n [style.background-color]=\"ContainerWrappedBackGroundColor\"\r\n >\r\n <ng-content/>\r\n </div>\r\n\r\n\r\n</div>\r\n\r\n", styles: [":host{display:inline-block;vertical-align:top}.wrapper{overflow:hidden}.wrapper>.container{display:flex;cursor:pointer}.wrapper>.container>.iconContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box}.wrapper>.container>.iconContainer>p{margin:0 auto 0 5px}.wrapper>.container>.iconContainer>i{line-height:0px;margin-left:auto;margin-right:10px}.wrapper>.container>.TextContainer{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%}.wrapper>.container>.TextContainer>h1,h2{margin:0;width:100%}.wrapper>.container>.ItemOpenIconContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper>.container>.ItemOpenIconContainer>i{transition:.3s}.wrapper>.containerWrapped{padding:0}\n"] }]
|
|
732
729
|
}] });
|
|
733
730
|
|
|
734
731
|
class LabelModel {
|
|
@@ -1079,6 +1076,19 @@ class ModalModel {
|
|
|
1079
1076
|
}
|
|
1080
1077
|
}
|
|
1081
1078
|
|
|
1079
|
+
var FontWeights;
|
|
1080
|
+
(function (FontWeights) {
|
|
1081
|
+
FontWeights[FontWeights["UltraExtraLight"] = 100] = "UltraExtraLight";
|
|
1082
|
+
FontWeights[FontWeights["ExtraLight"] = 200] = "ExtraLight";
|
|
1083
|
+
FontWeights[FontWeights["Light"] = 300] = "Light";
|
|
1084
|
+
FontWeights[FontWeights["Regular"] = 400] = "Regular";
|
|
1085
|
+
FontWeights[FontWeights["Medium"] = 500] = "Medium";
|
|
1086
|
+
FontWeights[FontWeights["SemiBold"] = 600] = "SemiBold";
|
|
1087
|
+
FontWeights[FontWeights["Bold"] = 700] = "Bold";
|
|
1088
|
+
FontWeights[FontWeights["ExtraBold"] = 800] = "ExtraBold";
|
|
1089
|
+
FontWeights[FontWeights["UltraExtraBold"] = 900] = "UltraExtraBold";
|
|
1090
|
+
})(FontWeights || (FontWeights = {}));
|
|
1091
|
+
|
|
1082
1092
|
class ModalComponent {
|
|
1083
1093
|
constructor() {
|
|
1084
1094
|
this.ModalService = inject(ModalService);
|
|
@@ -1099,7 +1109,7 @@ class ModalComponent {
|
|
|
1099
1109
|
this._ButtonService = inject(ButtonService);
|
|
1100
1110
|
this.ButtonTypes = ButtonTypeEnum;
|
|
1101
1111
|
this.ButtonIconPositions = ButtonIconPositionEnum;
|
|
1102
|
-
this.
|
|
1112
|
+
this.FontWeights = FontWeights;
|
|
1103
1113
|
this.IconsEnum = IconsEnum;
|
|
1104
1114
|
}
|
|
1105
1115
|
ngOnInit() {
|
|
@@ -1151,5 +1161,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
|
|
|
1151
1161
|
* Generated bundle index. Do not edit.
|
|
1152
1162
|
*/
|
|
1153
1163
|
|
|
1154
|
-
export { AlertComponent, AlertModel, AlertService, AlertTypesEnum, ButtonComponent, ButtonConfigModel,
|
|
1164
|
+
export { AlertComponent, AlertModel, AlertService, AlertTypesEnum, ButtonComponent, ButtonConfigModel, ButtonIconPositionEnum, ButtonService, ButtonTypeEnum, FontWeights, FormFielTxtModel, FormFieldComboModel, FormFieldComponent, FormFieldCountryDataFormat, FormFieldFontWeights, FormFieldModel, FormFieldService, FormFieldTxtInputTypesEnum, FormFieldTypes, IconsEnum, LabelComponent, LabelFontWeights, LabelIconPositionEnum, LabelModel, LabelService, ListItemComponent, ListItemConfigModel, ListItemItemNumberPositionEnum, ListItemService, ListItemTextAlignEnum, ListItemTypeEnum, ModalComponent, ModalModel, ModalService, TableComponent, TableFontWeights, TableModel, TableModes, TableService };
|
|
1155
1165
|
//# sourceMappingURL=lightning-tec-br-angular-components.mjs.map
|