@indigina/ui-kit 1.1.123 → 1.1.124
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/indigina-ui-kit.mjs +19 -14
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-tabs/kit-tab/kit-tab.component.d.ts +4 -4
- package/lib/components/kit-tabs/kit-tabs.component.d.ts +3 -2
- package/lib/components/kit-tabs/kit-tabs.const.d.ts +6 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
|
@@ -4748,7 +4748,7 @@ class KitTabComponent {
|
|
|
4748
4748
|
/**
|
|
4749
4749
|
* Defines the tab title
|
|
4750
4750
|
*/
|
|
4751
|
-
this.title = '';
|
|
4751
|
+
this.title = input('');
|
|
4752
4752
|
/**
|
|
4753
4753
|
* Defines the icon type
|
|
4754
4754
|
*/
|
|
@@ -4760,7 +4760,7 @@ class KitTabComponent {
|
|
|
4760
4760
|
/**
|
|
4761
4761
|
* Defines which tab will be disabled
|
|
4762
4762
|
*/
|
|
4763
|
-
this.disabled = false;
|
|
4763
|
+
this.disabled = input(false);
|
|
4764
4764
|
/**
|
|
4765
4765
|
* Defines a reference to the tab title
|
|
4766
4766
|
*/
|
|
@@ -4771,21 +4771,17 @@ class KitTabComponent {
|
|
|
4771
4771
|
this.kitTabContent = null;
|
|
4772
4772
|
}
|
|
4773
4773
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4774
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
4774
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: KitTabComponent, isStandalone: false, selector: "kit-tab", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "kitTitleTemplate", first: true, predicate: KitTitleTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "kitTabContent", first: true, predicate: KitTabContentDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: '', isInline: true, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-items{justify-content:space-between}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item{color:var(--ui-kit-color-grey-14)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-disabled{color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active{text-decoration:underline}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.fill,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.stroke,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented.small .tab-title-icon{width:14px;height:14px}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}::ng-deep .kit-tabs .k-tabstrip.large .k-item span{font-size:18px;line-height:24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4775
4775
|
}
|
|
4776
4776
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTabComponent, decorators: [{
|
|
4777
4777
|
type: Component,
|
|
4778
|
-
args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}\n"] }]
|
|
4779
|
-
}], propDecorators: {
|
|
4780
|
-
type: Input
|
|
4781
|
-
}], icon: [{
|
|
4778
|
+
args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-items{justify-content:space-between}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item{color:var(--ui-kit-color-grey-14)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-disabled{color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active{text-decoration:underline}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.fill,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.stroke,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented.small .tab-title-icon{width:14px;height:14px}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}::ng-deep .kit-tabs .k-tabstrip.large .k-item span{font-size:18px;line-height:24px}\n"] }]
|
|
4779
|
+
}], propDecorators: { icon: [{
|
|
4782
4780
|
type: Input
|
|
4783
4781
|
}], iconType: [{
|
|
4784
4782
|
type: Input
|
|
4785
4783
|
}], selected: [{
|
|
4786
4784
|
type: Input
|
|
4787
|
-
}], disabled: [{
|
|
4788
|
-
type: Input
|
|
4789
4785
|
}], kitTitleTemplate: [{
|
|
4790
4786
|
type: ContentChild,
|
|
4791
4787
|
args: [KitTitleTemplateDirective, { read: TemplateRef }]
|
|
@@ -4798,7 +4794,13 @@ var KitTabsType;
|
|
|
4798
4794
|
(function (KitTabsType) {
|
|
4799
4795
|
KitTabsType["TEXT"] = "text";
|
|
4800
4796
|
KitTabsType["BUTTON"] = "button";
|
|
4797
|
+
KitTabsType["SEGMENTED"] = "segmented";
|
|
4801
4798
|
})(KitTabsType || (KitTabsType = {}));
|
|
4799
|
+
var KitTabsSize;
|
|
4800
|
+
(function (KitTabsSize) {
|
|
4801
|
+
KitTabsSize["LARGE"] = "large";
|
|
4802
|
+
KitTabsSize["SMALL"] = "small";
|
|
4803
|
+
})(KitTabsSize || (KitTabsSize = {}));
|
|
4802
4804
|
|
|
4803
4805
|
class KitTabsComponent {
|
|
4804
4806
|
constructor() {
|
|
@@ -4806,6 +4808,7 @@ class KitTabsComponent {
|
|
|
4806
4808
|
* Defines the type of tabs
|
|
4807
4809
|
*/
|
|
4808
4810
|
this.type = KitTabsType.TEXT;
|
|
4811
|
+
this.size = KitTabsSize.SMALL;
|
|
4809
4812
|
/**
|
|
4810
4813
|
* Enables the tab animation
|
|
4811
4814
|
*/
|
|
@@ -4826,13 +4829,15 @@ class KitTabsComponent {
|
|
|
4826
4829
|
});
|
|
4827
4830
|
}
|
|
4828
4831
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4829
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTabsComponent, isStandalone: false, selector: "kit-tabs", inputs: { type: "type", animate: "animate" }, outputs: { tabSelected: "tabSelected" }, queries: [{ propertyName: "tabs", predicate: KitTabComponent }], ngImport: i0, template: "<div class=\"kit-tabs\">\n <kendo-tabstrip [ngClass]=\"type\"\n [animate]=\"animate\"\n (tabSelect)=\"onTabSelect($event)\">\n @for (tab of tabs; track tab) {\n <kendo-tabstrip-tab [title]=\"tab.title\"\n [selected]=\"tab.selected\"\n [disabled]=\"tab.disabled\">\n @if (tab.kitTitleTemplate) {\n <ng-template kendoTabTitle>\n <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n ></ng-container>\n </ng-template>\n } @else if (tab.icon) {\n <ng-template kendoTabTitle>\n <div class=\"tab-title\">\n <kit-svg-icon class=\"tab-title-icon\"\n [icon]=\"tab.icon\"\n [ngClass]=\"tab.iconType\"\n ></kit-svg-icon>\n <div class=\"tab title-text\">\n {{ tab.title }}\n </div>\n </div>\n </ng-template>\n }\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n ></ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n }\n </kendo-tabstrip>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2$2.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2$2.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2$2.TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4832
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTabsComponent, isStandalone: false, selector: "kit-tabs", inputs: { type: "type", size: "size", animate: "animate" }, outputs: { tabSelected: "tabSelected" }, queries: [{ propertyName: "tabs", predicate: KitTabComponent }], ngImport: i0, template: "<div class=\"kit-tabs\">\n <kendo-tabstrip [ngClass]=\"[type, size]\"\n [animate]=\"animate\"\n (tabSelect)=\"onTabSelect($event)\">\n @for (tab of tabs; track tab) {\n <kendo-tabstrip-tab [title]=\"tab.title()\"\n [selected]=\"tab.selected\"\n [disabled]=\"tab.disabled()\">\n @if (tab.kitTitleTemplate) {\n <ng-template kendoTabTitle>\n <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n ></ng-container>\n </ng-template>\n } @else if (tab.icon) {\n <ng-template kendoTabTitle>\n <div class=\"tab-title\">\n <kit-svg-icon class=\"tab-title-icon\"\n [icon]=\"tab.icon\"\n [ngClass]=\"tab.iconType\"\n ></kit-svg-icon>\n <div class=\"tab title-text\">\n {{ tab.title() }}\n </div>\n </div>\n </ng-template>\n }\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n ></ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n }\n </kendo-tabstrip>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2$2.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2$2.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2$2.TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4830
4833
|
}
|
|
4831
4834
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTabsComponent, decorators: [{
|
|
4832
4835
|
type: Component,
|
|
4833
|
-
args: [{ selector: 'kit-tabs', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-tabs\">\n <kendo-tabstrip [ngClass]=\"type\"\n [animate]=\"animate\"\n (tabSelect)=\"onTabSelect($event)\">\n @for (tab of tabs; track tab) {\n <kendo-tabstrip-tab [title]=\"tab.title\"\n [selected]=\"tab.selected\"\n [disabled]=\"tab.disabled\">\n @if (tab.kitTitleTemplate) {\n <ng-template kendoTabTitle>\n <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n ></ng-container>\n </ng-template>\n } @else if (tab.icon) {\n <ng-template kendoTabTitle>\n <div class=\"tab-title\">\n <kit-svg-icon class=\"tab-title-icon\"\n [icon]=\"tab.icon\"\n [ngClass]=\"tab.iconType\"\n ></kit-svg-icon>\n <div class=\"tab title-text\">\n {{ tab.title }}\n </div>\n </div>\n </ng-template>\n }\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n ></ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n }\n </kendo-tabstrip>\n</div>\n" }]
|
|
4836
|
+
args: [{ selector: 'kit-tabs', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-tabs\">\n <kendo-tabstrip [ngClass]=\"[type, size]\"\n [animate]=\"animate\"\n (tabSelect)=\"onTabSelect($event)\">\n @for (tab of tabs; track tab) {\n <kendo-tabstrip-tab [title]=\"tab.title()\"\n [selected]=\"tab.selected\"\n [disabled]=\"tab.disabled()\">\n @if (tab.kitTitleTemplate) {\n <ng-template kendoTabTitle>\n <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n ></ng-container>\n </ng-template>\n } @else if (tab.icon) {\n <ng-template kendoTabTitle>\n <div class=\"tab-title\">\n <kit-svg-icon class=\"tab-title-icon\"\n [icon]=\"tab.icon\"\n [ngClass]=\"tab.iconType\"\n ></kit-svg-icon>\n <div class=\"tab title-text\">\n {{ tab.title() }}\n </div>\n </div>\n </ng-template>\n }\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n ></ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n }\n </kendo-tabstrip>\n</div>\n" }]
|
|
4834
4837
|
}], propDecorators: { type: [{
|
|
4835
4838
|
type: Input
|
|
4839
|
+
}], size: [{
|
|
4840
|
+
type: Input
|
|
4836
4841
|
}], animate: [{
|
|
4837
4842
|
type: Input
|
|
4838
4843
|
}], tabSelected: [{
|
|
@@ -6296,13 +6301,13 @@ class KitEmptySectionComponent {
|
|
|
6296
6301
|
this.KitSvgIcon = KitSvgIcon;
|
|
6297
6302
|
}
|
|
6298
6303
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitEmptySectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6299
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: KitEmptySectionComponent, isStandalone: true, selector: "kit-empty-section", inputs: { text: "text" }, ngImport: i0, template: "<div class=\"kit-empty-section\">\n <div class=\"empty-icon-wrapper\">\n <kit-svg-icon class=\"empty-icon\"\n [icon]=\"KitSvgIcon.EMPTY\"\n ></kit-svg-icon>\n </div>\n <span class=\"empty-text\">{{ text }}</span>\n</div>\n", styles: [".kit-empty-section{display:flex;box-sizing:border-box;min-height:250px;align-items:center;padding:50px;border-radius:10px;background-color:var(--ui-kit-color-white);gap:30px}.kit-empty-section .empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background-color:var(--ui-kit-color-grey-13);flex-shrink:0}.kit-empty-section .empty-icon{width:80px;height:80px;fill:none}.kit-empty-section .empty-text{font-size:24px;line-height:30px;font-weight:300}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6304
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: KitEmptySectionComponent, isStandalone: true, selector: "kit-empty-section", inputs: { text: "text" }, ngImport: i0, template: "<div class=\"kit-empty-section\">\n <div class=\"empty-icon-wrapper\">\n <kit-svg-icon class=\"empty-icon\"\n [icon]=\"KitSvgIcon.EMPTY\"\n ></kit-svg-icon>\n </div>\n <span class=\"empty-text\">{{ text }}</span>\n</div>\n", styles: [":host{container:empty-section/inline-size;display:block;width:auto}.kit-empty-section{display:flex;box-sizing:border-box;min-height:250px;align-items:center;padding:50px;border-radius:10px;background-color:var(--ui-kit-color-white);gap:30px}.kit-empty-section .empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background-color:var(--ui-kit-color-grey-13);flex-shrink:0}.kit-empty-section .empty-icon{width:80px;height:80px;fill:none}.kit-empty-section .empty-text{font-size:24px;line-height:30px;font-weight:300}@container empty-section (max-width: 360px){.kit-empty-section{min-height:180px;padding:30px;gap:20px}.kit-empty-section .empty-icon-wrapper{width:60px;height:60px}.kit-empty-section .empty-icon{width:40px;height:40px}.kit-empty-section .empty-text{font-size:14px;line-height:18px}}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6300
6305
|
}
|
|
6301
6306
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitEmptySectionComponent, decorators: [{
|
|
6302
6307
|
type: Component,
|
|
6303
6308
|
args: [{ selector: 'kit-empty-section', imports: [
|
|
6304
6309
|
KitSvgIconModule,
|
|
6305
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-empty-section\">\n <div class=\"empty-icon-wrapper\">\n <kit-svg-icon class=\"empty-icon\"\n [icon]=\"KitSvgIcon.EMPTY\"\n ></kit-svg-icon>\n </div>\n <span class=\"empty-text\">{{ text }}</span>\n</div>\n", styles: [".kit-empty-section{display:flex;box-sizing:border-box;min-height:250px;align-items:center;padding:50px;border-radius:10px;background-color:var(--ui-kit-color-white);gap:30px}.kit-empty-section .empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background-color:var(--ui-kit-color-grey-13);flex-shrink:0}.kit-empty-section .empty-icon{width:80px;height:80px;fill:none}.kit-empty-section .empty-text{font-size:24px;line-height:30px;font-weight:300}\n"] }]
|
|
6310
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-empty-section\">\n <div class=\"empty-icon-wrapper\">\n <kit-svg-icon class=\"empty-icon\"\n [icon]=\"KitSvgIcon.EMPTY\"\n ></kit-svg-icon>\n </div>\n <span class=\"empty-text\">{{ text }}</span>\n</div>\n", styles: [":host{container:empty-section/inline-size;display:block;width:auto}.kit-empty-section{display:flex;box-sizing:border-box;min-height:250px;align-items:center;padding:50px;border-radius:10px;background-color:var(--ui-kit-color-white);gap:30px}.kit-empty-section .empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background-color:var(--ui-kit-color-grey-13);flex-shrink:0}.kit-empty-section .empty-icon{width:80px;height:80px;fill:none}.kit-empty-section .empty-text{font-size:24px;line-height:30px;font-weight:300}@container empty-section (max-width: 360px){.kit-empty-section{min-height:180px;padding:30px;gap:20px}.kit-empty-section .empty-icon-wrapper{width:60px;height:60px}.kit-empty-section .empty-icon{width:40px;height:40px}.kit-empty-section .empty-text{font-size:14px;line-height:18px}}\n"] }]
|
|
6306
6311
|
}], propDecorators: { text: [{
|
|
6307
6312
|
type: Input
|
|
6308
6313
|
}] } });
|
|
@@ -6345,5 +6350,5 @@ const kitDataStateToODataString = (state) => toODataString(state);
|
|
|
6345
6350
|
* Generated bundle index. Do not edit.
|
|
6346
6351
|
*/
|
|
6347
6352
|
|
|
6348
|
-
export { AbstractKitCtaPanelConfirmationComponent, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeModule, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterLogic, KitFilterOperator, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridModule, KitGridSortSettingsMode, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxState, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationModule, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, buildRandomUUID, kitDataStateToODataString };
|
|
6353
|
+
export { AbstractKitCtaPanelConfirmationComponent, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeModule, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterLogic, KitFilterOperator, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridModule, KitGridSortSettingsMode, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxState, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationModule, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, buildRandomUUID, kitDataStateToODataString };
|
|
6349
6354
|
//# sourceMappingURL=indigina-ui-kit.mjs.map
|