@indigina/ui-kit 1.1.542 → 1.1.543

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 (4) hide show
  1. package/fesm2022/indigina-ui-kit.mjs +7 -60
  2. package/fesm2022/indigina-ui-kit.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/indigina-ui-kit.d.ts +4 -14
package/fesm2022/indigina-ui-kit.mjs CHANGED
@@ -6613,33 +6613,20 @@ class KitCardComponent {
6613
6613
  /**
6614
6614
  * Defines card data
6615
6615
  */
6616
- this.data = null;
6616
+ this.data = input(null, ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
6617
6617
  /**
6618
6618
  * Defines card color theme
6619
6619
  */
6620
- this.theme = KitCardTheme.DEFAULT;
6621
- /**
6622
- * Defines whether the items list will be expanded
6623
- */
6624
- this.itemsExpanded = false;
6625
- this.hideToggle = false;
6620
+ this.theme = input(KitCardTheme.DEFAULT, ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
6626
6621
  /**
6627
6622
  * An action which is emitted when action button clicked
6628
6623
  */
6629
- this.buttonClicked = new EventEmitter();
6630
- /**
6631
- * An action which is emitted when toggle button clicked
6632
- */
6633
- this.toggleClicked = new EventEmitter();
6624
+ this.buttonClicked = output();
6634
6625
  this.KitSvgIcon = KitSvgIcon;
6635
6626
  this.KitButtonType = KitButtonType;
6636
6627
  this.KitButtonKind = KitButtonKind;
6637
6628
  this.KitTooltipPosition = KitTooltipPosition;
6638
6629
  }
6639
- toggleList() {
6640
- this.itemsExpanded = !this.itemsExpanded;
6641
- this.toggleClicked.emit(this.itemsExpanded);
6642
- }
6643
6630
  openItemLink(item) {
6644
6631
  if (!item.disabled && item.link.length) {
6645
6632
  this.router.navigate(item.link, {
@@ -6652,58 +6639,18 @@ class KitCardComponent {
6652
6639
  }
6653
6640
  }
6654
6641
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6655
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitCardComponent, isStandalone: true, selector: "kit-card", inputs: { data: "data", theme: "theme", itemsExpanded: "itemsExpanded", hideToggle: "hideToggle" }, outputs: { buttonClicked: "buttonClicked", toggleClicked: "toggleClicked" }, ngImport: i0, template: "@if (data) {\n <div class=\"kit-card {{ theme }}-theme\">\n <div class=\"kit-card-head\">\n <kit-svg-icon class=\"head-icon\"\n [icon]=\"data.titleIcon\"\n [ngClass]=\"data?.titleIconType\"\n ></kit-svg-icon>\n <div class=\"head-title\">{{ data.title }}</div>\n </div>\n <div class=\"kit-card-content\">\n <div class=\"card-count\">{{ data.count }}</div>\n <div class=\"card-label\">{{ data.label }}</div>\n @if (data.items?.length) {\n <div class=\"card-items\"\n [@expandCollapse]=\"itemsExpanded\">\n @for (item of data.items; track item) {\n <a class=\"card-item\"\n [class.disabled]=\"item.disabled\"\n (click)=\"openItemLink(item)\">\n <div class=\"card-item-count\">{{ item.count ?? '' }}</div>\n <div class=\"card-item-text\">{{ item.label }}</div>\n @if (item.tooltip) {\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".card-item-icon\"\n class=\"card-item-icon\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.tooltip\"\n [icon]=\"KitSvgIcon.INFO_CIRCLE\"\n ></kit-svg-icon>\n } @else if (item.icon) {\n <kit-svg-icon class=\"card-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item.iconType\"\n ></kit-svg-icon>\n }\n </a>\n }\n </div>\n }\n @if (data.items?.length > 1 && !hideToggle) {\n <button class=\"toggle-btn\"\n (click)=\"toggleList()\">\n @if (itemsExpanded) {\n <span class=\"toggle-btn-label\">Show less</span>\n <kit-svg-icon class=\"toggle-btn-icon\"\n [icon]=\"KitSvgIcon.CARET_UP\"\n ></kit-svg-icon>\n } @else {\n <span class=\"toggle-btn-label\">Show more</span>\n <kit-svg-icon class=\"toggle-btn-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n }\n </button>\n }\n </div>\n <div class=\"kit-card-action\">\n <a [routerLink]=\"data.buttonDisabled ? null : data.link\"\n [queryParams]=\"data.navigationExtras?.queryParams\">\n <kit-button class=\"action-button\"\n [type]=\"KitButtonType.GHOST\"\n [kind]=\"KitButtonKind.MEDIUM\"\n [label]=\"data.buttonLabel\"\n [disabled]=\"data.buttonDisabled\"\n (clicked)=\"buttonClicked.emit()\"\n ></kit-button>\n </a>\n </div>\n </div>\n}\n", styles: [".kit-card{display:flex;flex-direction:column;padding:25px;width:100%;height:100%;color:var(--ui-kit-color-grey-10);font-weight:400;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-card-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-card .head-icon{width:32px;height:32px}.kit-card .head-title{display:flex;align-items:center;flex:1;height:36px;font-size:18px}.kit-card-content{display:flex;flex-direction:column;margin-top:10px;flex-grow:1;text-align:center}.kit-card .card-count{padding-bottom:10px;font-size:48px;border-bottom:2px solid var(--ui-kit-color-main);line-height:40px;letter-spacing:-2.4px}.kit-card .card-label{margin-top:10px;font-size:16px}.kit-card .card-items{display:flex;flex-direction:column;flex-grow:1;gap:5px;margin-top:15px;overflow:hidden}.kit-card .card-item{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-card .card-item:hover:not(.disabled){color:var(--ui-kit-color-hover)}.kit-card .card-item-count{font-weight:600}.kit-card .card-item-icon{width:16px;height:16px}.kit-card .toggle-btn{display:inline-flex;justify-content:center;gap:3px;margin-top:5px;padding:0;color:var(--ui-kit-color-main);border:none;background:transparent;cursor:pointer}.kit-card .toggle-btn-label{font-size:14px;font-weight:500}.kit-card .toggle-btn-icon{width:16px;height:16px}.kit-card-action{margin-top:auto;padding-top:15px}.kit-card .action-button ::ng-deep .k-button{width:100%}.kit-card:hover{border-color:var(--ui-kit-color-hover)}.kit-card.default-theme .head-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .head-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .card-count{border-color:var(--ui-kit-color-main)}.kit-card.default-theme .card-item{cursor:pointer}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.default-theme .card-item-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .toggle-btn{color:var(--ui-kit-color-main)}.kit-card.default-theme .toggle-btn-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.green-theme .head-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .head-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .card-count{border-color:var(--ui-kit-color-green-3)}.kit-card.green-theme .card-item{cursor:pointer}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.green-theme .card-item-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .toggle-btn{color:var(--ui-kit-color-green-3)}.kit-card.green-theme .toggle-btn-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.pink-theme .head-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .head-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .card-count{border-color:var(--ui-kit-color-pink)}.kit-card.pink-theme .card-item{cursor:pointer}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.pink-theme .card-item-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .toggle-btn{color:var(--ui-kit-color-pink)}.kit-card.pink-theme .toggle-btn-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.purple-theme .head-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .head-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .card-count{border-color:var(--ui-kit-color-purple)}.kit-card.purple-theme .card-item{cursor:pointer}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.purple-theme .card-item-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .toggle-btn{color:var(--ui-kit-color-purple)}.kit-card.purple-theme .toggle-btn-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.teal-theme .head-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .head-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .card-count{border-color:var(--ui-kit-color-teal)}.kit-card.teal-theme .card-item{cursor:pointer}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.teal-theme .card-item-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .toggle-btn{color:var(--ui-kit-color-teal)}.kit-card.teal-theme .toggle-btn-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.grey-theme .head-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .head-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .card-count{border-color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .card-item{cursor:pointer}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.grey-theme .card-item-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .toggle-btn{color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .toggle-btn-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.orange-theme .head-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .head-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .card-count{border-color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .card-item{cursor:pointer}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.orange-theme .card-item-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .toggle-btn{color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .toggle-btn-icon{fill:var(--ui-kit-color-orange-2);stroke:none}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible", "kitTooltipOffset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
6656
- trigger('expandCollapse', [
6657
- state('true', style({ height: '*' })),
6658
- state('false', style({
6659
- height: '18px',
6660
- minHeight: '18px',
6661
- })),
6662
- transition('true => false', [
6663
- animate('0.2s ease-out'),
6664
- ]),
6665
- transition('false => true', [
6666
- animate('0.2s ease-in'),
6667
- ]),
6668
- ]),
6669
- ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6642
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitCardComponent, isStandalone: true, selector: "kit-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "@if (data(); as card) {\n <div class=\"kit-card {{ theme() }}-theme\">\n <div class=\"kit-card-head\">\n <kit-svg-icon class=\"head-icon\"\n [icon]=\"card.titleIcon\"\n [ngClass]=\"card.titleIconType\"\n ></kit-svg-icon>\n <div class=\"head-title\">{{ card.title }}</div>\n </div>\n <div class=\"kit-card-content\">\n <div class=\"card-count\">{{ card.count }}</div>\n <div class=\"card-label\">{{ card.label }}</div>\n @if (card.items; as items) {\n @if (items.length) {\n <div class=\"card-items\">\n @for (item of items; track item) {\n <a class=\"card-item\"\n [class.disabled]=\"item.disabled\"\n (click)=\"openItemLink(item)\">\n <div class=\"card-item-count\">{{ item.count ?? '' }}</div>\n <div class=\"card-item-text\">{{ item.label }}</div>\n @if (item.tooltip) {\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".card-item-icon\"\n class=\"card-item-icon\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.tooltip\"\n [icon]=\"KitSvgIcon.INFO_CIRCLE\"\n ></kit-svg-icon>\n } @else if (item.icon) {\n <kit-svg-icon class=\"card-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item.iconType\"\n ></kit-svg-icon>\n }\n </a>\n }\n </div>\n }\n }\n </div>\n <div class=\"kit-card-action\">\n <a [routerLink]=\"card.buttonDisabled ? null : (card.link ?? null)\"\n [queryParams]=\"card.navigationExtras?.queryParams\">\n <kit-button class=\"action-button\"\n [type]=\"KitButtonType.GHOST\"\n [kind]=\"KitButtonKind.MEDIUM\"\n [label]=\"card.buttonLabel\"\n [disabled]=\"card.buttonDisabled ?? false\"\n (clicked)=\"buttonClicked.emit()\"\n ></kit-button>\n </a>\n </div>\n </div>\n}\n", styles: [".kit-card{display:flex;flex-direction:column;padding:25px;width:100%;height:100%;color:var(--ui-kit-color-grey-10);font-weight:400;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-card-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-card .head-icon{width:32px;height:32px}.kit-card .head-title{display:flex;align-items:center;flex:1;height:36px;font-size:18px}.kit-card-content{display:flex;flex-direction:column;margin-top:10px;flex-grow:1;text-align:center}.kit-card .card-count{padding-bottom:10px;font-size:48px;border-bottom:2px solid var(--ui-kit-color-main);line-height:40px;letter-spacing:-2.4px}.kit-card .card-label{margin-top:10px;font-size:16px}.kit-card .card-items{display:flex;flex-direction:column;flex-grow:1;gap:5px;margin-top:15px;overflow:hidden}.kit-card .card-item{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-card .card-item:hover:not(.disabled){color:var(--ui-kit-color-hover)}.kit-card .card-item-count{font-weight:600}.kit-card .card-item-icon{width:16px;height:16px}.kit-card-action{margin-top:auto;padding-top:15px}.kit-card .action-button ::ng-deep .k-button{width:100%}.kit-card:hover{border-color:var(--ui-kit-color-hover)}.kit-card.default-theme .head-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .head-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .card-count{border-color:var(--ui-kit-color-main)}.kit-card.default-theme .card-item{cursor:pointer}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.default-theme .card-item-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.green-theme .head-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .head-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .card-count{border-color:var(--ui-kit-color-green-3)}.kit-card.green-theme .card-item{cursor:pointer}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.green-theme .card-item-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.pink-theme .head-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .head-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .card-count{border-color:var(--ui-kit-color-pink)}.kit-card.pink-theme .card-item{cursor:pointer}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.pink-theme .card-item-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.purple-theme .head-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .head-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .card-count{border-color:var(--ui-kit-color-purple)}.kit-card.purple-theme .card-item{cursor:pointer}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.purple-theme .card-item-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.teal-theme .head-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .head-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .card-count{border-color:var(--ui-kit-color-teal)}.kit-card.teal-theme .card-item{cursor:pointer}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.teal-theme .card-item-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.grey-theme .head-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .head-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .card-count{border-color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .card-item{cursor:pointer}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.grey-theme .card-item-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.orange-theme .head-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .head-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .card-count{border-color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .card-item{cursor:pointer}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.orange-theme .card-item-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible", "kitTooltipOffset"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6670
6643
  }
6671
6644
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCardComponent, decorators: [{
6672
6645
  type: Component,
6673
- args: [{ selector: 'kit-card', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
6674
- trigger('expandCollapse', [
6675
- state('true', style({ height: '*' })),
6676
- state('false', style({
6677
- height: '18px',
6678
- minHeight: '18px',
6679
- })),
6680
- transition('true => false', [
6681
- animate('0.2s ease-out'),
6682
- ]),
6683
- transition('false => true', [
6684
- animate('0.2s ease-in'),
6685
- ]),
6686
- ]),
6687
- ], imports: [
6646
+ args: [{ selector: 'kit-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
6688
6647
  KitSvgIconComponent,
6689
6648
  KitButtonComponent,
6690
6649
  RouterLink,
6691
6650
  KitTooltipDirective,
6692
6651
  NgClass,
6693
- ], template: "@if (data) {\n <div class=\"kit-card {{ theme }}-theme\">\n <div class=\"kit-card-head\">\n <kit-svg-icon class=\"head-icon\"\n [icon]=\"data.titleIcon\"\n [ngClass]=\"data?.titleIconType\"\n ></kit-svg-icon>\n <div class=\"head-title\">{{ data.title }}</div>\n </div>\n <div class=\"kit-card-content\">\n <div class=\"card-count\">{{ data.count }}</div>\n <div class=\"card-label\">{{ data.label }}</div>\n @if (data.items?.length) {\n <div class=\"card-items\"\n [@expandCollapse]=\"itemsExpanded\">\n @for (item of data.items; track item) {\n <a class=\"card-item\"\n [class.disabled]=\"item.disabled\"\n (click)=\"openItemLink(item)\">\n <div class=\"card-item-count\">{{ item.count ?? '' }}</div>\n <div class=\"card-item-text\">{{ item.label }}</div>\n @if (item.tooltip) {\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".card-item-icon\"\n class=\"card-item-icon\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.tooltip\"\n [icon]=\"KitSvgIcon.INFO_CIRCLE\"\n ></kit-svg-icon>\n } @else if (item.icon) {\n <kit-svg-icon class=\"card-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item.iconType\"\n ></kit-svg-icon>\n }\n </a>\n }\n </div>\n }\n @if (data.items?.length > 1 && !hideToggle) {\n <button class=\"toggle-btn\"\n (click)=\"toggleList()\">\n @if (itemsExpanded) {\n <span class=\"toggle-btn-label\">Show less</span>\n <kit-svg-icon class=\"toggle-btn-icon\"\n [icon]=\"KitSvgIcon.CARET_UP\"\n ></kit-svg-icon>\n } @else {\n <span class=\"toggle-btn-label\">Show more</span>\n <kit-svg-icon class=\"toggle-btn-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n }\n </button>\n }\n </div>\n <div class=\"kit-card-action\">\n <a [routerLink]=\"data.buttonDisabled ? null : data.link\"\n [queryParams]=\"data.navigationExtras?.queryParams\">\n <kit-button class=\"action-button\"\n [type]=\"KitButtonType.GHOST\"\n [kind]=\"KitButtonKind.MEDIUM\"\n [label]=\"data.buttonLabel\"\n [disabled]=\"data.buttonDisabled\"\n (clicked)=\"buttonClicked.emit()\"\n ></kit-button>\n </a>\n </div>\n </div>\n}\n", styles: [".kit-card{display:flex;flex-direction:column;padding:25px;width:100%;height:100%;color:var(--ui-kit-color-grey-10);font-weight:400;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-card-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-card .head-icon{width:32px;height:32px}.kit-card .head-title{display:flex;align-items:center;flex:1;height:36px;font-size:18px}.kit-card-content{display:flex;flex-direction:column;margin-top:10px;flex-grow:1;text-align:center}.kit-card .card-count{padding-bottom:10px;font-size:48px;border-bottom:2px solid var(--ui-kit-color-main);line-height:40px;letter-spacing:-2.4px}.kit-card .card-label{margin-top:10px;font-size:16px}.kit-card .card-items{display:flex;flex-direction:column;flex-grow:1;gap:5px;margin-top:15px;overflow:hidden}.kit-card .card-item{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-card .card-item:hover:not(.disabled){color:var(--ui-kit-color-hover)}.kit-card .card-item-count{font-weight:600}.kit-card .card-item-icon{width:16px;height:16px}.kit-card .toggle-btn{display:inline-flex;justify-content:center;gap:3px;margin-top:5px;padding:0;color:var(--ui-kit-color-main);border:none;background:transparent;cursor:pointer}.kit-card .toggle-btn-label{font-size:14px;font-weight:500}.kit-card .toggle-btn-icon{width:16px;height:16px}.kit-card-action{margin-top:auto;padding-top:15px}.kit-card .action-button ::ng-deep .k-button{width:100%}.kit-card:hover{border-color:var(--ui-kit-color-hover)}.kit-card.default-theme .head-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .head-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .card-count{border-color:var(--ui-kit-color-main)}.kit-card.default-theme .card-item{cursor:pointer}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.default-theme .card-item-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .toggle-btn{color:var(--ui-kit-color-main)}.kit-card.default-theme .toggle-btn-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.green-theme .head-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .head-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .card-count{border-color:var(--ui-kit-color-green-3)}.kit-card.green-theme .card-item{cursor:pointer}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.green-theme .card-item-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .toggle-btn{color:var(--ui-kit-color-green-3)}.kit-card.green-theme .toggle-btn-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.pink-theme .head-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .head-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .card-count{border-color:var(--ui-kit-color-pink)}.kit-card.pink-theme .card-item{cursor:pointer}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.pink-theme .card-item-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .toggle-btn{color:var(--ui-kit-color-pink)}.kit-card.pink-theme .toggle-btn-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.purple-theme .head-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .head-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .card-count{border-color:var(--ui-kit-color-purple)}.kit-card.purple-theme .card-item{cursor:pointer}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.purple-theme .card-item-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .toggle-btn{color:var(--ui-kit-color-purple)}.kit-card.purple-theme .toggle-btn-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.teal-theme .head-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .head-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .card-count{border-color:var(--ui-kit-color-teal)}.kit-card.teal-theme .card-item{cursor:pointer}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.teal-theme .card-item-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .toggle-btn{color:var(--ui-kit-color-teal)}.kit-card.teal-theme .toggle-btn-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.grey-theme .head-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .head-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .card-count{border-color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .card-item{cursor:pointer}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.grey-theme .card-item-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .toggle-btn{color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .toggle-btn-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.orange-theme .head-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .head-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .card-count{border-color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .card-item{cursor:pointer}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.orange-theme .card-item-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .toggle-btn{color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .toggle-btn-icon{fill:var(--ui-kit-color-orange-2);stroke:none}\n"] }]
6694
- }], propDecorators: { data: [{
6695
- type: Input
6696
- }], theme: [{
6697
- type: Input
6698
- }], itemsExpanded: [{
6699
- type: Input
6700
- }], hideToggle: [{
6701
- type: Input
6702
- }], buttonClicked: [{
6703
- type: Output
6704
- }], toggleClicked: [{
6705
- type: Output
6706
- }] } });
6652
+ ], template: "@if (data(); as card) {\n <div class=\"kit-card {{ theme() }}-theme\">\n <div class=\"kit-card-head\">\n <kit-svg-icon class=\"head-icon\"\n [icon]=\"card.titleIcon\"\n [ngClass]=\"card.titleIconType\"\n ></kit-svg-icon>\n <div class=\"head-title\">{{ card.title }}</div>\n </div>\n <div class=\"kit-card-content\">\n <div class=\"card-count\">{{ card.count }}</div>\n <div class=\"card-label\">{{ card.label }}</div>\n @if (card.items; as items) {\n @if (items.length) {\n <div class=\"card-items\">\n @for (item of items; track item) {\n <a class=\"card-item\"\n [class.disabled]=\"item.disabled\"\n (click)=\"openItemLink(item)\">\n <div class=\"card-item-count\">{{ item.count ?? '' }}</div>\n <div class=\"card-item-text\">{{ item.label }}</div>\n @if (item.tooltip) {\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".card-item-icon\"\n class=\"card-item-icon\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.tooltip\"\n [icon]=\"KitSvgIcon.INFO_CIRCLE\"\n ></kit-svg-icon>\n } @else if (item.icon) {\n <kit-svg-icon class=\"card-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item.iconType\"\n ></kit-svg-icon>\n }\n </a>\n }\n </div>\n }\n }\n </div>\n <div class=\"kit-card-action\">\n <a [routerLink]=\"card.buttonDisabled ? null : (card.link ?? null)\"\n [queryParams]=\"card.navigationExtras?.queryParams\">\n <kit-button class=\"action-button\"\n [type]=\"KitButtonType.GHOST\"\n [kind]=\"KitButtonKind.MEDIUM\"\n [label]=\"card.buttonLabel\"\n [disabled]=\"card.buttonDisabled ?? false\"\n (clicked)=\"buttonClicked.emit()\"\n ></kit-button>\n </a>\n </div>\n </div>\n}\n", styles: [".kit-card{display:flex;flex-direction:column;padding:25px;width:100%;height:100%;color:var(--ui-kit-color-grey-10);font-weight:400;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-card-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-card .head-icon{width:32px;height:32px}.kit-card .head-title{display:flex;align-items:center;flex:1;height:36px;font-size:18px}.kit-card-content{display:flex;flex-direction:column;margin-top:10px;flex-grow:1;text-align:center}.kit-card .card-count{padding-bottom:10px;font-size:48px;border-bottom:2px solid var(--ui-kit-color-main);line-height:40px;letter-spacing:-2.4px}.kit-card .card-label{margin-top:10px;font-size:16px}.kit-card .card-items{display:flex;flex-direction:column;flex-grow:1;gap:5px;margin-top:15px;overflow:hidden}.kit-card .card-item{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-card .card-item:hover:not(.disabled){color:var(--ui-kit-color-hover)}.kit-card .card-item-count{font-weight:600}.kit-card .card-item-icon{width:16px;height:16px}.kit-card-action{margin-top:auto;padding-top:15px}.kit-card .action-button ::ng-deep .k-button{width:100%}.kit-card:hover{border-color:var(--ui-kit-color-hover)}.kit-card.default-theme .head-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .head-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .card-count{border-color:var(--ui-kit-color-main)}.kit-card.default-theme .card-item{cursor:pointer}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.default-theme .card-item-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.green-theme .head-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .head-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .card-count{border-color:var(--ui-kit-color-green-3)}.kit-card.green-theme .card-item{cursor:pointer}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.green-theme .card-item-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.pink-theme .head-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .head-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .card-count{border-color:var(--ui-kit-color-pink)}.kit-card.pink-theme .card-item{cursor:pointer}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.pink-theme .card-item-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.purple-theme .head-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .head-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .card-count{border-color:var(--ui-kit-color-purple)}.kit-card.purple-theme .card-item{cursor:pointer}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.purple-theme .card-item-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.teal-theme .head-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .head-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .card-count{border-color:var(--ui-kit-color-teal)}.kit-card.teal-theme .card-item{cursor:pointer}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.teal-theme .card-item-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.grey-theme .head-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .head-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .card-count{border-color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .card-item{cursor:pointer}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.grey-theme .card-item-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.orange-theme .head-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .head-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .card-count{border-color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .card-item{cursor:pointer}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.orange-theme .card-item-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}\n"] }]
6653
+ }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], buttonClicked: [{ type: i0.Output, args: ["buttonClicked"] }] } });
6707
6654
 
6708
6655
  var KitStatusLabelColor;
6709
6656
  (function (KitStatusLabelColor) {