@konce-pt/angular 0.7.6 → 0.7.7

package/fesm2022/konce-pt-angular-roadmap.mjs

@@ -1478,7 +1478,7 @@ function KptRoadmap_Conditional_12_For_8_Conditional_5_Conditional_0_Template(rf
     i0.ɵɵelement(0, "div", 45);
 } if (rf & 2) {
     const sum_r11 = ctx;
-    i0.ɵɵstyleProp("inset-inline-start", sum_r11.left, "%")("inline-size", sum_r11.width, "%")("background", sum_r11.color);
+    i0.ɵɵstyleProp("inset-inline-start", sum_r11.left, "%")("inline-size", sum_r11.width, "%")("background-color", sum_r11.color);
     i0.ɵɵattribute("data-variant", sum_r11.variant);
 } }
 function KptRoadmap_Conditional_12_For_8_Conditional_5_Template(rf, ctx) { if (rf & 1) {
@@ -1497,7 +1497,7 @@ function KptRoadmap_Conditional_12_For_8_Conditional_6_For_1_Conditional_0_Templ
 } if (rf & 2) {
     const bar_r13 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleProp("inset-inline-start", bar_r13.left, "%")("inset-block-start", bar_r13.top, "px")("inline-size", bar_r13.height, "px")("block-size", bar_r13.height, "px")("background", bar_r13.color);
+    i0.ɵɵstyleProp("inset-inline-start", bar_r13.left, "%")("inset-block-start", bar_r13.top, "px")("inline-size", bar_r13.height, "px")("block-size", bar_r13.height, "px")("background-color", bar_r13.color);
     i0.ɵɵproperty("kptTooltip", bar_r13.title);
     i0.ɵɵattribute("data-variant", bar_r13.variant)("aria-label", ctx_r1.i18n.t("roadmap.milestone") + ": " + bar_r13.label);
 } }
@@ -1517,7 +1517,7 @@ function KptRoadmap_Conditional_12_For_8_Conditional_6_For_1_Conditional_1_Templ
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const bar_r13 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵstyleProp("inset-inline-start", bar_r13.left, "%")("inline-size", bar_r13.width, "%")("inset-block-start", bar_r13.top, "px")("block-size", bar_r13.height, "px")("background", bar_r13.color);
+    i0.ɵɵstyleProp("inset-inline-start", bar_r13.left, "%")("inline-size", bar_r13.width, "%")("inset-block-start", bar_r13.top, "px")("block-size", bar_r13.height, "px")("background-color", bar_r13.color);
     i0.ɵɵclassProp("kpt-roadmap__bar--clipped-start", bar_r13.clippedStart)("kpt-roadmap__bar--clipped-end", bar_r13.clippedEnd)("kpt-roadmap__bar--disabled", bar_r13.item.source.disabled);
     i0.ɵɵproperty("kptTooltip", bar_r13.title);
     i0.ɵɵattribute("data-variant", bar_r13.variant);
@@ -1868,7 +1868,7 @@ class KptRoadmap {
         } }, hostAttrs: [1, "kpt-roadmap"], hostVars: 8, hostBindings: function KptRoadmap_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵstyleProp("--%NS%kpt-roadmap-cells", ctx.timeline().cells.length)("--%NS%kpt-roadmap-cell-w", ctx.cellWidth(), "px")("--%NS%kpt-roadmap-label-w", ctx.labelWidth());
             i0.ɵɵclassProp("kpt-roadmap--fixed-height", !!ctx.scrollHeight());
