@indigina/ui-kit 1.0.147 → 1.0.148

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.
@@ -2901,10 +2901,10 @@ class KitNavigationTabsComponent {
2901
2901
  }
2902
2902
  }
2903
2903
  KitNavigationTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: KitNavigationTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2904
- KitNavigationTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: KitNavigationTabsComponent, selector: "kit-navigation-tabs", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n <div class=\"tabs-nav\">\n <a *ngFor=\"let item of items\"\n class=\"tab-item\"\n routerLinkActive=\"tab-item-active\"\n [routerLink]=\"getRouterLink(item)\">\n <kit-svg-icon *ngIf=\"item.icon\"\n class=\"tab-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"getItemIconCssClass(item)\"\n ></kit-svg-icon>\n <span class=\"tab-item-title\">{{ item.title }}</span>\n </a>\n </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;padding:12px 8px;gap:40px;box-shadow:0 4px 4px #505d6833;background:var(--ui-kit-color-white)}.kit-navigation-tabs .tab-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-2);text-decoration:none}.kit-navigation-tabs .tab-item-icon{display:block;margin-right:4px;width:24px;height:24px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-2);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-2)}.kit-navigation-tabs .tab-item-title{font-weight:500;font-size:14px}.kit-navigation-tabs .tab-item-active{color:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.fill{fill:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.stroke{stroke:var(--ui-kit-color-grey-0)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2904
+ KitNavigationTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: KitNavigationTabsComponent, selector: "kit-navigation-tabs", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n <div class=\"tabs-nav\">\n <a *ngFor=\"let item of items\"\n class=\"tab-item\"\n routerLinkActive=\"tab-item-active\"\n [routerLink]=\"getRouterLink(item)\">\n <kit-svg-icon *ngIf=\"item.icon\"\n class=\"tab-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"getItemIconCssClass(item)\"\n ></kit-svg-icon>\n \n <span class=\"tab-item-title\"\n [innerHTML]=\"item.title\"\n ></span>\n </a>\n </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;padding:12px 8px;gap:40px;box-shadow:0 4px 4px #505d6833;background:var(--ui-kit-color-white)}.kit-navigation-tabs .tab-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-2);text-decoration:none}.kit-navigation-tabs .tab-item-icon{display:block;margin-right:4px;width:24px;height:24px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-2);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-2)}.kit-navigation-tabs .tab-item-title{font-weight:500;font-size:14px}.kit-navigation-tabs .tab-item-active{color:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.fill{fill:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.stroke{stroke:var(--ui-kit-color-grey-0)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2905
2905
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: KitNavigationTabsComponent, decorators: [{
2906
2906
  type: Component,
2907
- args: [{ selector: 'kit-navigation-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-tabs\">\n <div class=\"tabs-nav\">\n <a *ngFor=\"let item of items\"\n class=\"tab-item\"\n routerLinkActive=\"tab-item-active\"\n [routerLink]=\"getRouterLink(item)\">\n <kit-svg-icon *ngIf=\"item.icon\"\n class=\"tab-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"getItemIconCssClass(item)\"\n ></kit-svg-icon>\n <span class=\"tab-item-title\">{{ item.title }}</span>\n </a>\n </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;padding:12px 8px;gap:40px;box-shadow:0 4px 4px #505d6833;background:var(--ui-kit-color-white)}.kit-navigation-tabs .tab-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-2);text-decoration:none}.kit-navigation-tabs .tab-item-icon{display:block;margin-right:4px;width:24px;height:24px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-2);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-2)}.kit-navigation-tabs .tab-item-title{font-weight:500;font-size:14px}.kit-navigation-tabs .tab-item-active{color:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.fill{fill:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.stroke{stroke:var(--ui-kit-color-grey-0)}\n"] }]
2907
+ args: [{ selector: 'kit-navigation-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-tabs\">\n <div class=\"tabs-nav\">\n <a *ngFor=\"let item of items\"\n class=\"tab-item\"\n routerLinkActive=\"tab-item-active\"\n [routerLink]=\"getRouterLink(item)\">\n <kit-svg-icon *ngIf=\"item.icon\"\n class=\"tab-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"getItemIconCssClass(item)\"\n ></kit-svg-icon>\n \n <span class=\"tab-item-title\"\n [innerHTML]=\"item.title\"\n ></span>\n </a>\n </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;padding:12px 8px;gap:40px;box-shadow:0 4px 4px #505d6833;background:var(--ui-kit-color-white)}.kit-navigation-tabs .tab-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-2);text-decoration:none}.kit-navigation-tabs .tab-item-icon{display:block;margin-right:4px;width:24px;height:24px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-2);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-2)}.kit-navigation-tabs .tab-item-title{font-weight:500;font-size:14px}.kit-navigation-tabs .tab-item-active{color:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.fill{fill:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.stroke{stroke:var(--ui-kit-color-grey-0)}\n"] }]
2908
2908
  }], propDecorators: { items: [{
2909
2909
  type: Input
2910
2910
  }] } });