@mintplayer/ng-bootstrap 21.30.0 → 21.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/mintplayer-ng-bootstrap-a11y.mjs +455 -0
- package/fesm2022/mintplayer-ng-bootstrap-a11y.mjs.map +1 -0
- package/fesm2022/mintplayer-ng-bootstrap-accordion.mjs +8 -5
- package/fesm2022/mintplayer-ng-bootstrap-accordion.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-breadcrumb.mjs +10 -4
- package/fesm2022/mintplayer-ng-bootstrap-breadcrumb.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-button-group.mjs +7 -4
- package/fesm2022/mintplayer-ng-bootstrap-button-group.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-calendar.mjs +131 -3
- package/fesm2022/mintplayer-ng-bootstrap-calendar.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-carousel.mjs +80 -48
- package/fesm2022/mintplayer-ng-bootstrap-carousel.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-code-snippet.mjs +4 -1
- package/fesm2022/mintplayer-ng-bootstrap-code-snippet.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-color-picker.mjs +218 -14
- package/fesm2022/mintplayer-ng-bootstrap-color-picker.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-datatable.mjs +4 -3
- package/fesm2022/mintplayer-ng-bootstrap-datatable.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-datepicker.mjs +2 -2
- package/fesm2022/mintplayer-ng-bootstrap-datepicker.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-dock.mjs +294 -3
- package/fesm2022/mintplayer-ng-bootstrap-dock.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-dropdown-menu.mjs +163 -18
- package/fesm2022/mintplayer-ng-bootstrap-dropdown-menu.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-dropdown.mjs +179 -7
- package/fesm2022/mintplayer-ng-bootstrap-dropdown.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-file-upload.mjs +14 -4
- package/fesm2022/mintplayer-ng-bootstrap-file-upload.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-has-overlay.mjs +14 -0
- package/fesm2022/mintplayer-ng-bootstrap-has-overlay.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-list-group.mjs +2 -1
- package/fesm2022/mintplayer-ng-bootstrap-list-group.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-marquee.mjs +7 -4
- package/fesm2022/mintplayer-ng-bootstrap-marquee.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-modal.mjs +70 -6
- package/fesm2022/mintplayer-ng-bootstrap-modal.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-multiselect.mjs +5 -4
- package/fesm2022/mintplayer-ng-bootstrap-multiselect.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-navbar-toggler.mjs +6 -6
- package/fesm2022/mintplayer-ng-bootstrap-navbar-toggler.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-navbar.mjs +45 -13
- package/fesm2022/mintplayer-ng-bootstrap-navbar.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-offcanvas.mjs +51 -5
- package/fesm2022/mintplayer-ng-bootstrap-offcanvas.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-pagination.mjs +5 -3
- package/fesm2022/mintplayer-ng-bootstrap-pagination.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-placeholder.mjs +18 -4
- package/fesm2022/mintplayer-ng-bootstrap-placeholder.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-playlist-toggler.mjs +6 -6
- package/fesm2022/mintplayer-ng-bootstrap-playlist-toggler.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-popover.mjs +61 -6
- package/fesm2022/mintplayer-ng-bootstrap-popover.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-priority-nav.mjs +19 -4
- package/fesm2022/mintplayer-ng-bootstrap-priority-nav.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-progress-bar.mjs +8 -5
- package/fesm2022/mintplayer-ng-bootstrap-progress-bar.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-range.mjs +4 -3
- package/fesm2022/mintplayer-ng-bootstrap-range.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-rating.mjs +34 -4
- package/fesm2022/mintplayer-ng-bootstrap-rating.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-reduced-motion.mjs +59 -0
- package/fesm2022/mintplayer-ng-bootstrap-reduced-motion.mjs.map +1 -0
- package/fesm2022/mintplayer-ng-bootstrap-resizable.mjs +91 -2
- package/fesm2022/mintplayer-ng-bootstrap-resizable.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-scheduler.mjs +16 -5
- package/fesm2022/mintplayer-ng-bootstrap-scheduler.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-scrollspy.mjs +2 -2
- package/fesm2022/mintplayer-ng-bootstrap-scrollspy.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-searchbox.mjs +28 -5
- package/fesm2022/mintplayer-ng-bootstrap-searchbox.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-select.mjs +4 -3
- package/fesm2022/mintplayer-ng-bootstrap-select.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-select2.mjs +18 -4
- package/fesm2022/mintplayer-ng-bootstrap-select2.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-signature-pad.mjs +4 -3
- package/fesm2022/mintplayer-ng-bootstrap-signature-pad.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-tab-control.mjs +2 -2
- package/fesm2022/mintplayer-ng-bootstrap-tab-control.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-table.mjs +10 -3
- package/fesm2022/mintplayer-ng-bootstrap-table.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-tile-manager.mjs +143 -29
- package/fesm2022/mintplayer-ng-bootstrap-tile-manager.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-timepicker.mjs +2 -2
- package/fesm2022/mintplayer-ng-bootstrap-timepicker.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-toast.mjs +7 -4
- package/fesm2022/mintplayer-ng-bootstrap-toast.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-toggle-button.mjs +42 -21
- package/fesm2022/mintplayer-ng-bootstrap-toggle-button.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-tooltip.mjs +33 -4
- package/fesm2022/mintplayer-ng-bootstrap-tooltip.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-treeview.mjs +17 -7
- package/fesm2022/mintplayer-ng-bootstrap-treeview.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-typeahead.mjs +50 -8
- package/fesm2022/mintplayer-ng-bootstrap-typeahead.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-virtual-datatable.mjs +34 -12
- package/fesm2022/mintplayer-ng-bootstrap-virtual-datatable.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-web-components-a11y.mjs +74 -0
- package/fesm2022/mintplayer-ng-bootstrap-web-components-a11y.mjs.map +1 -0
- package/fesm2022/mintplayer-ng-bootstrap-web-components-scheduler.mjs +1476 -71
- package/fesm2022/mintplayer-ng-bootstrap-web-components-scheduler.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-web-components-splitter.mjs +194 -2
- package/fesm2022/mintplayer-ng-bootstrap-web-components-splitter.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-web-components-tab-control.mjs +4 -0
- package/fesm2022/mintplayer-ng-bootstrap-web-components-tab-control.mjs.map +1 -1
- package/package.json +14 -2
- package/types/mintplayer-ng-bootstrap-a11y.d.ts +196 -0
- package/types/mintplayer-ng-bootstrap-accordion.d.ts +4 -2
- package/types/mintplayer-ng-bootstrap-breadcrumb.d.ts +2 -1
- package/types/mintplayer-ng-bootstrap-button-group.d.ts +2 -1
- package/types/mintplayer-ng-bootstrap-calendar.d.ts +32 -0
- package/types/mintplayer-ng-bootstrap-carousel.d.ts +56 -3
- package/types/mintplayer-ng-bootstrap-code-snippet.d.ts +1 -0
- package/types/mintplayer-ng-bootstrap-color-picker.d.ts +75 -4
- package/types/mintplayer-ng-bootstrap-datatable.d.ts +1 -1
- package/types/mintplayer-ng-bootstrap-dock.d.ts +51 -0
- package/types/mintplayer-ng-bootstrap-dropdown-menu.d.ts +54 -9
- package/types/mintplayer-ng-bootstrap-dropdown.d.ts +57 -2
- package/types/mintplayer-ng-bootstrap-file-upload.d.ts +4 -1
- package/types/mintplayer-ng-bootstrap-has-overlay.d.ts +14 -0
- package/types/mintplayer-ng-bootstrap-marquee.d.ts +2 -1
- package/types/mintplayer-ng-bootstrap-modal.d.ts +25 -1
- package/types/mintplayer-ng-bootstrap-multiselect.d.ts +2 -1
- package/types/mintplayer-ng-bootstrap-navbar-toggler.d.ts +4 -2
- package/types/mintplayer-ng-bootstrap-navbar.d.ts +25 -1
- package/types/mintplayer-ng-bootstrap-offcanvas.d.ts +23 -1
- package/types/mintplayer-ng-bootstrap-pagination.d.ts +3 -1
- package/types/mintplayer-ng-bootstrap-placeholder.d.ts +5 -1
- package/types/mintplayer-ng-bootstrap-playlist-toggler.d.ts +4 -2
- package/types/mintplayer-ng-bootstrap-popover.d.ts +21 -1
- package/types/mintplayer-ng-bootstrap-priority-nav.d.ts +4 -1
- package/types/mintplayer-ng-bootstrap-progress-bar.d.ts +4 -2
- package/types/mintplayer-ng-bootstrap-range.d.ts +2 -1
- package/types/mintplayer-ng-bootstrap-rating.d.ts +3 -0
- package/types/mintplayer-ng-bootstrap-reduced-motion.d.ts +36 -0
- package/types/mintplayer-ng-bootstrap-resizable.d.ts +4 -0
- package/types/mintplayer-ng-bootstrap-scheduler.d.ts +42 -9
- package/types/mintplayer-ng-bootstrap-scrollspy.d.ts +1 -1
- package/types/mintplayer-ng-bootstrap-searchbox.d.ts +8 -1
- package/types/mintplayer-ng-bootstrap-select.d.ts +2 -1
- package/types/mintplayer-ng-bootstrap-select2.d.ts +3 -0
- package/types/mintplayer-ng-bootstrap-signature-pad.d.ts +2 -1
- package/types/mintplayer-ng-bootstrap-table.d.ts +8 -1
- package/types/mintplayer-ng-bootstrap-tile-manager.d.ts +21 -2
- package/types/mintplayer-ng-bootstrap-toast.d.ts +6 -1
- package/types/mintplayer-ng-bootstrap-toggle-button.d.ts +11 -0
- package/types/mintplayer-ng-bootstrap-tooltip.d.ts +5 -0
- package/types/mintplayer-ng-bootstrap-treeview.d.ts +12 -1
- package/types/mintplayer-ng-bootstrap-typeahead.d.ts +11 -3
- package/types/mintplayer-ng-bootstrap-virtual-datatable.d.ts +14 -1
- package/types/mintplayer-ng-bootstrap-web-components-a11y.d.ts +34 -0
- package/types/mintplayer-ng-bootstrap-web-components-scheduler-core.d.ts +35 -11
- package/types/mintplayer-ng-bootstrap-web-components-scheduler.d.ts +246 -0
- package/types/mintplayer-ng-bootstrap-web-components-splitter.d.ts +95 -37
|
@@ -105,7 +105,7 @@ class BsTabControlComponent {
|
|
|
105
105
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BsTabControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
106
106
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: BsTabControlComponent, isStandalone: true, selector: "bs-tab-control", inputs: { border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, selectFirstTab: { classPropertyName: "selectFirstTab", publicName: "selectFirstTab", isSignal: true, isRequired: false, transformFunction: null }, tabsPosition: { classPropertyName: "tabsPosition", publicName: "tabsPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "d-block position-relative" }, providers: [
|
|
107
107
|
{ provide: 'TAB_CONTROL', useExisting: BsTabControlComponent }
|
|
108
|
-
], queries: [{ propertyName: "tabPages", predicate: BsTabPageComponent, isSignal: true }], ngImport: i0, template: "@if (isServerSide) {\n\t@for (tab of tabPages(); track tab) {\n\t\t<input type=\"radio\" class=\"d-none\" bsNoNoscript\n\t\t\t[name]=\"tabControlName()\"\n\t\t\t[id]=\"tab.tabName()\"\n\t\t\t[checked]=\"checkedTab() === tab\"\n\t\t\t[disabled]=\"tab.disabled()\">\n\t}\n\t@let activeTabValue = activeTab();\n\t<ng-template #tabStrip>\n\t\t<ul class=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\" role=\"tablist\">\n\t\t\t@for (tab of tabPages(); track tab) {\n\t\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]=\"tab.tabName()\"\n\t\t\t\t\t\t\t[id]=\"tab.tabName() + '-header'\"\n\t\t\t\t\t\t\tclass=\"nav-link text-nowrap\"\n\t\t\t\t\t\t\t[class.active]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[class.disabled]=\"tab.disabled()\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t[attr.tabindex]=\"tab.disabled() ? -1 : 0\"\n\t\t\t\t\t\t\t[attr.aria-selected]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[attr.aria-controls]=\"tab.tabName() + '-panel'\"\n\t\t\t\t\t\t\t[attr.aria-disabled]=\"tab.disabled() || null\">\n\t\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</li>\n\t\t\t\t}\n\t\t\t}\n\t\t</ul>\n\t</ng-template>\n\t@if (topTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n\t<div class=\"tab-content flex-grow-1 overflow-auto\" bsNoNoscript [class.border]=\"border() && activeTabValue\" [class.border-top]=\"border() && !activeTabValue\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t@if (bottomTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc bottom-tabs\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n} @else {\n\t<mp-tab-control #wc\n\t\t[attr.tabs-position]=\"tabsPosition()\"\n\t\t[attr.border]=\"border() ? null : 'false'\"\n\t\t[attr.active-tab]=\"activeTabName()\"\n\t\t[attr.select-first-tab]=\"selectFirstTab() ? null : 'false'\"\n\t\t(tab-activate)=\"onTabActivate($event)\">\n\t\t@for (tab of tabPages(); track tab) {\n\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t<span [attr.slot]=\"tab.tabName() + '-header'\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t\t<ng-content></ng-content>\n\t</mp-tab-control>\n}\n", styles: [":host ::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .nav-link{transition:none}}:host ::ng-deep .nav-link:hover,:host ::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}:host ::ng-deep .nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}:host ::ng-deep .nav-link.disabled,:host ::ng-deep .nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}:host ::ng-deep .nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}:host ::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}:host ::ng-deep .nav-tabs .nav-link:hover,:host ::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}:host ::ng-deep .nav-tabs .nav-link.active,:host ::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}:host ::ng-deep .nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}:host ::ng-deep .nav-pills .nav-link.active,:host ::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}:host ::ng-deep .nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: .125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}:host ::ng-deep .nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}:host ::ng-deep .nav-underline .nav-link:hover,:host ::ng-deep .nav-underline .nav-link:focus{border-bottom-color:currentcolor}:host ::ng-deep .nav-underline .nav-link.active,:host ::ng-deep .nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}:host ::ng-deep .nav-fill>.nav-link,:host ::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}:host ::ng-deep .nav-justified>.nav-link,:host ::ng-deep .nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}:host ::ng-deep .nav-fill .nav-item .nav-link,:host ::ng-deep .nav-justified .nav-item .nav-link{width:100%}:host ::ng-deep .tab-content>.tab-pane{display:none}:host ::ng-deep .tab-content>.active{display:block}:host ::ng-deep .tab-content{margin-top:-1px}.tsc{max-height:41px;top:2px;z-index:10;flex-shrink:0}.tsc .nav.nav-tabs{border-bottom:0}.tsc.bottom-tabs{margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs{border-bottom-width:0px}.tsc.bottom-tabs .nav.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.tsc.bottom-tabs .nav.nav-tabs .nav-item{margin-bottom:2px;margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs .nav-item.show .nav-link,.tsc.bottom-tabs .nav.nav-tabs .nav-link.active{border-color:#fff #dee2e6 #dee2e6 #dee2e6}.tab-content.noscript::ng-deep>bs-tab-page>.tab-page-content{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;margin-top:-1px}.overflow-y-hidden{overflow-y:hidden}.tsc .nav-link{cursor:pointer}:host input.noscript:nth-of-type(1):checked~.tsc .nav-item:nth-child(1)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(2):checked~.tsc .nav-item:nth-child(2)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(3):checked~.tsc .nav-item:nth-child(3)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(4):checked~.tsc .nav-item:nth-child(4)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(5):checked~.tsc .nav-item:nth-child(5)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(6):checked~.tsc .nav-item:nth-child(6)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(7):checked~.tsc .nav-item:nth-child(7)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(8):checked~.tsc .nav-item:nth-child(8)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(9):checked~.tsc .nav-item:nth-child(9)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(10):checked~.tsc .nav-item:nth-child(10)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(11):checked~.tsc .nav-item:nth-child(11)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(12):checked~.tsc .nav-item:nth-child(12)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(13):checked~.tsc .nav-item:nth-child(13)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(14):checked~.tsc .nav-item:nth-child(14)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(15):checked~.tsc .nav-item:nth-child(15)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(16):checked~.tsc .nav-item:nth-child(16)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(17):checked~.tsc .nav-item:nth-child(17)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(18):checked~.tsc .nav-item:nth-child(18)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(19):checked~.tsc .nav-item:nth-child(19)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(20):checked~.tsc .nav-item:nth-child(20)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep input.noscript:nth-of-type(1):checked~.tab-content>bs-tab-page:nth-child(1)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(2):checked~.tab-content>bs-tab-page:nth-child(2)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(3):checked~.tab-content>bs-tab-page:nth-child(3)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(4):checked~.tab-content>bs-tab-page:nth-child(4)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(5):checked~.tab-content>bs-tab-page:nth-child(5)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(6):checked~.tab-content>bs-tab-page:nth-child(6)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(7):checked~.tab-content>bs-tab-page:nth-child(7)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(8):checked~.tab-content>bs-tab-page:nth-child(8)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(9):checked~.tab-content>bs-tab-page:nth-child(9)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(10):checked~.tab-content>bs-tab-page:nth-child(10)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(11):checked~.tab-content>bs-tab-page:nth-child(11)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(12):checked~.tab-content>bs-tab-page:nth-child(12)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(13):checked~.tab-content>bs-tab-page:nth-child(13)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(14):checked~.tab-content>bs-tab-page:nth-child(14)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(15):checked~.tab-content>bs-tab-page:nth-child(15)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(16):checked~.tab-content>bs-tab-page:nth-child(16)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(17):checked~.tab-content>bs-tab-page:nth-child(17)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(18):checked~.tab-content>bs-tab-page:nth-child(18)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(19):checked~.tab-content>bs-tab-page:nth-child(19)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(20):checked~.tab-content>bs-tab-page:nth-child(20)>.tab-page-content{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BsNoNoscriptDirective, selector: "[bsNoNoscript]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
108
|
+
], queries: [{ propertyName: "tabPages", predicate: BsTabPageComponent, isSignal: true }], ngImport: i0, template: "@if (isServerSide) {\n\t@for (tab of tabPages(); track tab) {\n\t\t<input type=\"radio\" class=\"d-none\" bsNoNoscript\n\t\t\t[name]=\"tabControlName()\"\n\t\t\t[id]=\"tab.tabName()\"\n\t\t\t[checked]=\"checkedTab() === tab\"\n\t\t\t[disabled]=\"tab.disabled()\">\n\t}\n\t@let activeTabValue = activeTab();\n\t<ng-template #tabStrip>\n\t\t<ul class=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\" role=\"tablist\">\n\t\t\t@for (tab of tabPages(); track tab) {\n\t\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]=\"tab.tabName()\"\n\t\t\t\t\t\t\t[id]=\"tab.tabName() + '-header'\"\n\t\t\t\t\t\t\tclass=\"nav-link text-nowrap\"\n\t\t\t\t\t\t\t[class.active]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[class.disabled]=\"tab.disabled()\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t[attr.tabindex]=\"tab.disabled() ? -1 : (activeTabValue === tab ? 0 : -1)\"\n\t\t\t\t\t\t\t[attr.aria-selected]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[attr.aria-controls]=\"tab.tabName() + '-panel'\"\n\t\t\t\t\t\t\t[attr.aria-disabled]=\"tab.disabled() || null\">\n\t\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</li>\n\t\t\t\t}\n\t\t\t}\n\t\t</ul>\n\t</ng-template>\n\t@if (topTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n\t<div class=\"tab-content flex-grow-1 overflow-auto\" bsNoNoscript [class.border]=\"border() && activeTabValue\" [class.border-top]=\"border() && !activeTabValue\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t@if (bottomTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc bottom-tabs\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n} @else {\n\t<mp-tab-control #wc\n\t\t[attr.tabs-position]=\"tabsPosition()\"\n\t\t[attr.border]=\"border() ? null : 'false'\"\n\t\t[attr.active-tab]=\"activeTabName()\"\n\t\t[attr.select-first-tab]=\"selectFirstTab() ? null : 'false'\"\n\t\t(tab-activate)=\"onTabActivate($event)\">\n\t\t@for (tab of tabPages(); track tab) {\n\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t<span [attr.slot]=\"tab.tabName() + '-header'\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t\t<ng-content></ng-content>\n\t</mp-tab-control>\n}\n", styles: [":host ::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .nav-link{transition:none}}:host ::ng-deep .nav-link:hover,:host ::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}:host ::ng-deep .nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}:host ::ng-deep .nav-link.disabled,:host ::ng-deep .nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}:host ::ng-deep .nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}:host ::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}:host ::ng-deep .nav-tabs .nav-link:hover,:host ::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}:host ::ng-deep .nav-tabs .nav-link.active,:host ::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}:host ::ng-deep .nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}:host ::ng-deep .nav-pills .nav-link.active,:host ::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}:host ::ng-deep .nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: .125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}:host ::ng-deep .nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}:host ::ng-deep .nav-underline .nav-link:hover,:host ::ng-deep .nav-underline .nav-link:focus{border-bottom-color:currentcolor}:host ::ng-deep .nav-underline .nav-link.active,:host ::ng-deep .nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}:host ::ng-deep .nav-fill>.nav-link,:host ::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}:host ::ng-deep .nav-justified>.nav-link,:host ::ng-deep .nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}:host ::ng-deep .nav-fill .nav-item .nav-link,:host ::ng-deep .nav-justified .nav-item .nav-link{width:100%}:host ::ng-deep .tab-content>.tab-pane{display:none}:host ::ng-deep .tab-content>.active{display:block}:host ::ng-deep .tab-content{margin-top:-1px}.tsc{max-height:41px;top:2px;z-index:10;flex-shrink:0}.tsc .nav.nav-tabs{border-bottom:0}.tsc.bottom-tabs{margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs{border-bottom-width:0px}.tsc.bottom-tabs .nav.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.tsc.bottom-tabs .nav.nav-tabs .nav-item{margin-bottom:2px;margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs .nav-item.show .nav-link,.tsc.bottom-tabs .nav.nav-tabs .nav-link.active{border-color:#fff #dee2e6 #dee2e6 #dee2e6}.tab-content.noscript::ng-deep>bs-tab-page>.tab-page-content{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;margin-top:-1px}.overflow-y-hidden{overflow-y:hidden}.tsc .nav-link{cursor:pointer}:host input.noscript:nth-of-type(1):checked~.tsc .nav-item:nth-child(1)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(2):checked~.tsc .nav-item:nth-child(2)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(3):checked~.tsc .nav-item:nth-child(3)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(4):checked~.tsc .nav-item:nth-child(4)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(5):checked~.tsc .nav-item:nth-child(5)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(6):checked~.tsc .nav-item:nth-child(6)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(7):checked~.tsc .nav-item:nth-child(7)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(8):checked~.tsc .nav-item:nth-child(8)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(9):checked~.tsc .nav-item:nth-child(9)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(10):checked~.tsc .nav-item:nth-child(10)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(11):checked~.tsc .nav-item:nth-child(11)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(12):checked~.tsc .nav-item:nth-child(12)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(13):checked~.tsc .nav-item:nth-child(13)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(14):checked~.tsc .nav-item:nth-child(14)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(15):checked~.tsc .nav-item:nth-child(15)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(16):checked~.tsc .nav-item:nth-child(16)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(17):checked~.tsc .nav-item:nth-child(17)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(18):checked~.tsc .nav-item:nth-child(18)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(19):checked~.tsc .nav-item:nth-child(19)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(20):checked~.tsc .nav-item:nth-child(20)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep input.noscript:nth-of-type(1):checked~.tab-content>bs-tab-page:nth-child(1)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(2):checked~.tab-content>bs-tab-page:nth-child(2)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(3):checked~.tab-content>bs-tab-page:nth-child(3)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(4):checked~.tab-content>bs-tab-page:nth-child(4)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(5):checked~.tab-content>bs-tab-page:nth-child(5)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(6):checked~.tab-content>bs-tab-page:nth-child(6)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(7):checked~.tab-content>bs-tab-page:nth-child(7)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(8):checked~.tab-content>bs-tab-page:nth-child(8)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(9):checked~.tab-content>bs-tab-page:nth-child(9)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(10):checked~.tab-content>bs-tab-page:nth-child(10)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(11):checked~.tab-content>bs-tab-page:nth-child(11)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(12):checked~.tab-content>bs-tab-page:nth-child(12)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(13):checked~.tab-content>bs-tab-page:nth-child(13)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(14):checked~.tab-content>bs-tab-page:nth-child(14)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(15):checked~.tab-content>bs-tab-page:nth-child(15)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(16):checked~.tab-content>bs-tab-page:nth-child(16)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(17):checked~.tab-content>bs-tab-page:nth-child(17)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(18):checked~.tab-content>bs-tab-page:nth-child(18)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(19):checked~.tab-content>bs-tab-page:nth-child(19)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(20):checked~.tab-content>bs-tab-page:nth-child(20)>.tab-page-content{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BsNoNoscriptDirective, selector: "[bsNoNoscript]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
109
109
|
}
|
|
110
110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BsTabControlComponent, decorators: [{
|
|
111
111
|
type: Component,
|
|
@@ -113,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
113
113
|
{ provide: 'TAB_CONTROL', useExisting: BsTabControlComponent }
|
|
114
114
|
], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], host: {
|
|
115
115
|
'class': 'd-block position-relative',
|
|
116
|
-
}, template: "@if (isServerSide) {\n\t@for (tab of tabPages(); track tab) {\n\t\t<input type=\"radio\" class=\"d-none\" bsNoNoscript\n\t\t\t[name]=\"tabControlName()\"\n\t\t\t[id]=\"tab.tabName()\"\n\t\t\t[checked]=\"checkedTab() === tab\"\n\t\t\t[disabled]=\"tab.disabled()\">\n\t}\n\t@let activeTabValue = activeTab();\n\t<ng-template #tabStrip>\n\t\t<ul class=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\" role=\"tablist\">\n\t\t\t@for (tab of tabPages(); track tab) {\n\t\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]=\"tab.tabName()\"\n\t\t\t\t\t\t\t[id]=\"tab.tabName() + '-header'\"\n\t\t\t\t\t\t\tclass=\"nav-link text-nowrap\"\n\t\t\t\t\t\t\t[class.active]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[class.disabled]=\"tab.disabled()\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t[attr.tabindex]=\"tab.disabled() ? -1 : 0\"\n\t\t\t\t\t\t\t[attr.aria-selected]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[attr.aria-controls]=\"tab.tabName() + '-panel'\"\n\t\t\t\t\t\t\t[attr.aria-disabled]=\"tab.disabled() || null\">\n\t\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</li>\n\t\t\t\t}\n\t\t\t}\n\t\t</ul>\n\t</ng-template>\n\t@if (topTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n\t<div class=\"tab-content flex-grow-1 overflow-auto\" bsNoNoscript [class.border]=\"border() && activeTabValue\" [class.border-top]=\"border() && !activeTabValue\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t@if (bottomTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc bottom-tabs\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n} @else {\n\t<mp-tab-control #wc\n\t\t[attr.tabs-position]=\"tabsPosition()\"\n\t\t[attr.border]=\"border() ? null : 'false'\"\n\t\t[attr.active-tab]=\"activeTabName()\"\n\t\t[attr.select-first-tab]=\"selectFirstTab() ? null : 'false'\"\n\t\t(tab-activate)=\"onTabActivate($event)\">\n\t\t@for (tab of tabPages(); track tab) {\n\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t<span [attr.slot]=\"tab.tabName() + '-header'\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t\t<ng-content></ng-content>\n\t</mp-tab-control>\n}\n", styles: [":host ::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .nav-link{transition:none}}:host ::ng-deep .nav-link:hover,:host ::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}:host ::ng-deep .nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}:host ::ng-deep .nav-link.disabled,:host ::ng-deep .nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}:host ::ng-deep .nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}:host ::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}:host ::ng-deep .nav-tabs .nav-link:hover,:host ::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}:host ::ng-deep .nav-tabs .nav-link.active,:host ::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}:host ::ng-deep .nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}:host ::ng-deep .nav-pills .nav-link.active,:host ::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}:host ::ng-deep .nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: .125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}:host ::ng-deep .nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}:host ::ng-deep .nav-underline .nav-link:hover,:host ::ng-deep .nav-underline .nav-link:focus{border-bottom-color:currentcolor}:host ::ng-deep .nav-underline .nav-link.active,:host ::ng-deep .nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}:host ::ng-deep .nav-fill>.nav-link,:host ::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}:host ::ng-deep .nav-justified>.nav-link,:host ::ng-deep .nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}:host ::ng-deep .nav-fill .nav-item .nav-link,:host ::ng-deep .nav-justified .nav-item .nav-link{width:100%}:host ::ng-deep .tab-content>.tab-pane{display:none}:host ::ng-deep .tab-content>.active{display:block}:host ::ng-deep .tab-content{margin-top:-1px}.tsc{max-height:41px;top:2px;z-index:10;flex-shrink:0}.tsc .nav.nav-tabs{border-bottom:0}.tsc.bottom-tabs{margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs{border-bottom-width:0px}.tsc.bottom-tabs .nav.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.tsc.bottom-tabs .nav.nav-tabs .nav-item{margin-bottom:2px;margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs .nav-item.show .nav-link,.tsc.bottom-tabs .nav.nav-tabs .nav-link.active{border-color:#fff #dee2e6 #dee2e6 #dee2e6}.tab-content.noscript::ng-deep>bs-tab-page>.tab-page-content{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;margin-top:-1px}.overflow-y-hidden{overflow-y:hidden}.tsc .nav-link{cursor:pointer}:host input.noscript:nth-of-type(1):checked~.tsc .nav-item:nth-child(1)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(2):checked~.tsc .nav-item:nth-child(2)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(3):checked~.tsc .nav-item:nth-child(3)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(4):checked~.tsc .nav-item:nth-child(4)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(5):checked~.tsc .nav-item:nth-child(5)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(6):checked~.tsc .nav-item:nth-child(6)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(7):checked~.tsc .nav-item:nth-child(7)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(8):checked~.tsc .nav-item:nth-child(8)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(9):checked~.tsc .nav-item:nth-child(9)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(10):checked~.tsc .nav-item:nth-child(10)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(11):checked~.tsc .nav-item:nth-child(11)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(12):checked~.tsc .nav-item:nth-child(12)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(13):checked~.tsc .nav-item:nth-child(13)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(14):checked~.tsc .nav-item:nth-child(14)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(15):checked~.tsc .nav-item:nth-child(15)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(16):checked~.tsc .nav-item:nth-child(16)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(17):checked~.tsc .nav-item:nth-child(17)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(18):checked~.tsc .nav-item:nth-child(18)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(19):checked~.tsc .nav-item:nth-child(19)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(20):checked~.tsc .nav-item:nth-child(20)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep input.noscript:nth-of-type(1):checked~.tab-content>bs-tab-page:nth-child(1)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(2):checked~.tab-content>bs-tab-page:nth-child(2)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(3):checked~.tab-content>bs-tab-page:nth-child(3)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(4):checked~.tab-content>bs-tab-page:nth-child(4)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(5):checked~.tab-content>bs-tab-page:nth-child(5)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(6):checked~.tab-content>bs-tab-page:nth-child(6)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(7):checked~.tab-content>bs-tab-page:nth-child(7)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(8):checked~.tab-content>bs-tab-page:nth-child(8)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(9):checked~.tab-content>bs-tab-page:nth-child(9)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(10):checked~.tab-content>bs-tab-page:nth-child(10)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(11):checked~.tab-content>bs-tab-page:nth-child(11)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(12):checked~.tab-content>bs-tab-page:nth-child(12)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(13):checked~.tab-content>bs-tab-page:nth-child(13)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(14):checked~.tab-content>bs-tab-page:nth-child(14)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(15):checked~.tab-content>bs-tab-page:nth-child(15)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(16):checked~.tab-content>bs-tab-page:nth-child(16)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(17):checked~.tab-content>bs-tab-page:nth-child(17)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(18):checked~.tab-content>bs-tab-page:nth-child(18)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(19):checked~.tab-content>bs-tab-page:nth-child(19)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(20):checked~.tab-content>bs-tab-page:nth-child(20)>.tab-page-content{display:block}\n"] }]
|
|
116
|
+
}, template: "@if (isServerSide) {\n\t@for (tab of tabPages(); track tab) {\n\t\t<input type=\"radio\" class=\"d-none\" bsNoNoscript\n\t\t\t[name]=\"tabControlName()\"\n\t\t\t[id]=\"tab.tabName()\"\n\t\t\t[checked]=\"checkedTab() === tab\"\n\t\t\t[disabled]=\"tab.disabled()\">\n\t}\n\t@let activeTabValue = activeTab();\n\t<ng-template #tabStrip>\n\t\t<ul class=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\" role=\"tablist\">\n\t\t\t@for (tab of tabPages(); track tab) {\n\t\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]=\"tab.tabName()\"\n\t\t\t\t\t\t\t[id]=\"tab.tabName() + '-header'\"\n\t\t\t\t\t\t\tclass=\"nav-link text-nowrap\"\n\t\t\t\t\t\t\t[class.active]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[class.disabled]=\"tab.disabled()\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t[attr.tabindex]=\"tab.disabled() ? -1 : (activeTabValue === tab ? 0 : -1)\"\n\t\t\t\t\t\t\t[attr.aria-selected]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[attr.aria-controls]=\"tab.tabName() + '-panel'\"\n\t\t\t\t\t\t\t[attr.aria-disabled]=\"tab.disabled() || null\">\n\t\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</li>\n\t\t\t\t}\n\t\t\t}\n\t\t</ul>\n\t</ng-template>\n\t@if (topTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n\t<div class=\"tab-content flex-grow-1 overflow-auto\" bsNoNoscript [class.border]=\"border() && activeTabValue\" [class.border-top]=\"border() && !activeTabValue\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t@if (bottomTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc bottom-tabs\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n} @else {\n\t<mp-tab-control #wc\n\t\t[attr.tabs-position]=\"tabsPosition()\"\n\t\t[attr.border]=\"border() ? null : 'false'\"\n\t\t[attr.active-tab]=\"activeTabName()\"\n\t\t[attr.select-first-tab]=\"selectFirstTab() ? null : 'false'\"\n\t\t(tab-activate)=\"onTabActivate($event)\">\n\t\t@for (tab of tabPages(); track tab) {\n\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t<span [attr.slot]=\"tab.tabName() + '-header'\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t\t<ng-content></ng-content>\n\t</mp-tab-control>\n}\n", styles: [":host ::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .nav-link{transition:none}}:host ::ng-deep .nav-link:hover,:host ::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}:host ::ng-deep .nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}:host ::ng-deep .nav-link.disabled,:host ::ng-deep .nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}:host ::ng-deep .nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}:host ::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}:host ::ng-deep .nav-tabs .nav-link:hover,:host ::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}:host ::ng-deep .nav-tabs .nav-link.active,:host ::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}:host ::ng-deep .nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}:host ::ng-deep .nav-pills .nav-link.active,:host ::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}:host ::ng-deep .nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: .125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}:host ::ng-deep .nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}:host ::ng-deep .nav-underline .nav-link:hover,:host ::ng-deep .nav-underline .nav-link:focus{border-bottom-color:currentcolor}:host ::ng-deep .nav-underline .nav-link.active,:host ::ng-deep .nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}:host ::ng-deep .nav-fill>.nav-link,:host ::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}:host ::ng-deep .nav-justified>.nav-link,:host ::ng-deep .nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}:host ::ng-deep .nav-fill .nav-item .nav-link,:host ::ng-deep .nav-justified .nav-item .nav-link{width:100%}:host ::ng-deep .tab-content>.tab-pane{display:none}:host ::ng-deep .tab-content>.active{display:block}:host ::ng-deep .tab-content{margin-top:-1px}.tsc{max-height:41px;top:2px;z-index:10;flex-shrink:0}.tsc .nav.nav-tabs{border-bottom:0}.tsc.bottom-tabs{margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs{border-bottom-width:0px}.tsc.bottom-tabs .nav.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.tsc.bottom-tabs .nav.nav-tabs .nav-item{margin-bottom:2px;margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs .nav-item.show .nav-link,.tsc.bottom-tabs .nav.nav-tabs .nav-link.active{border-color:#fff #dee2e6 #dee2e6 #dee2e6}.tab-content.noscript::ng-deep>bs-tab-page>.tab-page-content{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;margin-top:-1px}.overflow-y-hidden{overflow-y:hidden}.tsc .nav-link{cursor:pointer}:host input.noscript:nth-of-type(1):checked~.tsc .nav-item:nth-child(1)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(2):checked~.tsc .nav-item:nth-child(2)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(3):checked~.tsc .nav-item:nth-child(3)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(4):checked~.tsc .nav-item:nth-child(4)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(5):checked~.tsc .nav-item:nth-child(5)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(6):checked~.tsc .nav-item:nth-child(6)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(7):checked~.tsc .nav-item:nth-child(7)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(8):checked~.tsc .nav-item:nth-child(8)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(9):checked~.tsc .nav-item:nth-child(9)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(10):checked~.tsc .nav-item:nth-child(10)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(11):checked~.tsc .nav-item:nth-child(11)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(12):checked~.tsc .nav-item:nth-child(12)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(13):checked~.tsc .nav-item:nth-child(13)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(14):checked~.tsc .nav-item:nth-child(14)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(15):checked~.tsc .nav-item:nth-child(15)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(16):checked~.tsc .nav-item:nth-child(16)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(17):checked~.tsc .nav-item:nth-child(17)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(18):checked~.tsc .nav-item:nth-child(18)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(19):checked~.tsc .nav-item:nth-child(19)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host input.noscript:nth-of-type(20):checked~.tsc .nav-item:nth-child(20)>.nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep input.noscript:nth-of-type(1):checked~.tab-content>bs-tab-page:nth-child(1)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(2):checked~.tab-content>bs-tab-page:nth-child(2)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(3):checked~.tab-content>bs-tab-page:nth-child(3)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(4):checked~.tab-content>bs-tab-page:nth-child(4)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(5):checked~.tab-content>bs-tab-page:nth-child(5)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(6):checked~.tab-content>bs-tab-page:nth-child(6)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(7):checked~.tab-content>bs-tab-page:nth-child(7)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(8):checked~.tab-content>bs-tab-page:nth-child(8)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(9):checked~.tab-content>bs-tab-page:nth-child(9)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(10):checked~.tab-content>bs-tab-page:nth-child(10)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(11):checked~.tab-content>bs-tab-page:nth-child(11)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(12):checked~.tab-content>bs-tab-page:nth-child(12)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(13):checked~.tab-content>bs-tab-page:nth-child(13)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(14):checked~.tab-content>bs-tab-page:nth-child(14)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(15):checked~.tab-content>bs-tab-page:nth-child(15)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(16):checked~.tab-content>bs-tab-page:nth-child(16)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(17):checked~.tab-content>bs-tab-page:nth-child(17)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(18):checked~.tab-content>bs-tab-page:nth-child(18)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(19):checked~.tab-content>bs-tab-page:nth-child(19)>.tab-page-content{display:block}:host ::ng-deep input.noscript:nth-of-type(20):checked~.tab-content>bs-tab-page:nth-child(20)>.tab-page-content{display:block}\n"] }]
|
|
117
117
|
}], ctorParameters: () => [], propDecorators: { border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], selectFirstTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectFirstTab", required: false }] }], tabsPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabsPosition", required: false }] }], tabPages: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BsTabPageComponent), { isSignal: true }] }] } });
|
|
118
118
|
|
|
119
119
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mintplayer-ng-bootstrap-tab-control.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-page-header/tab-page-header.directive.ts","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-page/tab-page.component.ts","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-page/tab-page.component.html","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-control/tab-control.component.ts","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-control/tab-control.component.html","../../../../libs/mintplayer-ng-bootstrap/tab-control/mintplayer-ng-bootstrap-tab-control.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[bsTabPageHeader]',\n})\nexport class BsTabPageHeaderDirective {\n template = inject(TemplateRef);\n}\n","import { ChangeDetectionStrategy, Component, contentChild, computed, inject, input, ElementRef, signal } from '@angular/core';\nimport { BsTabControlComponent } from '../tab-control/tab-control.component';\nimport { BsTabPageHeaderDirective } from '../tab-page-header/tab-page-header.directive';\n\n@Component({\n selector: 'bs-tab-page',\n templateUrl: './tab-page.component.html',\n styleUrls: ['./tab-page.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n // Used by <mp-tab-control> to project the active page into its content slot.\n '[attr.slot]': 'contentSlotName()',\n // Tells <mp-tab-control> the tab is disabled without inspecting child types.\n '[attr.data-disabled]': 'disabled() ? \"\" : null',\n // ARIA wiring (client-side only — the SSR branch renders its own tabpanel\n // div with these attributes inside the bs-tab-page template).\n '[attr.role]': 'tabControl.isServerSide ? null : \"tabpanel\"',\n '[id]': 'tabControl.isServerSide ? null : tabName() + \"-panel\"',\n '[attr.aria-labelledby]': 'tabControl.isServerSide ? null : tabName() + \"-header-button\"',\n '[attr.tabindex]': 'tabControl.isServerSide ? null : (tabControl.activeTab() === this ? 0 : -1)',\n },\n})\nexport class BsTabPageComponent {\n element = inject(ElementRef);\n tabControl = inject(BsTabControlComponent);\n\n constructor() {\n this.tabId = signal(++this.tabControl.tabCounter);\n }\n tabId = signal<number>(0);\n tabName = computed(() => `${this.tabControl.tabControlName()}-${this.tabId()}`);\n contentSlotName = computed(() =>\n this.tabControl.isServerSide ? null : `${this.tabName()}-content`,\n );\n\n disabled = input(false);\n readonly headerTemplate = contentChild(BsTabPageHeaderDirective);\n}\n","@if (tabControl.isServerSide) {\n\t<div [id]=\"tabName() + '-panel'\"\n\t\tclass=\"tab-page-content\"\n\t\trole=\"tabpanel\"\n\t\t[attr.aria-labelledby]=\"tabName() + '-header'\"\n\t\t[class.d-block]=\"tabControl.activeTab() === this\"\n\t\t[attr.tabindex]=\"tabControl.activeTab() === this ? 0 : null\">\n\t\t<ng-content></ng-content>\n\t</div>\n} @else {\n\t<ng-content></ng-content>\n}\n","import { isPlatformServer, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, contentChildren, CUSTOM_ELEMENTS_SCHEMA, effect, ElementRef, inject, input, PLATFORM_ID, signal } from '@angular/core';\nimport { BsNoNoscriptDirective } from '@mintplayer/ng-bootstrap/no-noscript';\nimport '@mintplayer/ng-bootstrap/web-components/tab-control';\nimport type { TabActivateEventDetail } from '@mintplayer/ng-bootstrap/web-components/tab-control';\nimport { BsTabPageComponent } from '../tab-page/tab-page.component';\nimport { BsTabsPosition } from '../tabs-position';\n\n@Component({\n selector: 'bs-tab-control',\n templateUrl: './tab-control.component.html',\n styleUrls: ['./tab-control.component.scss'],\n imports: [NgTemplateOutlet, BsNoNoscriptDirective],\n providers: [\n { provide: 'TAB_CONTROL', useExisting: BsTabControlComponent }\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n host: {\n 'class': 'd-block position-relative',\n },\n})\nexport class BsTabControlComponent {\n element = inject(ElementRef);\n private platformId = inject(PLATFORM_ID);\n\n readonly isServerSide = isPlatformServer(this.platformId);\n\n constructor() {\n this.tabControlId = signal(++BsTabControlComponent.tabControlCounter);\n\n effect(() => {\n const tabPages = this.tabPages();\n const activeTab = this.activeTab();\n const selectFirstTab = this.selectFirstTab();\n if (tabPages.length > 0 && (!activeTab || !tabPages.some(tp => tp === activeTab)) && selectFirstTab) {\n const notDisabled = tabPages.filter((tp) => !tp.disabled());\n if (notDisabled.length > 0) {\n setTimeout(() => this.activeTab.set(notDisabled[0]));\n }\n }\n });\n }\n\n border = input(true);\n selectFirstTab = input(true);\n tabsPosition = input<BsTabsPosition>('top');\n\n readonly tabPages = contentChildren(BsTabPageComponent);\n activeTab = signal<BsTabPageComponent | null>(null);\n tabControlId = signal<number>(0);\n tabControlName = computed(() => `bs-tab-control-${this.tabControlId()}`);\n topTabs = computed(() => this.tabsPosition() === 'top');\n bottomTabs = computed(() => this.tabsPosition() === 'bottom');\n checkedTab = computed(() => {\n const active = this.activeTab();\n if (active) return active;\n if (!this.selectFirstTab()) return null;\n return this.tabPages().find(t => !t.disabled()) ?? null;\n });\n // Stable string ID of the active tab, fed to <mp-tab-control [active-tab]>.\n activeTabName = computed(() => this.checkedTab()?.tabName() ?? null);\n static tabControlCounter = 0;\n tabCounter = 0;\n\n setActiveTab(tab: BsTabPageComponent, event?: Event) {\n event?.preventDefault();\n if (!tab.disabled()) {\n this.activeTab.set(tab);\n }\n return false;\n }\n\n onTabActivate(event: Event) {\n const ce = event as CustomEvent<TabActivateEventDetail>;\n const tabName = ce.detail.tabId;\n const tab = this.tabPages().find(tp => tp.tabName() === tabName);\n if (tab && !tab.disabled()) {\n this.activeTab.set(tab);\n }\n }\n}\n","@if (isServerSide) {\n\t@for (tab of tabPages(); track tab) {\n\t\t<input type=\"radio\" class=\"d-none\" bsNoNoscript\n\t\t\t[name]=\"tabControlName()\"\n\t\t\t[id]=\"tab.tabName()\"\n\t\t\t[checked]=\"checkedTab() === tab\"\n\t\t\t[disabled]=\"tab.disabled()\">\n\t}\n\t@let activeTabValue = activeTab();\n\t<ng-template #tabStrip>\n\t\t<ul class=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\" role=\"tablist\">\n\t\t\t@for (tab of tabPages(); track tab) {\n\t\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]=\"tab.tabName()\"\n\t\t\t\t\t\t\t[id]=\"tab.tabName() + '-header'\"\n\t\t\t\t\t\t\tclass=\"nav-link text-nowrap\"\n\t\t\t\t\t\t\t[class.active]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[class.disabled]=\"tab.disabled()\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t[attr.tabindex]=\"tab.disabled() ? -1 : 0\"\n\t\t\t\t\t\t\t[attr.aria-selected]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[attr.aria-controls]=\"tab.tabName() + '-panel'\"\n\t\t\t\t\t\t\t[attr.aria-disabled]=\"tab.disabled() || null\">\n\t\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</li>\n\t\t\t\t}\n\t\t\t}\n\t\t</ul>\n\t</ng-template>\n\t@if (topTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n\t<div class=\"tab-content flex-grow-1 overflow-auto\" bsNoNoscript [class.border]=\"border() && activeTabValue\" [class.border-top]=\"border() && !activeTabValue\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t@if (bottomTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc bottom-tabs\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n} @else {\n\t<mp-tab-control #wc\n\t\t[attr.tabs-position]=\"tabsPosition()\"\n\t\t[attr.border]=\"border() ? null : 'false'\"\n\t\t[attr.active-tab]=\"activeTabName()\"\n\t\t[attr.select-first-tab]=\"selectFirstTab() ? null : 'false'\"\n\t\t(tab-activate)=\"onTabActivate($event)\">\n\t\t@for (tab of tabPages(); track tab) {\n\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t<span [attr.slot]=\"tab.tabName() + '-header'\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t\t<ng-content></ng-content>\n\t</mp-tab-control>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"mintplayer-ng-bootstrap-tab-control.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-page-header/tab-page-header.directive.ts","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-page/tab-page.component.ts","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-page/tab-page.component.html","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-control/tab-control.component.ts","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-control/tab-control.component.html","../../../../libs/mintplayer-ng-bootstrap/tab-control/mintplayer-ng-bootstrap-tab-control.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[bsTabPageHeader]',\n})\nexport class BsTabPageHeaderDirective {\n template = inject(TemplateRef);\n}\n","import { ChangeDetectionStrategy, Component, contentChild, computed, inject, input, ElementRef, signal } from '@angular/core';\nimport { BsTabControlComponent } from '../tab-control/tab-control.component';\nimport { BsTabPageHeaderDirective } from '../tab-page-header/tab-page-header.directive';\n\n@Component({\n selector: 'bs-tab-page',\n templateUrl: './tab-page.component.html',\n styleUrls: ['./tab-page.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n // Used by <mp-tab-control> to project the active page into its content slot.\n '[attr.slot]': 'contentSlotName()',\n // Tells <mp-tab-control> the tab is disabled without inspecting child types.\n '[attr.data-disabled]': 'disabled() ? \"\" : null',\n // ARIA wiring (client-side only — the SSR branch renders its own tabpanel\n // div with these attributes inside the bs-tab-page template).\n '[attr.role]': 'tabControl.isServerSide ? null : \"tabpanel\"',\n '[id]': 'tabControl.isServerSide ? null : tabName() + \"-panel\"',\n '[attr.aria-labelledby]': 'tabControl.isServerSide ? null : tabName() + \"-header-button\"',\n '[attr.tabindex]': 'tabControl.isServerSide ? null : (tabControl.activeTab() === this ? 0 : -1)',\n },\n})\nexport class BsTabPageComponent {\n element = inject(ElementRef);\n tabControl = inject(BsTabControlComponent);\n\n constructor() {\n this.tabId = signal(++this.tabControl.tabCounter);\n }\n tabId = signal<number>(0);\n tabName = computed(() => `${this.tabControl.tabControlName()}-${this.tabId()}`);\n contentSlotName = computed(() =>\n this.tabControl.isServerSide ? null : `${this.tabName()}-content`,\n );\n\n disabled = input(false);\n readonly headerTemplate = contentChild(BsTabPageHeaderDirective);\n}\n","@if (tabControl.isServerSide) {\n\t<div [id]=\"tabName() + '-panel'\"\n\t\tclass=\"tab-page-content\"\n\t\trole=\"tabpanel\"\n\t\t[attr.aria-labelledby]=\"tabName() + '-header'\"\n\t\t[class.d-block]=\"tabControl.activeTab() === this\"\n\t\t[attr.tabindex]=\"tabControl.activeTab() === this ? 0 : null\">\n\t\t<ng-content></ng-content>\n\t</div>\n} @else {\n\t<ng-content></ng-content>\n}\n","import { isPlatformServer, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, contentChildren, CUSTOM_ELEMENTS_SCHEMA, effect, ElementRef, inject, input, PLATFORM_ID, signal } from '@angular/core';\nimport { BsNoNoscriptDirective } from '@mintplayer/ng-bootstrap/no-noscript';\nimport '@mintplayer/ng-bootstrap/web-components/tab-control';\nimport type { TabActivateEventDetail } from '@mintplayer/ng-bootstrap/web-components/tab-control';\nimport { BsTabPageComponent } from '../tab-page/tab-page.component';\nimport { BsTabsPosition } from '../tabs-position';\n\n@Component({\n selector: 'bs-tab-control',\n templateUrl: './tab-control.component.html',\n styleUrls: ['./tab-control.component.scss'],\n imports: [NgTemplateOutlet, BsNoNoscriptDirective],\n providers: [\n { provide: 'TAB_CONTROL', useExisting: BsTabControlComponent }\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n host: {\n 'class': 'd-block position-relative',\n },\n})\nexport class BsTabControlComponent {\n element = inject(ElementRef);\n private platformId = inject(PLATFORM_ID);\n\n readonly isServerSide = isPlatformServer(this.platformId);\n\n constructor() {\n this.tabControlId = signal(++BsTabControlComponent.tabControlCounter);\n\n effect(() => {\n const tabPages = this.tabPages();\n const activeTab = this.activeTab();\n const selectFirstTab = this.selectFirstTab();\n if (tabPages.length > 0 && (!activeTab || !tabPages.some(tp => tp === activeTab)) && selectFirstTab) {\n const notDisabled = tabPages.filter((tp) => !tp.disabled());\n if (notDisabled.length > 0) {\n setTimeout(() => this.activeTab.set(notDisabled[0]));\n }\n }\n });\n }\n\n border = input(true);\n selectFirstTab = input(true);\n tabsPosition = input<BsTabsPosition>('top');\n\n readonly tabPages = contentChildren(BsTabPageComponent);\n activeTab = signal<BsTabPageComponent | null>(null);\n tabControlId = signal<number>(0);\n tabControlName = computed(() => `bs-tab-control-${this.tabControlId()}`);\n topTabs = computed(() => this.tabsPosition() === 'top');\n bottomTabs = computed(() => this.tabsPosition() === 'bottom');\n checkedTab = computed(() => {\n const active = this.activeTab();\n if (active) return active;\n if (!this.selectFirstTab()) return null;\n return this.tabPages().find(t => !t.disabled()) ?? null;\n });\n // Stable string ID of the active tab, fed to <mp-tab-control [active-tab]>.\n activeTabName = computed(() => this.checkedTab()?.tabName() ?? null);\n static tabControlCounter = 0;\n tabCounter = 0;\n\n setActiveTab(tab: BsTabPageComponent, event?: Event) {\n event?.preventDefault();\n if (!tab.disabled()) {\n this.activeTab.set(tab);\n }\n return false;\n }\n\n onTabActivate(event: Event) {\n const ce = event as CustomEvent<TabActivateEventDetail>;\n const tabName = ce.detail.tabId;\n const tab = this.tabPages().find(tp => tp.tabName() === tabName);\n if (tab && !tab.disabled()) {\n this.activeTab.set(tab);\n }\n }\n}\n","@if (isServerSide) {\n\t@for (tab of tabPages(); track tab) {\n\t\t<input type=\"radio\" class=\"d-none\" bsNoNoscript\n\t\t\t[name]=\"tabControlName()\"\n\t\t\t[id]=\"tab.tabName()\"\n\t\t\t[checked]=\"checkedTab() === tab\"\n\t\t\t[disabled]=\"tab.disabled()\">\n\t}\n\t@let activeTabValue = activeTab();\n\t<ng-template #tabStrip>\n\t\t<ul class=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\" role=\"tablist\">\n\t\t\t@for (tab of tabPages(); track tab) {\n\t\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]=\"tab.tabName()\"\n\t\t\t\t\t\t\t[id]=\"tab.tabName() + '-header'\"\n\t\t\t\t\t\t\tclass=\"nav-link text-nowrap\"\n\t\t\t\t\t\t\t[class.active]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[class.disabled]=\"tab.disabled()\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t[attr.tabindex]=\"tab.disabled() ? -1 : (activeTabValue === tab ? 0 : -1)\"\n\t\t\t\t\t\t\t[attr.aria-selected]=\"activeTabValue === tab\"\n\t\t\t\t\t\t\t[attr.aria-controls]=\"tab.tabName() + '-panel'\"\n\t\t\t\t\t\t\t[attr.aria-disabled]=\"tab.disabled() || null\">\n\t\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</li>\n\t\t\t\t}\n\t\t\t}\n\t\t</ul>\n\t</ng-template>\n\t@if (topTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n\t<div class=\"tab-content flex-grow-1 overflow-auto\" bsNoNoscript [class.border]=\"border() && activeTabValue\" [class.border-top]=\"border() && !activeTabValue\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t@if (bottomTabs()) {\n\t\t<div class=\"overflow-hidden mw-100 tsc bottom-tabs\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"tabStrip\"></ng-container>\n\t\t</div>\n\t}\n} @else {\n\t<mp-tab-control #wc\n\t\t[attr.tabs-position]=\"tabsPosition()\"\n\t\t[attr.border]=\"border() ? null : 'false'\"\n\t\t[attr.active-tab]=\"activeTabName()\"\n\t\t[attr.select-first-tab]=\"selectFirstTab() ? null : 'false'\"\n\t\t(tab-activate)=\"onTabActivate($event)\">\n\t\t@for (tab of tabPages(); track tab) {\n\t\t\t@if (tab.headerTemplate()) {\n\t\t\t\t<span [attr.slot]=\"tab.tabName() + '-header'\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate()!.template\"></ng-container>\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t\t<ng-content></ng-content>\n\t</mp-tab-control>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -16,14 +16,21 @@ class BsTableComponent {
|
|
|
16
16
|
this.striped = input(false, ...(ngDevMode ? [{ debugName: "striped" }] : /* istanbul ignore next */ []));
|
|
17
17
|
this.hover = input(false, ...(ngDevMode ? [{ debugName: "hover" }] : /* istanbul ignore next */ []));
|
|
18
18
|
this.border = input(false, ...(ngDevMode ? [{ debugName: "border" }] : /* istanbul ignore next */ []));
|
|
19
|
+
/**
|
|
20
|
+
* Forwards `aria-rowcount` onto the wrapped `<table>` element. Used by
|
|
21
|
+
* virtualised consumers (e.g. virtual-datatable) that need SR users to
|
|
22
|
+
* hear "row N of Y" with Y matching the full record set, not the DOM
|
|
23
|
+
* slice. `null` (default) leaves the attribute off entirely.
|
|
24
|
+
*/
|
|
25
|
+
this.ariaRowCount = input(null, ...(ngDevMode ? [{ debugName: "ariaRowCount" }] : /* istanbul ignore next */ []));
|
|
19
26
|
}
|
|
20
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BsTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: BsTableComponent, isStandalone: true, selector: "bs-table", inputs: { isResponsive: { classPropertyName: "isResponsive", publicName: "isResponsive", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, hover: { classPropertyName: "hover", publicName: "hover", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<bs-table-styles>\n <div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n <table class=\"table\" cellspacing=\"0\"
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: BsTableComponent, isStandalone: true, selector: "bs-table", inputs: { isResponsive: { classPropertyName: "isResponsive", publicName: "isResponsive", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, hover: { classPropertyName: "hover", publicName: "hover", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, ariaRowCount: { classPropertyName: "ariaRowCount", publicName: "ariaRowCount", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<bs-table-styles>\n <div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n <table class=\"table\" cellspacing=\"0\"\n [class.mb-0]=\"isResponsive()\"\n [class.table-striped]=\"striped()\"\n [class.table-hover]=\"hover()\"\n [class.border]=\"border()\"\n [attr.aria-rowcount]=\"ariaRowCount()\">\n\n <ng-content></ng-content>\n\n </table>\n </div>\n</bs-table-styles>\n", styles: [":host ::ng-deep .nowrap th,:host ::ng-deep td{white-space:nowrap}\n"], dependencies: [{ kind: "component", type: BsTableStylesComponent, selector: "bs-table-styles" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
22
29
|
}
|
|
23
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BsTableComponent, decorators: [{
|
|
24
31
|
type: Component,
|
|
25
|
-
args: [{ selector: 'bs-table', imports: [BsTableStylesComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-table-styles>\n <div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n <table class=\"table\" cellspacing=\"0\"
|
|
26
|
-
}], propDecorators: { isResponsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isResponsive", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], hover: [{ type: i0.Input, args: [{ isSignal: true, alias: "hover", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }] } });
|
|
32
|
+
args: [{ selector: 'bs-table', imports: [BsTableStylesComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-table-styles>\n <div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n <table class=\"table\" cellspacing=\"0\"\n [class.mb-0]=\"isResponsive()\"\n [class.table-striped]=\"striped()\"\n [class.table-hover]=\"hover()\"\n [class.border]=\"border()\"\n [attr.aria-rowcount]=\"ariaRowCount()\">\n\n <ng-content></ng-content>\n\n </table>\n </div>\n</bs-table-styles>\n", styles: [":host ::ng-deep .nowrap th,:host ::ng-deep td{white-space:nowrap}\n"] }]
|
|
33
|
+
}], propDecorators: { isResponsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isResponsive", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], hover: [{ type: i0.Input, args: [{ isSignal: true, alias: "hover", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], ariaRowCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRowCount", required: false }] }] } });
|
|
27
34
|
|
|
28
35
|
/**
|
|
29
36
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mintplayer-ng-bootstrap-table.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/table/src/table-styles/table-styles.component.ts","../../../../libs/mintplayer-ng-bootstrap/table/src/component/table.component.ts","../../../../libs/mintplayer-ng-bootstrap/table/src/component/table.component.html","../../../../libs/mintplayer-ng-bootstrap/table/mintplayer-ng-bootstrap-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'bs-table-styles',\n template: '<ng-content></ng-content>',\n styleUrls: ['./table-styles.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsTableStylesComponent {}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { BsTableStylesComponent } from '../table-styles/table-styles.component';\n\n@Component({\n selector: 'bs-table',\n templateUrl: './table.component.html',\n styleUrls: ['./table.component.scss'],\n imports: [BsTableStylesComponent],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsTableComponent {\n isResponsive = input(false);\n striped = input(false);\n hover = input(false);\n border = input(false);\n}\n","<bs-table-styles>\n <div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n <table class=\"table\" cellspacing=\"0\"
|
|
1
|
+
{"version":3,"file":"mintplayer-ng-bootstrap-table.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/table/src/table-styles/table-styles.component.ts","../../../../libs/mintplayer-ng-bootstrap/table/src/component/table.component.ts","../../../../libs/mintplayer-ng-bootstrap/table/src/component/table.component.html","../../../../libs/mintplayer-ng-bootstrap/table/mintplayer-ng-bootstrap-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'bs-table-styles',\n template: '<ng-content></ng-content>',\n styleUrls: ['./table-styles.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsTableStylesComponent {}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { BsTableStylesComponent } from '../table-styles/table-styles.component';\n\n@Component({\n selector: 'bs-table',\n templateUrl: './table.component.html',\n styleUrls: ['./table.component.scss'],\n imports: [BsTableStylesComponent],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsTableComponent {\n isResponsive = input(false);\n striped = input(false);\n hover = input(false);\n border = input(false);\n /**\n * Forwards `aria-rowcount` onto the wrapped `<table>` element. Used by\n * virtualised consumers (e.g. virtual-datatable) that need SR users to\n * hear \"row N of Y\" with Y matching the full record set, not the DOM\n * slice. `null` (default) leaves the attribute off entirely.\n */\n ariaRowCount = input<number | null>(null);\n}\n","<bs-table-styles>\n <div class=\"d-block\" [class.table-responsive]=\"isResponsive()\" [class.nowrap]=\"isResponsive()\">\n <table class=\"table\" cellspacing=\"0\"\n [class.mb-0]=\"isResponsive()\"\n [class.table-striped]=\"striped()\"\n [class.table-hover]=\"hover()\"\n [class.border]=\"border()\"\n [attr.aria-rowcount]=\"ariaRowCount()\">\n\n <ng-content></ng-content>\n\n </table>\n </div>\n</bs-table-styles>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,sBAAsB,CAAA;+GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,2EAJvB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8/YAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAI1B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,QAAA,EACjB,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8/YAAA,CAAA,EAAA;;;MCIpC,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,mFAAC;AAC3B,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK,8EAAC;AACtB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,4EAAC;AACpB,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,6EAAC;AACrB;;;;;AAKG;AACH,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC;AAC1C,IAAA;+GAZY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV7B,yfAcA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPY,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGrB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,WAGX,CAAC,sBAAsB,CAAC,EAAA,eAAA,EAChB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yfAAA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA;;;AERjD;;AAEG;;;;"}
|