-        } }, inputs: { config: [1, "config"], scrollHeight: [1, "scrollHeight"], labelWidth: [1, "labelWidth"], cellWidthPx: [1, "cellWidthPx"], showToday: [1, "showToday"], virtual: [1, "virtual"], collapsedGroups: [1, "collapsedGroups"] }, outputs: { collapsedGroups: "collapsedGroupsChange", itemClick: "itemClick", rangeChange: "rangeChange" }, decls: 13, vars: 5, consts: [["scrollEl", ""], ["laneMeasure", ""], [1, "kpt-roadmap__scroll", 3, "scroll"], [1, "kpt-roadmap__head"], [1, "kpt-roadmap__head-label"], [1, "kpt-roadmap__head-track"], [1, "kpt-roadmap__bands"], [1, "kpt-roadmap__cells"], [1, "kpt-roadmap__cell", 3, "kpt-roadmap__cell--weekend", "kpt-roadmap__cell--today", "kpt-roadmap__cell--year-boundary", "kpt-roadmap__cell--gap-before", "inline-size", "kptTooltip"], [1, "kpt-roadmap__today-dot", 3, "inset-inline-start"], [1, "kpt-roadmap__empty"], [1, "kpt-roadmap__body", 3, "block-size"], ["kptTooltipOnlyWhenTruncated", "", 1, "kpt-roadmap__band", 3, "kpt-roadmap__band--year-start", "inline-size", "kptTooltip"], ["kptTooltipOnlyWhenTruncated", "", 1, "kpt-roadmap__band", 3, "kptTooltip"], [1, "kpt-roadmap__year-badge"], [1, "kpt-roadmap__band-label"], [1, "kpt-roadmap__band-sublabel"], [1, "kpt-roadmap__cell", 3, "kptTooltip"], [1, "kpt-roadmap__cell-label"], [1, "kpt-roadmap__cell-sublabel"], [1, "kpt-roadmap__today-dot"], [1, "kpt-roadmap__body"], ["aria-hidden", "true", 1, "kpt-roadmap__grid"], [1, "kpt-roadmap__grid-cells"], [1, "kpt-roadmap__grid-cell", 3, "kpt-roadmap__grid-cell--weekend", "kpt-roadmap__grid-cell--non-working", "kpt-roadmap__grid-cell--year-boundary", "kpt-roadmap__grid-cell--gap-before", "inline-size"], [1, "kpt-roadmap__today", 3, "inset-inline-start"], ["aria-hidden", "true", 1, "kpt-roadmap__links"], [1, "kpt-roadmap__row", 3, "kpt-roadmap__row--group", "inset-block-start", "block-size"], [1, "kpt-roadmap__grid-cell"], [1, "kpt-roadmap__today"], [1, "kpt-roadmap__link", 3, "kpt-roadmap__link--violated"], [1, "kpt-roadmap__link"], [1, "kpt-roadmap__link-path"], [1, "kpt-roadmap__link-arrow"], [1, "kpt-roadmap__row"], ["kptTooltipOnlyWhenTruncated", "", 1, "kpt-roadmap__label", 3, "kptTooltip"], [1, "kpt-roadmap__lane"], ["type", "button", 1, "kpt-roadmap__toggle", 3, "click"], [1, "kpt-roadmap__toggle-icon"], ["kptTooltipOnlyWhenTruncated", "", 1, "kpt-roadmap__label-stack", 3, "kptTooltip"], [1, "kpt-roadmap__label-text", "kpt-roadmap__label-text--group"], [1, "kpt-roadmap__label-sub"], [1, "kpt-roadmap__label-count"], [1, "kpt-roadmap__label-text"], [1, "kpt-roadmap__summary", 3, "inset-inline-start", "inline-size", "background"], [1, "kpt-roadmap__summary"], ["tabindex", "0", 1, "kpt-roadmap__milestone", 3, "kptTooltip", "inset-inline-start", "inset-block-start", "inline-size", "block-size", "background"], ["kptTooltipOnlyWhenTruncated", "", "tabindex", "0", 1, "kpt-roadmap__bar", 3, "kptTooltip", "kpt-roadmap__bar--clipped-start", "kpt-roadmap__bar--clipped-end", "kpt-roadmap__bar--disabled", "inset-inline-start", "inline-size", "inset-block-start", "block-size", "background"], ["tabindex", "0", 1, "kpt-roadmap__milestone", 3, "click", "keydown", "kptTooltip"], ["kptTooltipOnlyWhenTruncated", "", "tabindex", "0", 1, "kpt-roadmap__bar", 3, "click", "keydown", "kptTooltip"], [1, "kpt-roadmap__bar-progress", 3, "inline-size"], [1, "kpt-roadmap__bar-label"], [1, "kpt-roadmap__bar-progress"]], template: function KptRoadmap_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { config: [1, "config"], scrollHeight: [1, "scrollHeight"], labelWidth: [1, "labelWidth"], cellWidthPx: [1, "cellWidthPx"], showToday: [1, "showToday"], virtual: [1, "virtual"], collapsedGroups: [1, "collapsedGroups"] }, outputs: { collapsedGroups: "collapsedGroupsChange", itemClick: "itemClick", rangeChange: "rangeChange" }, decls: 13, vars: 5, consts: [["scrollEl", ""], ["laneMeasure", ""], [1, "kpt-roadmap__scroll", 3, "scroll"], [1, "kpt-roadmap__head"], [1, "kpt-roadmap__head-label"], [1, "kpt-roadmap__head-track"], [1, "kpt-roadmap__bands"], [1, "kpt-roadmap__cells"], [1, "kpt-roadmap__cell", 3, "kpt-roadmap__cell--weekend", "kpt-roadmap__cell--today", "kpt-roadmap__cell--year-boundary", "kpt-roadmap__cell--gap-before", "inline-size", "kptTooltip"], [1, "kpt-roadmap__today-dot", 3, "inset-inline-start"], [1, "kpt-roadmap__empty"], [1, "kpt-roadmap__body", 3, "block-size"], ["kptTooltipOnlyWhenTruncated", "", 1, "kpt-roadmap__band", 3, "kpt-roadmap__band--year-start", "inline-size", "kptTooltip"], ["kptTooltipOnlyWhenTruncated", "", 1, "kpt-roadmap__band", 3, "kptTooltip"], [1, "kpt-roadmap__year-badge"], [1, "kpt-roadmap__band-label"], [1, "kpt-roadmap__band-sublabel"], [1, "kpt-roadmap__cell", 3, "kptTooltip"], [1, "kpt-roadmap__cell-label"], [1, "kpt-roadmap__cell-sublabel"], [1, "kpt-roadmap__today-dot"], [1, "kpt-roadmap__body"], ["aria-hidden", "true", 1, "kpt-roadmap__grid"], [1, "kpt-roadmap__grid-cells"], [1, "kpt-roadmap__grid-cell", 3, "kpt-roadmap__grid-cell--weekend", "kpt-roadmap__grid-cell--non-working", "kpt-roadmap__grid-cell--year-boundary", "kpt-roadmap__grid-cell--gap-before", "inline-size"], [1, "kpt-roadmap__today", 3, "inset-inline-start"], ["aria-hidden", "true", 1, "kpt-roadmap__links"], [1, "kpt-roadmap__row", 3, "kpt-roadmap__row--group", "inset-block-start", "block-size"], [1, "kpt-roadmap__grid-cell"], [1, "kpt-roadmap__today"], [1, "kpt-roadmap__link", 3, "kpt-roadmap__link--violated"], [1, "kpt-roadmap__link"], [1, "kpt-roadmap__link-path"], [1, "kpt-roadmap__link-arrow"], [1, "kpt-roadmap__row"], ["kptTooltipOnlyWhenTruncated", "", 1, "kpt-roadmap__label", 3, "kptTooltip"], [1, "kpt-roadmap__lane"], ["type", "button", 1, "kpt-roadmap__toggle", 3, "click"], [1, "kpt-roadmap__toggle-icon"], ["kptTooltipOnlyWhenTruncated", "", 1, "kpt-roadmap__label-stack", 3, "kptTooltip"], [1, "kpt-roadmap__label-text", "kpt-roadmap__label-text--group"], [1, "kpt-roadmap__label-sub"], [1, "kpt-roadmap__label-count"], [1, "kpt-roadmap__label-text"], [1, "kpt-roadmap__summary", 3, "inset-inline-start", "inline-size", "background-color"], [1, "kpt-roadmap__summary"], ["tabindex", "0", 1, "kpt-roadmap__milestone", 3, "kptTooltip", "inset-inline-start", "inset-block-start", "inline-size", "block-size", "background-color"], ["kptTooltipOnlyWhenTruncated", "", "tabindex", "0", 1, "kpt-roadmap__bar", 3, "kptTooltip", "kpt-roadmap__bar--clipped-start", "kpt-roadmap__bar--clipped-end", "kpt-roadmap__bar--disabled", "inset-inline-start", "inline-size", "inset-block-start", "block-size", "background-color"], ["tabindex", "0", 1, "kpt-roadmap__milestone", 3, "click", "keydown", "kptTooltip"], ["kptTooltipOnlyWhenTruncated", "", "tabindex", "0", 1, "kpt-roadmap__bar", 3, "click", "keydown", "kptTooltip"], [1, "kpt-roadmap__bar-progress", 3, "inline-size"], [1, "kpt-roadmap__bar-label"], [1, "kpt-roadmap__bar-progress"]], template: function KptRoadmap_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2, 0);
             i0.ɵɵlistener("scroll", function KptRoadmap_Template_div_scroll_0_listener($event) { return ctx.onScroll($event); });
             i0.ɵɵelementStart(2, "div", 3);
@@ -1902,7 +1902,7 @@ class KptRoadmap {
                     '[style.--kpt-roadmap-cell-w.px]': 'cellWidth()',
                     '[style.--kpt-roadmap-label-w]': 'labelWidth()',
                     '[class.kpt-roadmap--fixed-height]': '!!scrollHeight()',
-                }, template: "<div\n  #scrollEl\n  class=\"kpt-roadmap__scroll\"\n  [style.max-block-size]=\"scrollHeight()\"\n  (scroll)=\"onScroll($event)\"\n>\n  <!-- Nag\u0142\u00F3wek: przykleja si\u0119 do g\u00F3ry, gdy podano sta\u0142\u0105 wysoko\u015B\u0107. -->\n  <div class=\"kpt-roadmap__head\">\n    <div class=\"kpt-roadmap__head-label\"></div>\n\n    <div class=\"kpt-roadmap__head-track\">\n      @if (timeline().hasBands) {\n        <div class=\"kpt-roadmap__bands\">\n          @for (band of timeline().bands; track band.key) {\n            <div\n              class=\"kpt-roadmap__band\"\n              [class.kpt-roadmap__band--year-start]=\"band.isYearStart\"\n              [style.inline-size.%]=\"(band.ratioEnd - band.ratioStart) * 100\"\n              [kptTooltip]=\"band.sublabel ? band.label + ' ' + band.sublabel : band.label\"\n              kptTooltipOnlyWhenTruncated\n            >\n              @if (band.yearBadge) {\n                <span class=\"kpt-roadmap__year-badge\">{{ band.yearBadge }}</span>\n              }\n              <span class=\"kpt-roadmap__band-label\">{{ band.label }}</span>\n              @if (band.sublabel && !band.yearBadge) {\n                <span class=\"kpt-roadmap__band-sublabel\">{{ band.sublabel }}</span>\n              }\n            </div>\n          }\n        </div>\n      }\n\n      <!-- Nag\u0142\u00F3wek definiuje siatk\u0119, wi\u0119c to on jest \u017Ar\u00F3d\u0142em pomiaru szeroko\u015Bci toru. -->\n      <div #laneMeasure class=\"kpt-roadmap__cells\">\n        @for (cell of timeline().cells; track cell.key) {\n          <div\n            class=\"kpt-roadmap__cell\"\n            [class.kpt-roadmap__cell--weekend]=\"cell.isWeekend\"\n            [class.kpt-roadmap__cell--today]=\"cell.isToday && showToday()\"\n            [class.kpt-roadmap__cell--year-boundary]=\"cell.isYearBoundary\"\n            [class.kpt-roadmap__cell--gap-before]=\"cell.hasGapBefore\"\n            [style.inline-size.%]=\"(cell.ratioEnd - cell.ratioStart) * 100\"\n            [kptTooltip]=\"cell.title\"\n          >\n            <span class=\"kpt-roadmap__cell-label\">{{ cell.label }}</span>\n            @if (cell.sublabel) {\n              <span class=\"kpt-roadmap__cell-sublabel\">{{ cell.sublabel }}</span>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Znacznik \u201Edzi\u015B\" mieszka w nag\u0142\u00F3wku: warstwa siatki ma w\u0142asny kontekst\n           uk\u0142adania, wi\u0119c nic w niej nie mo\u017Ce znale\u017A\u0107 si\u0119 nad nag\u0142\u00F3wkiem. -->\n      @if (showToday() && timeline().todayRatio !== null) {\n        <span\n          class=\"kpt-roadmap__today-dot\"\n          [style.inset-inline-start.%]=\"timeline().todayRatio! * 100\"\n          [attr.title]=\"i18n.t('roadmap.today')\"\n        ></span>\n      }\n    </div>\n  </div>\n\n  @if (isEmpty()) {\n    <div class=\"kpt-roadmap__empty\">{{ i18n.t('roadmap.empty') }}</div>\n  } @else {\n    <div class=\"kpt-roadmap__body\" [style.block-size.px]=\"layout().totalHeight\">\n      <!-- Siatka t\u0142a: kolumny weekendowe, granice roku i znacznik dzi\u015B. -->\n      <div class=\"kpt-roadmap__grid\" aria-hidden=\"true\">\n        <div class=\"kpt-roadmap__grid-cells\">\n          @for (cell of timeline().cells; track cell.key) {\n            <div\n              class=\"kpt-roadmap__grid-cell\"\n              [class.kpt-roadmap__grid-cell--weekend]=\"cell.isWeekend\"\n              [class.kpt-roadmap__grid-cell--non-working]=\"cell.isNonWorking\"\n              [class.kpt-roadmap__grid-cell--year-boundary]=\"cell.isYearBoundary\"\n              [class.kpt-roadmap__grid-cell--gap-before]=\"cell.hasGapBefore\"\n              [style.inline-size.%]=\"(cell.ratioEnd - cell.ratioStart) * 100\"\n            ></div>\n          }\n        </div>\n\n        @if (showToday() && timeline().todayRatio !== null) {\n          <!-- Sama prowadnica; znacznik siedzi w nag\u0142\u00F3wku, \u017Ceby by\u0142 nad nim widoczny. -->\n          <div class=\"kpt-roadmap__today\" [style.inset-inline-start.%]=\"timeline().todayRatio! * 100\"></div>\n        }\n      </div>\n\n      <!-- Zale\u017Cno\u015Bci rysowane nad paskami, pod kolumn\u0105 etykiet. -->\n      @if (links().length > 0) {\n        <svg\n          class=\"kpt-roadmap__links\"\n          [attr.viewBox]=\"'0 0 ' + laneWidth() + ' ' + layout().totalHeight\"\n          [attr.width]=\"laneWidth()\"\n          [attr.height]=\"layout().totalHeight\"\n          aria-hidden=\"true\"\n        >\n          @for (link of links(); track link.key) {\n            <g\n              class=\"kpt-roadmap__link\"\n              [class.kpt-roadmap__link--violated]=\"link.isViolated\"\n              [attr.data-variant]=\"link.variant\"\n            >\n              <path class=\"kpt-roadmap__link-path\" [attr.d]=\"link.path\" [style.stroke]=\"link.color\" />\n              <path class=\"kpt-roadmap__link-arrow\" [attr.d]=\"link.arrow\" [style.fill]=\"link.color\" />\n            </g>\n          }\n        </svg>\n      }\n\n      @for (row of visibleRows(); track row.key) {\n        <div\n          class=\"kpt-roadmap__row\"\n          [class.kpt-roadmap__row--group]=\"row.kind === 'group'\"\n          [style.inset-block-start.px]=\"row.top\"\n          [style.block-size.px]=\"row.height\"\n        >\n          <div\n            class=\"kpt-roadmap__label\"\n            [style.padding-inline-start.rem]=\"0.75 + row.depth * 1\"\n            [class.kpt-roadmap__label--group]=\"row.kind === 'group'\"\n            [kptTooltip]=\"labelTooltip(row)\"\n            kptTooltipOnlyWhenTruncated\n          >\n            @if (row.group; as group) {\n              <button\n                type=\"button\"\n                class=\"kpt-roadmap__toggle\"\n                [attr.aria-expanded]=\"!isCollapsed(group)\"\n                [attr.aria-label]=\"isCollapsed(group) ? i18n.t('roadmap.expandGroup') : i18n.t('roadmap.collapseGroup')\"\n                (click)=\"toggleGroup(group)\"\n              >\n                <span class=\"kpt-roadmap__toggle-icon\" [class.kpt-roadmap__toggle-icon--open]=\"!isCollapsed(group)\">\n                </span>\n              </button>\n              <!-- Dymek siedzi na stacku, nie na ca\u0142ej etykiecie: w grupie tekst jest\n                   o poziom g\u0142\u0119biej, a pomiar obejmuje tylko bezpo\u015Brednie dzieci hosta. -->\n              <span\n                class=\"kpt-roadmap__label-stack\"\n                [kptTooltip]=\"group.sublabel ? group.label + ' \u2014 ' + group.sublabel : group.label\"\n                kptTooltipOnlyWhenTruncated\n              >\n                <span class=\"kpt-roadmap__label-text kpt-roadmap__label-text--group\">{{ group.label }}</span>\n                @if (group.sublabel) {\n                  <span class=\"kpt-roadmap__label-sub\">{{ group.sublabel }}</span>\n                }\n              </span>\n              @if (row.groupState; as state) {\n                @if (state.itemCount) {\n                  <span class=\"kpt-roadmap__label-count\">{{ state.itemCount }}</span>\n                }\n              }\n            } @else if (row.items[0]; as first) {\n              <span class=\"kpt-roadmap__label-text\">{{ first.source.label }}</span>\n              @if (row.items.length === 1 && first.source.sublabel) {\n                <span class=\"kpt-roadmap__label-sub\">{{ first.source.sublabel }}</span>\n              }\n            }\n          </div>\n\n          <div class=\"kpt-roadmap__lane\">\n            @if (row.kind === 'group') {\n              @if (summary(row); as sum) {\n                <div\n                  class=\"kpt-roadmap__summary\"\n                  [attr.data-variant]=\"sum.variant\"\n                  [style.inset-inline-start.%]=\"sum.left\"\n                  [style.inline-size.%]=\"sum.width\"\n                  [style.background]=\"sum.color\"\n                ></div>\n              }\n            } @else {\n              @for (bar of bars(row); track bar.item.id) {\n                @if (bar.isMilestone) {\n                  <div\n                    class=\"kpt-roadmap__milestone\"\n                    [attr.data-variant]=\"bar.variant\"\n                    [kptTooltip]=\"bar.title\"\n                    [attr.aria-label]=\"i18n.t('roadmap.milestone') + ': ' + bar.label\"\n                    [style.inset-inline-start.%]=\"bar.left\"\n                    [style.inset-block-start.px]=\"bar.top\"\n                    [style.inline-size.px]=\"bar.height\"\n                    [style.block-size.px]=\"bar.height\"\n                    [style.background]=\"bar.color\"\n                    tabindex=\"0\"\n                    (click)=\"onItemClick(bar.item)\"\n                    (keydown)=\"onItemKeydown($event, bar.item)\"\n                  ></div>\n                } @else {\n                  <div\n                    class=\"kpt-roadmap__bar\"\n                    [attr.data-variant]=\"bar.variant\"\n                    [kptTooltip]=\"bar.title\"\n                    kptTooltipOnlyWhenTruncated\n                    [class.kpt-roadmap__bar--clipped-start]=\"bar.clippedStart\"\n                    [class.kpt-roadmap__bar--clipped-end]=\"bar.clippedEnd\"\n                    [class.kpt-roadmap__bar--disabled]=\"bar.item.source.disabled\"\n                    [style.inset-inline-start.%]=\"bar.left\"\n                    [style.inline-size.%]=\"bar.width\"\n                    [style.inset-block-start.px]=\"bar.top\"\n                    [style.block-size.px]=\"bar.height\"\n                    [style.background]=\"bar.color\"\n                    tabindex=\"0\"\n                    (click)=\"onItemClick(bar.item)\"\n                    (keydown)=\"onItemKeydown($event, bar.item)\"\n                  >\n                    @if (bar.progress !== null) {\n                      <span class=\"kpt-roadmap__bar-progress\" [style.inline-size.%]=\"bar.progress * 100\"></span>\n                    }\n                    <span class=\"kpt-roadmap__bar-label\">{{ bar.label }}</span>\n                  </div>\n                }\n              }\n            }\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer kpt.components{.kpt-roadmap{display:block;--kpt-roadmap-cells: 1;--kpt-roadmap-cell-w: 76px;--kpt-roadmap-label-w: 14rem;--kpt-roadmap-track-w: calc(var(--kpt-roadmap-cell-w) * var(--kpt-roadmap-cells));color:var(--kpt-color-on-surface);font-family:var(--kpt-font-family-sans);background:var(--kpt-color-surface);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-lg, .75rem);overflow:hidden}.kpt-roadmap__scroll{overflow:auto;position:relative}.kpt-roadmap__head,.kpt-roadmap__row{display:grid;grid-template-columns:var(--kpt-roadmap-label-w) minmax(var(--kpt-roadmap-track-w),1fr);inline-size:max-content;min-inline-size:100%}.kpt-roadmap__head{position:sticky;inset-block-start:0;z-index:4;background:var(--kpt-color-surface-variant, var(--kpt-color-surface));border-block-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__head-label{position:sticky;inset-inline-start:0;z-index:5;background:var(--kpt-color-surface-variant, var(--kpt-color-surface));border-inline-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__head-track{position:relative;display:flex;flex-direction:column;min-inline-size:0}.kpt-roadmap__bands,.kpt-roadmap__cells,.kpt-roadmap__grid-cells{display:flex;inline-size:100%}.kpt-roadmap__band{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--kpt-space-2, .5rem);min-inline-size:0;padding:var(--kpt-space-2, .5rem) var(--kpt-space-3, .75rem);font-size:var(--kpt-font-size-sm, .875rem);font-weight:var(--kpt-font-weight-medium, 500);color:var(--kpt-color-on-surface-muted);white-space:nowrap;overflow:hidden;border-inline-start:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__band:first-child{border-inline-start:0}.kpt-roadmap__band--year-start{border-inline-start:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-border-strong)}.kpt-roadmap__band-label{overflow:hidden;text-overflow:ellipsis}.kpt-roadmap__band-sublabel{color:var(--kpt-color-text-subtle, var(--kpt-color-on-surface-muted))}.kpt-roadmap__year-badge{display:inline-flex;align-items:center;padding:.125rem var(--kpt-space-2, .5rem);font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-semibold, 600);color:var(--kpt-color-surface);background:var(--kpt-color-on-surface);border-radius:var(--kpt-radius-full, 9999px)}.kpt-roadmap__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-inline-size:0;padding:var(--kpt-space-2, .5rem) .25rem;text-align:center;white-space:nowrap;border-inline-start:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__cell:first-child{border-inline-start:0}.kpt-roadmap__cell-label{font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-semibold, 600);letter-spacing:.02em;text-transform:uppercase;color:var(--kpt-color-on-surface-muted)}.kpt-roadmap__cell-sublabel{font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-text-subtle, var(--kpt-color-on-surface-muted));overflow:hidden;text-overflow:ellipsis;inline-size:100%}.kpt-roadmap__cell--weekend{background:var(--kpt-color-surface-sunken, var(--kpt-color-muted))}.kpt-roadmap__cell--today .kpt-roadmap__cell-label{color:var(--kpt-color-primary)}.kpt-roadmap__cell--year-boundary,.kpt-roadmap__grid-cell--year-boundary{border-inline-start:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-border-strong)}.kpt-roadmap__cell--gap-before,.kpt-roadmap__grid-cell--gap-before{border-inline-start:var(--kpt-border-width-thin, 1px) dashed var(--kpt-color-border-strong)}.kpt-roadmap__body{position:relative;inline-size:calc(var(--kpt-roadmap-label-w) + var(--kpt-roadmap-track-w));min-inline-size:100%}.kpt-roadmap__grid{position:absolute;inset-block:0;inset-inline-start:var(--kpt-roadmap-label-w);inset-inline-end:0;z-index:0;pointer-events:none}.kpt-roadmap__grid-cells{block-size:100%}.kpt-roadmap__grid-cell{min-inline-size:0;border-inline-start:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__grid-cell:first-child{border-inline-start:0}.kpt-roadmap__grid-cell--weekend,.kpt-roadmap__grid-cell--non-working{background:var(--kpt-color-surface-sunken, var(--kpt-color-muted))}.kpt-roadmap__today{position:absolute;inset-block:0;inline-size:0;border-inline-start:var(--kpt-border-width-medium, 2px) dashed color-mix(in oklch,var(--kpt-color-primary) 40%,transparent)}.kpt-roadmap__today-dot{position:absolute;inset-block-end:0rem;inline-size:.5rem;block-size:.5rem;transform:translate(-50%);background:color-mix(in oklch,var(--kpt-color-primary) 40%,transparent);border-radius:var(--kpt-radius-full, 9999px);pointer-events:none}.kpt-roadmap__links{position:absolute;inset-block-start:0;inset-inline-start:var(--kpt-roadmap-label-w);z-index:2;pointer-events:none;overflow:visible}.kpt-roadmap__link-path{fill:none;stroke:var(--kpt-color-on-surface-muted);stroke-width:1.75}.kpt-roadmap__link-arrow{fill:var(--kpt-color-on-surface-muted)}.kpt-roadmap__link--violated .kpt-roadmap__link-path{stroke:var(--kpt-color-danger);stroke-dasharray:4 3}.kpt-roadmap__link--violated .kpt-roadmap__link-arrow{fill:var(--kpt-color-danger)}.kpt-roadmap__row{position:absolute;inset-inline:0;border-block-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__row:hover{background:color-mix(in oklch,var(--kpt-color-primary) 10%,transparent)}.kpt-roadmap__row:hover .kpt-roadmap__label{background:color-mix(in oklch,var(--kpt-color-primary) 10%,var(--kpt-color-surface))}.kpt-roadmap__row--group,.kpt-roadmap__row--group .kpt-roadmap__label{background:var(--kpt-color-surface-variant, var(--kpt-color-surface))}.kpt-roadmap__row--group:hover,.kpt-roadmap__row--group:hover .kpt-roadmap__label{background:color-mix(in oklch,var(--kpt-color-primary) 10%,var(--kpt-color-surface-variant, var(--kpt-color-surface)))}.kpt-roadmap__label{position:sticky;inset-inline-start:0;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:.125rem;min-inline-size:0;padding-inline-end:var(--kpt-space-3, .75rem);background:var(--kpt-color-surface);border-inline-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__label--group{justify-content:start;flex-direction:row;align-items:center;gap:var(--kpt-space-2, .5rem)}.kpt-roadmap__label-text{overflow:hidden;font-size:var(--kpt-font-size-sm, .875rem);font-weight:var(--kpt-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap}.kpt-roadmap__label-text--group{font-weight:var(--kpt-font-weight-semibold, 600)}.kpt-roadmap__label-sub{overflow:hidden;font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted);text-overflow:ellipsis;white-space:nowrap}.kpt-roadmap__label-stack{display:flex;flex-direction:column;justify-content:center;gap:.125rem;min-inline-size:0}.kpt-roadmap__label-count{align-self:center;flex:0 0 auto;padding:0 var(--kpt-space-2, .5rem);font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted);background:var(--kpt-color-muted);border-radius:var(--kpt-radius-full, 9999px)}.kpt-roadmap__toggle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;inline-size:1.25rem;block-size:1.25rem;padding:0;color:inherit;cursor:pointer;background:transparent;border:0;border-radius:var(--kpt-radius-sm, .25rem)}.kpt-roadmap__toggle:focus-visible{outline:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-focus-ring);outline-offset:1px}.kpt-roadmap__toggle-icon{inline-size:0;block-size:0;border-block-start:.3rem solid transparent;border-block-end:.3rem solid transparent;border-inline-start:.4rem solid currentcolor;transition:transform var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-roadmap__toggle-icon--open{transform:rotate(90deg)}.kpt-roadmap__lane{position:relative;min-inline-size:0}.kpt-roadmap__bar,.kpt-roadmap__milestone,.kpt-roadmap__summary{--_color: var(--kpt-color-primary)}.kpt-roadmap__bar[data-variant=neutral],.kpt-roadmap__milestone[data-variant=neutral],.kpt-roadmap__summary[data-variant=neutral]{--_color: var(--kpt-color-muted)}.kpt-roadmap__bar[data-variant=success],.kpt-roadmap__milestone[data-variant=success],.kpt-roadmap__summary[data-variant=success]{--_color: var(--kpt-color-success)}.kpt-roadmap__bar[data-variant=danger],.kpt-roadmap__milestone[data-variant=danger],.kpt-roadmap__summary[data-variant=danger]{--_color: var(--kpt-color-danger)}.kpt-roadmap__bar[data-variant=warning],.kpt-roadmap__milestone[data-variant=warning],.kpt-roadmap__summary[data-variant=warning]{--_color: var(--kpt-color-warning)}.kpt-roadmap__bar[data-variant=info],.kpt-roadmap__milestone[data-variant=info],.kpt-roadmap__summary[data-variant=info]{--_color: var(--kpt-color-info)}.kpt-roadmap__bar{position:absolute;z-index:1;display:flex;align-items:center;min-inline-size:.25rem;padding-inline:var(--kpt-space-2, .5rem);overflow:hidden;cursor:pointer;background:var(--_color);border-radius:var(--kpt-radius-full, 9999px);transition:filter var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-roadmap__bar:hover{filter:brightness(1.08)}.kpt-roadmap__bar:focus-visible{outline:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-focus-ring);outline-offset:2px}.kpt-roadmap__bar--disabled{cursor:default;opacity:.55}.kpt-roadmap__bar--clipped-start{border-start-start-radius:0;border-end-start-radius:0;clip-path:polygon(.5rem 0,100% 0,100% 100%,.5rem 100%,0 50%)}.kpt-roadmap__bar--clipped-end{border-start-end-radius:0;border-end-end-radius:0;clip-path:polygon(0 0,calc(100% - .5rem) 0,100% 50%,calc(100% - .5rem) 100%,0 100%)}.kpt-roadmap__bar--clipped-start.kpt-roadmap__bar--clipped-end{clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% 50%,calc(100% - .5rem) 100%,.5rem 100%,0 50%)}.kpt-roadmap__bar-progress{position:absolute;inset-block:0;inset-inline-start:0;background:#00000038;pointer-events:none}.kpt-roadmap__bar-label{position:relative;overflow:hidden;font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-medium, 500);color:var(--kpt-color-text-inverse, #fff);text-overflow:ellipsis;white-space:nowrap}.kpt-roadmap__bar[data-variant=neutral] .kpt-roadmap__bar-label{color:var(--kpt-color-on-muted)}.kpt-roadmap__milestone{position:absolute;z-index:1;cursor:pointer;background:var(--_color);transform:translate(-50%) rotate(45deg);border-radius:var(--kpt-radius-sm, .25rem)}.kpt-roadmap__milestone:focus-visible{outline:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-focus-ring);outline-offset:2px}.kpt-roadmap__summary{position:absolute;inset-block-start:50%;z-index:1;block-size:.5rem;background:var(--_color);border-radius:var(--kpt-radius-full, 9999px);transform:translateY(-50%)}.kpt-roadmap__summary[data-variant=neutral]{--_color: var(--kpt-color-on-surface-muted)}.kpt-roadmap__empty{padding:var(--kpt-space-8, 2rem);color:var(--kpt-color-on-surface-muted);text-align:center}}\n"] }]
+                }, template: "<div\n  #scrollEl\n  class=\"kpt-roadmap__scroll\"\n  [style.max-block-size]=\"scrollHeight()\"\n  (scroll)=\"onScroll($event)\"\n>\n  <!-- Nag\u0142\u00F3wek: przykleja si\u0119 do g\u00F3ry, gdy podano sta\u0142\u0105 wysoko\u015B\u0107. -->\n  <div class=\"kpt-roadmap__head\">\n    <div class=\"kpt-roadmap__head-label\"></div>\n\n    <div class=\"kpt-roadmap__head-track\">\n      @if (timeline().hasBands) {\n        <div class=\"kpt-roadmap__bands\">\n          @for (band of timeline().bands; track band.key) {\n            <div\n              class=\"kpt-roadmap__band\"\n              [class.kpt-roadmap__band--year-start]=\"band.isYearStart\"\n              [style.inline-size.%]=\"(band.ratioEnd - band.ratioStart) * 100\"\n              [kptTooltip]=\"band.sublabel ? band.label + ' ' + band.sublabel : band.label\"\n              kptTooltipOnlyWhenTruncated\n            >\n              @if (band.yearBadge) {\n                <span class=\"kpt-roadmap__year-badge\">{{ band.yearBadge }}</span>\n              }\n              <span class=\"kpt-roadmap__band-label\">{{ band.label }}</span>\n              @if (band.sublabel && !band.yearBadge) {\n                <span class=\"kpt-roadmap__band-sublabel\">{{ band.sublabel }}</span>\n              }\n            </div>\n          }\n        </div>\n      }\n\n      <!-- Nag\u0142\u00F3wek definiuje siatk\u0119, wi\u0119c to on jest \u017Ar\u00F3d\u0142em pomiaru szeroko\u015Bci toru. -->\n      <div #laneMeasure class=\"kpt-roadmap__cells\">\n        @for (cell of timeline().cells; track cell.key) {\n          <div\n            class=\"kpt-roadmap__cell\"\n            [class.kpt-roadmap__cell--weekend]=\"cell.isWeekend\"\n            [class.kpt-roadmap__cell--today]=\"cell.isToday && showToday()\"\n            [class.kpt-roadmap__cell--year-boundary]=\"cell.isYearBoundary\"\n            [class.kpt-roadmap__cell--gap-before]=\"cell.hasGapBefore\"\n            [style.inline-size.%]=\"(cell.ratioEnd - cell.ratioStart) * 100\"\n            [kptTooltip]=\"cell.title\"\n          >\n            <span class=\"kpt-roadmap__cell-label\">{{ cell.label }}</span>\n            @if (cell.sublabel) {\n              <span class=\"kpt-roadmap__cell-sublabel\">{{ cell.sublabel }}</span>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Znacznik \u201Edzi\u015B\" mieszka w nag\u0142\u00F3wku: warstwa siatki ma w\u0142asny kontekst\n           uk\u0142adania, wi\u0119c nic w niej nie mo\u017Ce znale\u017A\u0107 si\u0119 nad nag\u0142\u00F3wkiem. -->\n      @if (showToday() && timeline().todayRatio !== null) {\n        <span\n          class=\"kpt-roadmap__today-dot\"\n          [style.inset-inline-start.%]=\"timeline().todayRatio! * 100\"\n          [attr.title]=\"i18n.t('roadmap.today')\"\n        ></span>\n      }\n    </div>\n  </div>\n\n  @if (isEmpty()) {\n    <div class=\"kpt-roadmap__empty\">{{ i18n.t('roadmap.empty') }}</div>\n  } @else {\n    <div class=\"kpt-roadmap__body\" [style.block-size.px]=\"layout().totalHeight\">\n      <!-- Siatka t\u0142a: kolumny weekendowe, granice roku i znacznik dzi\u015B. -->\n      <div class=\"kpt-roadmap__grid\" aria-hidden=\"true\">\n        <div class=\"kpt-roadmap__grid-cells\">\n          @for (cell of timeline().cells; track cell.key) {\n            <div\n              class=\"kpt-roadmap__grid-cell\"\n              [class.kpt-roadmap__grid-cell--weekend]=\"cell.isWeekend\"\n              [class.kpt-roadmap__grid-cell--non-working]=\"cell.isNonWorking\"\n              [class.kpt-roadmap__grid-cell--year-boundary]=\"cell.isYearBoundary\"\n              [class.kpt-roadmap__grid-cell--gap-before]=\"cell.hasGapBefore\"\n              [style.inline-size.%]=\"(cell.ratioEnd - cell.ratioStart) * 100\"\n            ></div>\n          }\n        </div>\n\n        @if (showToday() && timeline().todayRatio !== null) {\n          <!-- Sama prowadnica; znacznik siedzi w nag\u0142\u00F3wku, \u017Ceby by\u0142 nad nim widoczny. -->\n          <div class=\"kpt-roadmap__today\" [style.inset-inline-start.%]=\"timeline().todayRatio! * 100\"></div>\n        }\n      </div>\n\n      <!-- Zale\u017Cno\u015Bci rysowane nad paskami, pod kolumn\u0105 etykiet. -->\n      @if (links().length > 0) {\n        <svg\n          class=\"kpt-roadmap__links\"\n          [attr.viewBox]=\"'0 0 ' + laneWidth() + ' ' + layout().totalHeight\"\n          [attr.width]=\"laneWidth()\"\n          [attr.height]=\"layout().totalHeight\"\n          aria-hidden=\"true\"\n        >\n          @for (link of links(); track link.key) {\n            <g\n              class=\"kpt-roadmap__link\"\n              [class.kpt-roadmap__link--violated]=\"link.isViolated\"\n              [attr.data-variant]=\"link.variant\"\n            >\n              <path class=\"kpt-roadmap__link-path\" [attr.d]=\"link.path\" [style.stroke]=\"link.color\" />\n              <path class=\"kpt-roadmap__link-arrow\" [attr.d]=\"link.arrow\" [style.fill]=\"link.color\" />\n            </g>\n          }\n        </svg>\n      }\n\n      @for (row of visibleRows(); track row.key) {\n        <div\n          class=\"kpt-roadmap__row\"\n          [class.kpt-roadmap__row--group]=\"row.kind === 'group'\"\n          [style.inset-block-start.px]=\"row.top\"\n          [style.block-size.px]=\"row.height\"\n        >\n          <div\n            class=\"kpt-roadmap__label\"\n            [style.padding-inline-start.rem]=\"0.75 + row.depth * 1\"\n            [class.kpt-roadmap__label--group]=\"row.kind === 'group'\"\n            [kptTooltip]=\"labelTooltip(row)\"\n            kptTooltipOnlyWhenTruncated\n          >\n            @if (row.group; as group) {\n              <button\n                type=\"button\"\n                class=\"kpt-roadmap__toggle\"\n                [attr.aria-expanded]=\"!isCollapsed(group)\"\n                [attr.aria-label]=\"isCollapsed(group) ? i18n.t('roadmap.expandGroup') : i18n.t('roadmap.collapseGroup')\"\n                (click)=\"toggleGroup(group)\"\n              >\n                <span class=\"kpt-roadmap__toggle-icon\" [class.kpt-roadmap__toggle-icon--open]=\"!isCollapsed(group)\">\n                </span>\n              </button>\n              <!-- Dymek siedzi na stacku, nie na ca\u0142ej etykiecie: w grupie tekst jest\n                   o poziom g\u0142\u0119biej, a pomiar obejmuje tylko bezpo\u015Brednie dzieci hosta. -->\n              <span\n                class=\"kpt-roadmap__label-stack\"\n                [kptTooltip]=\"group.sublabel ? group.label + ' \u2014 ' + group.sublabel : group.label\"\n                kptTooltipOnlyWhenTruncated\n              >\n                <span class=\"kpt-roadmap__label-text kpt-roadmap__label-text--group\">{{ group.label }}</span>\n                @if (group.sublabel) {\n                  <span class=\"kpt-roadmap__label-sub\">{{ group.sublabel }}</span>\n                }\n              </span>\n              @if (row.groupState; as state) {\n                @if (state.itemCount) {\n                  <span class=\"kpt-roadmap__label-count\">{{ state.itemCount }}</span>\n                }\n              }\n            } @else if (row.items[0]; as first) {\n              <span class=\"kpt-roadmap__label-text\">{{ first.source.label }}</span>\n              @if (row.items.length === 1 && first.source.sublabel) {\n                <span class=\"kpt-roadmap__label-sub\">{{ first.source.sublabel }}</span>\n              }\n            }\n          </div>\n\n          <div class=\"kpt-roadmap__lane\">\n            @if (row.kind === 'group') {\n              @if (summary(row); as sum) {\n                <div\n                  class=\"kpt-roadmap__summary\"\n                  [attr.data-variant]=\"sum.variant\"\n                  [style.inset-inline-start.%]=\"sum.left\"\n                  [style.inline-size.%]=\"sum.width\"\n                  [style.background-color]=\"sum.color\"\n                ></div>\n              }\n            } @else {\n              @for (bar of bars(row); track bar.item.id) {\n                @if (bar.isMilestone) {\n                  <div\n                    class=\"kpt-roadmap__milestone\"\n                    [attr.data-variant]=\"bar.variant\"\n                    [kptTooltip]=\"bar.title\"\n                    [attr.aria-label]=\"i18n.t('roadmap.milestone') + ': ' + bar.label\"\n                    [style.inset-inline-start.%]=\"bar.left\"\n                    [style.inset-block-start.px]=\"bar.top\"\n                    [style.inline-size.px]=\"bar.height\"\n                    [style.block-size.px]=\"bar.height\"\n                    [style.background-color]=\"bar.color\"\n                    tabindex=\"0\"\n                    (click)=\"onItemClick(bar.item)\"\n                    (keydown)=\"onItemKeydown($event, bar.item)\"\n                  ></div>\n                } @else {\n                  <div\n                    class=\"kpt-roadmap__bar\"\n                    [attr.data-variant]=\"bar.variant\"\n                    [kptTooltip]=\"bar.title\"\n                    kptTooltipOnlyWhenTruncated\n                    [class.kpt-roadmap__bar--clipped-start]=\"bar.clippedStart\"\n                    [class.kpt-roadmap__bar--clipped-end]=\"bar.clippedEnd\"\n                    [class.kpt-roadmap__bar--disabled]=\"bar.item.source.disabled\"\n                    [style.inset-inline-start.%]=\"bar.left\"\n                    [style.inline-size.%]=\"bar.width\"\n                    [style.inset-block-start.px]=\"bar.top\"\n                    [style.block-size.px]=\"bar.height\"\n                    [style.background-color]=\"bar.color\"\n                    tabindex=\"0\"\n                    (click)=\"onItemClick(bar.item)\"\n                    (keydown)=\"onItemKeydown($event, bar.item)\"\n                  >\n                    @if (bar.progress !== null) {\n                      <span class=\"kpt-roadmap__bar-progress\" [style.inline-size.%]=\"bar.progress * 100\"></span>\n                    }\n                    <span class=\"kpt-roadmap__bar-label\">{{ bar.label }}</span>\n                  </div>\n                }\n              }\n            }\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer kpt.components{.kpt-roadmap{display:block;--kpt-roadmap-cells: 1;--kpt-roadmap-cell-w: 76px;--kpt-roadmap-label-w: 14rem;--kpt-roadmap-track-w: calc(var(--kpt-roadmap-cell-w) * var(--kpt-roadmap-cells));color:var(--kpt-color-on-surface);font-family:var(--kpt-font-family-sans);background:var(--kpt-color-surface);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-lg, .75rem);overflow:hidden}.kpt-roadmap__scroll{overflow:auto;position:relative}.kpt-roadmap__head,.kpt-roadmap__row{display:grid;grid-template-columns:var(--kpt-roadmap-label-w) minmax(var(--kpt-roadmap-track-w),1fr);inline-size:max-content;min-inline-size:100%}.kpt-roadmap__head{position:sticky;inset-block-start:0;z-index:4;background:var(--kpt-color-surface-variant, var(--kpt-color-surface));border-block-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__head-label{position:sticky;inset-inline-start:0;z-index:5;background:var(--kpt-color-surface-variant, var(--kpt-color-surface));border-inline-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__head-track{position:relative;display:flex;flex-direction:column;min-inline-size:0}.kpt-roadmap__bands,.kpt-roadmap__cells,.kpt-roadmap__grid-cells{display:flex;inline-size:100%}.kpt-roadmap__band{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--kpt-space-2, .5rem);min-inline-size:0;padding:var(--kpt-space-2, .5rem) var(--kpt-space-3, .75rem);font-size:var(--kpt-font-size-sm, .875rem);font-weight:var(--kpt-font-weight-medium, 500);color:var(--kpt-color-on-surface-muted);white-space:nowrap;overflow:hidden;border-inline-start:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__band:first-child{border-inline-start:0}.kpt-roadmap__band--year-start{border-inline-start:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-border-strong)}.kpt-roadmap__band-label{overflow:hidden;text-overflow:ellipsis}.kpt-roadmap__band-sublabel{color:var(--kpt-color-text-subtle, var(--kpt-color-on-surface-muted))}.kpt-roadmap__year-badge{display:inline-flex;align-items:center;padding:.125rem var(--kpt-space-2, .5rem);font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-semibold, 600);color:var(--kpt-color-surface);background:var(--kpt-color-on-surface);border-radius:var(--kpt-radius-full, 9999px)}.kpt-roadmap__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-inline-size:0;padding:var(--kpt-space-2, .5rem) .25rem;text-align:center;white-space:nowrap;border-inline-start:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__cell:first-child{border-inline-start:0}.kpt-roadmap__cell-label{font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-semibold, 600);letter-spacing:.02em;text-transform:uppercase;color:var(--kpt-color-on-surface-muted)}.kpt-roadmap__cell-sublabel{font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-text-subtle, var(--kpt-color-on-surface-muted));overflow:hidden;text-overflow:ellipsis;inline-size:100%}.kpt-roadmap__cell--weekend{background:var(--kpt-color-surface-sunken, var(--kpt-color-muted))}.kpt-roadmap__cell--today .kpt-roadmap__cell-label{color:var(--kpt-color-primary)}.kpt-roadmap__cell--year-boundary,.kpt-roadmap__grid-cell--year-boundary{border-inline-start:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-border-strong)}.kpt-roadmap__cell--gap-before,.kpt-roadmap__grid-cell--gap-before{border-inline-start:var(--kpt-border-width-thin, 1px) dashed var(--kpt-color-border-strong)}.kpt-roadmap__body{position:relative;inline-size:calc(var(--kpt-roadmap-label-w) + var(--kpt-roadmap-track-w));min-inline-size:100%}.kpt-roadmap__grid{position:absolute;inset-block:0;inset-inline-start:var(--kpt-roadmap-label-w);inset-inline-end:0;z-index:0;pointer-events:none}.kpt-roadmap__grid-cells{block-size:100%}.kpt-roadmap__grid-cell{min-inline-size:0;border-inline-start:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__grid-cell:first-child{border-inline-start:0}.kpt-roadmap__grid-cell--weekend,.kpt-roadmap__grid-cell--non-working{background:var(--kpt-color-surface-sunken, var(--kpt-color-muted))}.kpt-roadmap__today{position:absolute;inset-block:0;inline-size:0;border-inline-start:var(--kpt-border-width-medium, 2px) dashed color-mix(in oklch,var(--kpt-color-primary) 40%,transparent)}.kpt-roadmap__today-dot{position:absolute;inset-block-end:0rem;inline-size:.5rem;block-size:.5rem;transform:translate(-50%);background:color-mix(in oklch,var(--kpt-color-primary) 40%,transparent);border-radius:var(--kpt-radius-full, 9999px);pointer-events:none}.kpt-roadmap__links{position:absolute;inset-block-start:0;inset-inline-start:var(--kpt-roadmap-label-w);z-index:2;pointer-events:none;overflow:visible}.kpt-roadmap__link-path{fill:none;stroke:var(--kpt-color-on-surface-muted);stroke-width:1.75}.kpt-roadmap__link-arrow{fill:var(--kpt-color-on-surface-muted)}.kpt-roadmap__link--violated .kpt-roadmap__link-path{stroke:var(--kpt-color-danger);stroke-dasharray:4 3}.kpt-roadmap__link--violated .kpt-roadmap__link-arrow{fill:var(--kpt-color-danger)}.kpt-roadmap__row{position:absolute;inset-inline:0;border-block-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__row:hover{background:color-mix(in oklch,var(--kpt-color-primary) 10%,transparent)}.kpt-roadmap__row:hover .kpt-roadmap__label{background:color-mix(in oklch,var(--kpt-color-primary) 10%,var(--kpt-color-surface))}.kpt-roadmap__row--group,.kpt-roadmap__row--group .kpt-roadmap__label{background:var(--kpt-color-surface-variant, var(--kpt-color-surface))}.kpt-roadmap__row--group:hover,.kpt-roadmap__row--group:hover .kpt-roadmap__label{background:color-mix(in oklch,var(--kpt-color-primary) 10%,var(--kpt-color-surface-variant, var(--kpt-color-surface)))}.kpt-roadmap__label{position:sticky;inset-inline-start:0;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:.125rem;min-inline-size:0;padding-inline-end:var(--kpt-space-3, .75rem);background:var(--kpt-color-surface);border-inline-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-roadmap__label--group{justify-content:start;flex-direction:row;align-items:center;gap:var(--kpt-space-2, .5rem)}.kpt-roadmap__label-text{overflow:hidden;font-size:var(--kpt-font-size-sm, .875rem);font-weight:var(--kpt-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap}.kpt-roadmap__label-text--group{font-weight:var(--kpt-font-weight-semibold, 600)}.kpt-roadmap__label-sub{overflow:hidden;font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted);text-overflow:ellipsis;white-space:nowrap}.kpt-roadmap__label-stack{display:flex;flex-direction:column;justify-content:center;gap:.125rem;min-inline-size:0}.kpt-roadmap__label-count{align-self:center;flex:0 0 auto;padding:0 var(--kpt-space-2, .5rem);font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted);background:var(--kpt-color-muted);border-radius:var(--kpt-radius-full, 9999px)}.kpt-roadmap__toggle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;inline-size:1.25rem;block-size:1.25rem;padding:0;color:inherit;cursor:pointer;background:transparent;border:0;border-radius:var(--kpt-radius-sm, .25rem)}.kpt-roadmap__toggle:focus-visible{outline:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-focus-ring);outline-offset:1px}.kpt-roadmap__toggle-icon{inline-size:0;block-size:0;border-block-start:.3rem solid transparent;border-block-end:.3rem solid transparent;border-inline-start:.4rem solid currentcolor;transition:transform var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-roadmap__toggle-icon--open{transform:rotate(90deg)}.kpt-roadmap__lane{position:relative;min-inline-size:0}.kpt-roadmap__bar,.kpt-roadmap__milestone,.kpt-roadmap__summary{--_color: var(--kpt-color-primary)}.kpt-roadmap__bar[data-variant=neutral],.kpt-roadmap__milestone[data-variant=neutral],.kpt-roadmap__summary[data-variant=neutral]{--_color: var(--kpt-color-muted)}.kpt-roadmap__bar[data-variant=success],.kpt-roadmap__milestone[data-variant=success],.kpt-roadmap__summary[data-variant=success]{--_color: var(--kpt-color-success)}.kpt-roadmap__bar[data-variant=danger],.kpt-roadmap__milestone[data-variant=danger],.kpt-roadmap__summary[data-variant=danger]{--_color: var(--kpt-color-danger)}.kpt-roadmap__bar[data-variant=warning],.kpt-roadmap__milestone[data-variant=warning],.kpt-roadmap__summary[data-variant=warning]{--_color: var(--kpt-color-warning)}.kpt-roadmap__bar[data-variant=info],.kpt-roadmap__milestone[data-variant=info],.kpt-roadmap__summary[data-variant=info]{--_color: var(--kpt-color-info)}.kpt-roadmap__bar{position:absolute;z-index:1;display:flex;align-items:center;min-inline-size:.25rem;padding-inline:var(--kpt-space-2, .5rem);overflow:hidden;cursor:pointer;background:var(--_color);border-radius:var(--kpt-radius-full, 9999px);transition:filter var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-roadmap__bar:hover{filter:brightness(1.08)}.kpt-roadmap__bar:focus-visible{outline:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-focus-ring);outline-offset:2px}.kpt-roadmap__bar--disabled{cursor:default;opacity:.55}.kpt-roadmap__bar--clipped-start{border-start-start-radius:0;border-end-start-radius:0;clip-path:polygon(.5rem 0,100% 0,100% 100%,.5rem 100%,0 50%)}.kpt-roadmap__bar--clipped-end{border-start-end-radius:0;border-end-end-radius:0;clip-path:polygon(0 0,calc(100% - .5rem) 0,100% 50%,calc(100% - .5rem) 100%,0 100%)}.kpt-roadmap__bar--clipped-start.kpt-roadmap__bar--clipped-end{clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% 50%,calc(100% - .5rem) 100%,.5rem 100%,0 50%)}.kpt-roadmap__bar-progress{position:absolute;inset-block:0;inset-inline-start:0;background:#00000038;pointer-events:none}.kpt-roadmap__bar-label{position:relative;overflow:hidden;font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-medium, 500);color:var(--kpt-color-text-inverse, #fff);text-overflow:ellipsis;white-space:nowrap}.kpt-roadmap__bar[data-variant=neutral] .kpt-roadmap__bar-label{color:var(--kpt-color-on-muted)}.kpt-roadmap__milestone{position:absolute;z-index:1;cursor:pointer;background:var(--_color);transform:translate(-50%) rotate(45deg);border-radius:var(--kpt-radius-sm, .25rem)}.kpt-roadmap__milestone:focus-visible{outline:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-focus-ring);outline-offset:2px}.kpt-roadmap__summary{position:absolute;inset-block-start:50%;z-index:1;block-size:.5rem;background:var(--_color);border-radius:var(--kpt-radius-full, 9999px);transform:translateY(-50%)}.kpt-roadmap__summary[data-variant=neutral]{--_color: var(--kpt-color-on-surface-muted)}.kpt-roadmap__empty{padding:var(--kpt-space-8, 2rem);color:var(--kpt-color-on-surface-muted);text-align:center}}\n"] }]
     }], () => [], { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], scrollHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollHeight", required: false }] }], labelWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelWidth", required: false }] }], cellWidthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellWidthPx", required: false }] }], showToday: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToday", required: false }] }], virtual: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtual", required: false }] }], collapsedGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedGroups", required: false }] }, { type: i0.Output, args: ["collapsedGroupsChange"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], rangeChange: [{ type: i0.Output, args: ["rangeChange"] }], scrollEl: [{ type: i0.ViewChild, args: ['scrollEl', { isSignal: true }] }], laneEl: [{ type: i0.ViewChild, args: ['laneMeasure', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptRoadmap, { className: "KptRoadmap", filePath: "lib/roadmap.component.ts", lineNumber: 94 }); })();