@skyux/tabs 12.13.2 → 12.14.1
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/skyux-tabs.mjs +2 -2
- package/package.json +10 -10
package/fesm2022/skyux-tabs.mjs
CHANGED
|
@@ -544,11 +544,11 @@ class SkyVerticalTabComponent {
|
|
|
544
544
|
this.#changeRef.markForCheck();
|
|
545
545
|
}
|
|
546
546
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyVerticalTabComponent, deps: [{ token: SkyVerticalTabsetAdapterService }, { token: i0.ChangeDetectorRef }, { token: SkyVerticalTabsetService }, { token: SkyTabIdService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
547
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyVerticalTabComponent, isStandalone: false, selector: "sky-vertical-tab", inputs: { active: "active", ariaControls: "ariaControls", ariaRole: "ariaRole", disabled: "disabled", errorIndicator: "errorIndicator", requiredIndicator: "requiredIndicator", tabHeaderCount: "tabHeaderCount", tabHeading: "tabHeading", showTabRightArrow: "showTabRightArrow", tabId: "tabId" }, viewQueries: [{ propertyName: "tabButton", first: true, predicate: ["tabButton"], descendants: true }, { propertyName: "tabContent", first: true, predicate: ["tabContentWrapper"], descendants: true }], ngImport: i0, template: "<a\n #tabButton\n class=\"sky-vertical-tab sky-vertical-tabset-button\"\n [attr.aria-controls]=\"\n isMobile ? undefined : ariaControls || tabContentPane.id\n \"\n [attr.aria-disabled]=\"isMobile ? undefined : disabled || undefined\"\n [attr.aria-selected]=\"isMobile ? undefined : active\"\n [attr.id]=\"tabId\"\n [attr.role]=\"isMobile ? undefined : ariaRole\"\n [ngClass]=\"{\n 'sky-vertical-tab-active': active,\n 'sky-vertical-tabset-button-disabled': disabled,\n 'sky-font-deemphasized': disabled\n }\"\n [tabIndex]=\"-1\"\n (click)=\"activateTab()\"\n (keyup.arrowleft)=\"tabButtonArrowLeft($event)\"\n (keyup.enter)=\"tabButtonActivate($event)\"\n (keyup.space)=\"tabButtonActivate($event)\"\n>\n <div class=\"sky-vertical-tab-display\">\n <div\n class=\"sky-vertical-tab-heading\"\n [ngClass]=\"{ 'sky-control-label-required': requiredIndicator }\"\n >\n <span class=\"sky-vertical-tab-heading-value\">{{ tabHeading }}</span>\n @if (tabHeaderCount || tabHeaderCount === 0) {\n <span class=\"sky-vertical-tab-count\"> ({{ tabHeaderCount }}) </span>\n }\n </div>\n @if (errorIndicator) {\n <sky-status-indicator\n class=\"sky-vertical-tab-heading-error\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n />\n }\n @if (isMobile && showTabRightArrow) {\n <sky-icon class=\"sky-vertical-tab-right-arrow\" iconName=\"chevron-right\" />\n }\n </div>\n</a>\n\n<div #tabContentWrapper skyResponsiveHost>\n <div\n #tabContentPane\n class=\"sky-vertical-tab-content-pane\"\n role=\"tabpanel\"\n tabindex=\"0\"\n skyId\n [attr.aria-labelledby]=\"tabId\"\n [ngClass]=\"{ 'sky-vertical-tab-hidden': !active }\"\n >\n <ng-content />\n </div>\n</div>\n", styles: [".sky-vertical-tab:not(.sky-theme-modern *){--sky-override-vertical-tab-background-color: transparent;--sky-override-vertical-tab-background-color-active: #eeeeef;--sky-override-vertical-tab-background-color-focus: transparent;--sky-override-vertical-tab-background-color-hover: #eeeeef;--sky-override-vertical-tab-background-color-selected: #eeeeef;--sky-override-vertical-tab-border-left-active: none;--sky-override-vertical-tab-border-left-hover: none;--sky-override-vertical-tab-border-left-selected: 4px solid #00b4f1;--sky-override-vertical-tab-box-shadow-focus: none;--sky-override-vertical-tab-count-margin-left: 5px;--sky-override-vertical-tab-display-align-items: normal;--sky-override-vertical-tab-font-color: #212327;--sky-override-vertical-tab-font-color-disabled: var( --sky-text-color-deemphasized );--sky-override-vertical-tab-font-selected-color: #212327;--sky-override-vertical-tab-gap: 5px;--sky-override-vertical-tab-heading-error-line-height: normal;--sky-override-vertical-tab-heading-error-padding-left: 5px;--sky-override-vertical-tab-hover-font-color: #212327;--sky-override-vertical-tab-margin: 5px 0 5px 10px;--sky-override-vertical-tab-outline-focus: auto;--sky-override-vertical-tab-padding: 7px 0 7px 10px;--sky-override-vertical-tab-padding-left-active: 10px;--sky-override-vertical-tab-padding-left-selected: 6px;--sky-override-vertical-tab-padding-left-hover: 10px;--sky-override-vertical-tab-right-arrow-color: #686c73;--sky-override-vertical-tab-right-arrow-color-active: #686c73;--sky-override-vertical-tab-right-arrow-color-hover: color.adjust( #686c73, $lightness: -20% );--sky-override-vertical-tab-right-arrow-color-selected: #686c73;--sky-override-vertical-tab-right-arrow-padding: 3px 10px 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-vertical-tab{--sky-override-vertical-tab-background-color-disabled: transparent;--sky-override-vertical-tab-background-color-selected: transparent;--sky-override-vertical-tab-border-left-active: var(--modern-size-4) solid var(--modern-color-blue-50);--sky-override-vertical-tab-border-left-hover: var(--modern-size-1) solid var(--modern-color-blue-50);--sky-override-vertical-tab-content-pane-margin-bottom: 0;--sky-override-vertical-tab-display-align-items: normal;--sky-override-vertical-tab-gap: var(--modern-size-15);--sky-override-vertical-tab-heading-error-margin-right: calc( var(--modern-size-10) * -1 );--sky-override-vertical-tab-heading-error-line-height: normal;--sky-override-vertical-tab-heading-error-padding-left: var(--modern-size-10);--sky-override-vertical-tab-heading-error-position: relative;--sky-override-vertical-tab-margin: var(--modern-size-15) 0 var(--modern-size-15) var(--modern-size-10);--sky-override-vertical-tab-padding: var(--modern-size-10) var(--modern-size-10) var(--modern-size-10) var(--modern-size-15);--sky-override-vertical-tab-right-arrow-color: var(--modern-color-gray-20);--sky-override-vertical-tab-right-arrow-color-active: var( --modern-color-gray-20 );--sky-override-vertical-tab-right-arrow-color-hover: #979ba2;--sky-override-vertical-tab-right-arrow-color-selected: var( --modern-color-gray-20 );--sky-override-vertical-tab-right-arrow-padding: var(--modern-size-3) 0 0 0}:host:has(~sky-vertical-tab) .sky-vertical-tab{margin-bottom:var(--sky-override-vertical-tab-gap, var(--sky-space-gap-action_group-l))}:host:has(.sky-vertical-tabset-button-disabled){cursor:not-allowed}.sky-vertical-tab{cursor:pointer;background-color:var(--sky-override-vertical-tab-background-color, var(--sky-color-background-nav-base));padding:var(--sky-override-vertical-tab-padding, var(--sky-space-inset-pillarbox-2_3-top-m) var(--sky-space-inset-pillarbox-2_3-right-m) var(--sky-space-inset-pillarbox-2_3-bottom-m) var(--sky-space-inset-pillarbox-2_3-left-m));margin:var(--sky-override-vertical-tab-margin, 0 0 0 var(--sky-space-inline-s));display:flex;text-decoration:none;color:var(--sky-override-vertical-tab-font-color, var(--sky-color-text-deemphasized));border-radius:var(--sky-border-radius-0)}.sky-vertical-tab:hover{color:var(--sky-override-vertical-tab-hover-font-color, var(--sky-color-text-default));background-color:var(--sky-override-vertical-tab-background-color-hover, var(--sky-color-background-nav-hover))}.sky-vertical-tab:hover .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-hover, var(--sky-color-icon-default))}.sky-vertical-tab:active{background-color:var(--sky-override-vertical-tab-background-color-active, var(--sky-color-background-nav-active));border-left:var(--sky-override-vertical-tab-border-left-active, var(--sky-border-width-selected-l) solid var(--sky-color-border-selected));color:var(--sky-override-vertical-tab-active-font-color, var(--sky-color-text-default));padding-left:var(--sky-override-vertical-tab-padding-left-active, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-l)))}.sky-vertical-tab:active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-active, var(--sky-color-icon-default))}.sky-vertical-tab:not(:active):focus-visible{background-color:var(--sky-override-vertical-tab-background-color-focus, var(--sky-color-background-nav-focus));outline:var(--sky-override-vertical-tab-outline-focus, var(--sky-border-width-selected-m) solid var(--sky-color-border-selected));outline-offset:var(--sky-override-vertical-tab-outline-focus-offset, calc(var(--sky-border-width-selected-m) * -1));box-shadow:var(--sky-override-vertical-tab-box-shadow-focus, var(--sky-elevation-focus))}.sky-vertical-tab:not(:active):focus-visible.sky-vertical-tab-active{background-color:var(--sky-override-vertical-tab-background-color-selected, var(--sky-color-background-selected-soft));color:var(--sky-override-vertical-tab-selected-font-color, var(--sky-color-text-default))}.sky-vertical-tab:not(:active):focus-visible.sky-vertical-tab-active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-selected, var(--sky-color-icon-default))}.sky-vertical-tab:not(.sky-vertical-tab-active):not(:active):hover{padding-left:var(--sky-override-vertical-tab-padding-left-hover, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-s)));border-left:var(--sky-override-vertical-tab-border-left-hover, var(--sky-border-width-selected-s) solid var(--sky-color-border-selected))}.sky-vertical-tab-active{background-color:var(--sky-override-vertical-tab-background-color-selected, var(--sky-color-background-selected-soft));color:var(--sky-override-vertical-tab-selected-font-color, var(--sky-color-text-default));padding-left:var(--sky-override-vertical-tab-padding-left-selected, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-l)));border-left:var(--sky-override-vertical-tab-border-left-selected, var(--sky-border-width-selected-l) solid var(--sky-color-border-selected))}.sky-vertical-tab-active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-selected, var(--sky-color-icon-default))}.sky-vertical-tab-hidden{display:none}.sky-vertical-tab-display{display:flex;justify-content:space-between;flex-grow:1;align-items:var(--sky-override-vertical-tab-display-align-items, center)}.sky-vertical-tab-heading-error{padding-left:var(--sky-override-vertical-tab-heading-error-padding-left, var(--sky-space-gap-text_action-s));margin-right:var(--sky-override-vertical-tab-heading-error-margin-right);position:var(--sky-override-vertical-tab-heading-error-position);top:-2px;line-height:var(--sky-override-vertical-tab-heading-error-line-height, 1)}.sky-vertical-tab-count{margin-left:var(--sky-override-vertical-tab-count-margin-left, var(--sky-space-gap-label-s))}.sky-vertical-tabset-button-disabled{background-color:var(--sky-override-vertical-tab-background-color-disabled, var(--sky-color-background-nav-disabled));color:var(--sky-override-vertical-tab-font-color-disabled, var(--sky-color-text-deemphasized));pointer-events:none}.sky-vertical-tab-right-arrow{padding:var(--sky-override-vertical-tab-right-arrow-padding, 0);color:var(--sky-override-vertical-tab-right-arrow-color, var(--sky-color-icon-deemphasized))}.sky-vertical-tab-content-pane{margin-bottom:0}.sky-vertical-tab-content-pane:focus-visible{outline:none;border:none}.sky-responsive-container-xs .sky-vertical-tab-content-pane{margin-bottom:var(--sky-override-vertical-tab-content-pane-margin-bottom, var(--sky-space-stacked-s))}:host-context(.sky-sectioned-form-tabs-only) .sky-vertical-tab{margin-left:0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i6.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i3.SkyResponsiveHostDirective, selector: "[skyResponsiveHost]", exportAs: ["skyResponsiveHost"] }, { kind: "component", type: i7.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
547
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyVerticalTabComponent, isStandalone: false, selector: "sky-vertical-tab", inputs: { active: "active", ariaControls: "ariaControls", ariaRole: "ariaRole", disabled: "disabled", errorIndicator: "errorIndicator", requiredIndicator: "requiredIndicator", tabHeaderCount: "tabHeaderCount", tabHeading: "tabHeading", showTabRightArrow: "showTabRightArrow", tabId: "tabId" }, viewQueries: [{ propertyName: "tabButton", first: true, predicate: ["tabButton"], descendants: true }, { propertyName: "tabContent", first: true, predicate: ["tabContentWrapper"], descendants: true }], ngImport: i0, template: "<a\n #tabButton\n class=\"sky-vertical-tab sky-vertical-tabset-button\"\n [attr.aria-controls]=\"\n isMobile ? undefined : ariaControls || tabContentPane.id\n \"\n [attr.aria-disabled]=\"isMobile ? undefined : disabled || undefined\"\n [attr.aria-selected]=\"isMobile ? undefined : active\"\n [attr.id]=\"tabId\"\n [attr.role]=\"isMobile ? undefined : ariaRole\"\n [ngClass]=\"{\n 'sky-vertical-tab-active': active,\n 'sky-vertical-tabset-button-disabled': disabled,\n 'sky-font-deemphasized': disabled\n }\"\n [tabIndex]=\"-1\"\n (click)=\"activateTab()\"\n (keyup.arrowleft)=\"tabButtonArrowLeft($event)\"\n (keyup.enter)=\"tabButtonActivate($event)\"\n (keyup.space)=\"tabButtonActivate($event)\"\n>\n <div class=\"sky-vertical-tab-display\">\n <div\n class=\"sky-vertical-tab-heading\"\n [ngClass]=\"{ 'sky-control-label-required': requiredIndicator }\"\n >\n <span class=\"sky-vertical-tab-heading-value\">{{ tabHeading }}</span>\n @if (tabHeaderCount || tabHeaderCount === 0) {\n <span class=\"sky-vertical-tab-count\"> ({{ tabHeaderCount }}) </span>\n }\n </div>\n @if (errorIndicator) {\n <sky-status-indicator\n class=\"sky-vertical-tab-heading-error\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n />\n }\n @if (isMobile && showTabRightArrow) {\n <sky-icon class=\"sky-vertical-tab-right-arrow\" iconName=\"chevron-right\" />\n }\n </div>\n</a>\n\n<div #tabContentWrapper skyResponsiveHost>\n <div\n #tabContentPane\n class=\"sky-vertical-tab-content-pane\"\n role=\"tabpanel\"\n tabindex=\"0\"\n skyId\n [attr.aria-labelledby]=\"tabId\"\n [ngClass]=\"{ 'sky-vertical-tab-hidden': !active }\"\n >\n <ng-content />\n </div>\n</div>\n", styles: [".sky-vertical-tab:not(.sky-theme-modern *){--sky-override-vertical-tab-background-color: transparent;--sky-override-vertical-tab-background-color-active: #eeeeef;--sky-override-vertical-tab-background-color-focus: transparent;--sky-override-vertical-tab-background-color-hover: #eeeeef;--sky-override-vertical-tab-background-color-selected: #eeeeef;--sky-override-vertical-tab-border-left-active: none;--sky-override-vertical-tab-border-left-hover: none;--sky-override-vertical-tab-border-left-selected: 4px solid #00b4f1;--sky-override-vertical-tab-count-margin-left: 5px;--sky-override-vertical-tab-display-align-items: normal;--sky-override-vertical-tab-font-color: #212327;--sky-override-vertical-tab-font-color-disabled: var( --sky-text-color-deemphasized );--sky-override-vertical-tab-font-selected-color: #212327;--sky-override-vertical-tab-gap: 5px;--sky-override-vertical-tab-heading-error-line-height: normal;--sky-override-vertical-tab-heading-error-padding-left: 5px;--sky-override-vertical-tab-hover-font-color: #212327;--sky-override-vertical-tab-margin: 5px 0 5px 10px;--sky-override-vertical-tab-outline-focus: auto;--sky-override-vertical-tab-padding: 7px 0 7px 10px;--sky-override-vertical-tab-padding-left-active: 10px;--sky-override-vertical-tab-padding-left-selected: 6px;--sky-override-vertical-tab-padding-left-hover: 10px;--sky-override-vertical-tab-right-arrow-color: #686c73;--sky-override-vertical-tab-right-arrow-color-active: #686c73;--sky-override-vertical-tab-right-arrow-color-hover: color.adjust( #686c73, $lightness: -20% );--sky-override-vertical-tab-right-arrow-color-selected: #686c73;--sky-override-vertical-tab-right-arrow-padding: 3px 10px 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-vertical-tab{--sky-override-vertical-tab-background-color-disabled: transparent;--sky-override-vertical-tab-background-color-selected: transparent;--sky-override-vertical-tab-border-left-active: var(--modern-size-4) solid var(--modern-color-blue-50);--sky-override-vertical-tab-border-left-hover: var(--modern-size-1) solid var(--modern-color-blue-50);--sky-override-vertical-tab-box-shadow-focus: var(--sky-elevation-focus);--sky-override-vertical-tab-content-pane-margin-bottom: 0;--sky-override-vertical-tab-display-align-items: normal;--sky-override-vertical-tab-gap: var(--modern-size-15);--sky-override-vertical-tab-heading-error-margin-right: calc( var(--modern-size-10) * -1 );--sky-override-vertical-tab-heading-error-line-height: normal;--sky-override-vertical-tab-heading-error-padding-left: var(--modern-size-10);--sky-override-vertical-tab-heading-error-position: relative;--sky-override-vertical-tab-margin: var(--modern-size-15) 0 var(--modern-size-15) var(--modern-size-10);--sky-override-vertical-tab-padding: var(--modern-size-10) var(--modern-size-10) var(--modern-size-10) var(--modern-size-15);--sky-override-vertical-tab-right-arrow-color: var(--modern-color-gray-20);--sky-override-vertical-tab-right-arrow-color-active: var( --modern-color-gray-20 );--sky-override-vertical-tab-right-arrow-color-hover: #979ba2;--sky-override-vertical-tab-right-arrow-color-selected: var( --modern-color-gray-20 );--sky-override-vertical-tab-right-arrow-padding: var(--modern-size-3) 0 0 0}:host:has(~sky-vertical-tab) .sky-vertical-tab{margin-bottom:var(--sky-override-vertical-tab-gap, var(--sky-space-gap-action_group-l))}:host:has(.sky-vertical-tabset-button-disabled){cursor:not-allowed}.sky-vertical-tab{cursor:pointer;background-color:var(--sky-override-vertical-tab-background-color, var(--sky-color-background-nav-base));padding:var(--sky-override-vertical-tab-padding, var(--sky-space-inset-pillarbox-2_3-top-m) var(--sky-space-inset-pillarbox-2_3-right-m) var(--sky-space-inset-pillarbox-2_3-bottom-m) var(--sky-space-inset-pillarbox-2_3-left-m));margin:var(--sky-override-vertical-tab-margin, 0 0 0 var(--sky-space-inline-s));display:flex;text-decoration:none;color:var(--sky-override-vertical-tab-font-color, var(--sky-color-text-deemphasized));border-radius:var(--sky-border-radius-0)}.sky-vertical-tab:hover{color:var(--sky-override-vertical-tab-hover-font-color, var(--sky-color-text-default));background-color:var(--sky-override-vertical-tab-background-color-hover, var(--sky-color-background-nav-hover))}.sky-vertical-tab:hover .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-hover, var(--sky-color-icon-default))}.sky-vertical-tab:active{background-color:var(--sky-override-vertical-tab-background-color-active, var(--sky-color-background-nav-active));border-left:var(--sky-override-vertical-tab-border-left-active, var(--sky-border-width-selected-l) solid var(--sky-color-border-selected));color:var(--sky-override-vertical-tab-active-font-color, var(--sky-color-text-default));padding-left:var(--sky-override-vertical-tab-padding-left-active, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-l)))}.sky-vertical-tab:active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-active, var(--sky-color-icon-default))}.sky-vertical-tab:not(:active):focus-visible{background-color:var(--sky-override-vertical-tab-background-color-focus, var(--sky-color-background-nav-focus));outline:var(--sky-override-vertical-tab-outline-focus, var(--sky-border-width-selected-m) solid var(--sky-color-border-selected));outline-offset:var(--sky-override-vertical-tab-outline-focus-offset, calc(var(--sky-border-width-selected-m) * -1));box-shadow:var(--sky-override-vertical-tab-box-shadow-focus, none)}.sky-vertical-tab:not(:active):focus-visible.sky-vertical-tab-active{background-color:var(--sky-override-vertical-tab-background-color-selected, var(--sky-color-background-selected-soft));color:var(--sky-override-vertical-tab-selected-font-color, var(--sky-color-text-default))}.sky-vertical-tab:not(:active):focus-visible.sky-vertical-tab-active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-selected, var(--sky-color-icon-default))}.sky-vertical-tab:not(.sky-vertical-tab-active):not(:active):hover{padding-left:var(--sky-override-vertical-tab-padding-left-hover, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-s)));border-left:var(--sky-override-vertical-tab-border-left-hover, var(--sky-border-width-selected-s) solid var(--sky-color-border-selected))}.sky-vertical-tab-active{background-color:var(--sky-override-vertical-tab-background-color-selected, var(--sky-color-background-selected-soft));color:var(--sky-override-vertical-tab-selected-font-color, var(--sky-color-text-default));padding-left:var(--sky-override-vertical-tab-padding-left-selected, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-l)));border-left:var(--sky-override-vertical-tab-border-left-selected, var(--sky-border-width-selected-l) solid var(--sky-color-border-selected))}.sky-vertical-tab-active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-selected, var(--sky-color-icon-default))}.sky-vertical-tab-hidden{display:none}.sky-vertical-tab-display{display:flex;justify-content:space-between;flex-grow:1;align-items:var(--sky-override-vertical-tab-display-align-items, center)}.sky-vertical-tab-heading-error{padding-left:var(--sky-override-vertical-tab-heading-error-padding-left, var(--sky-space-gap-text_action-s));margin-right:var(--sky-override-vertical-tab-heading-error-margin-right);position:var(--sky-override-vertical-tab-heading-error-position);top:-2px;line-height:var(--sky-override-vertical-tab-heading-error-line-height, 1)}.sky-vertical-tab-count{margin-left:var(--sky-override-vertical-tab-count-margin-left, var(--sky-space-gap-label-s))}.sky-vertical-tabset-button-disabled{background-color:var(--sky-override-vertical-tab-background-color-disabled, var(--sky-color-background-nav-disabled));color:var(--sky-override-vertical-tab-font-color-disabled, var(--sky-color-text-deemphasized));pointer-events:none}.sky-vertical-tab-right-arrow{padding:var(--sky-override-vertical-tab-right-arrow-padding, 0);color:var(--sky-override-vertical-tab-right-arrow-color, var(--sky-color-icon-deemphasized))}.sky-vertical-tab-content-pane{margin-bottom:0}.sky-vertical-tab-content-pane:focus-visible{outline:none;border:none}.sky-responsive-container-xs .sky-vertical-tab-content-pane{margin-bottom:var(--sky-override-vertical-tab-content-pane-margin-bottom, var(--sky-space-stacked-s))}:host-context(.sky-sectioned-form-tabs-only) .sky-vertical-tab{margin-left:0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i6.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i3.SkyResponsiveHostDirective, selector: "[skyResponsiveHost]", exportAs: ["skyResponsiveHost"] }, { kind: "component", type: i7.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
548
548
|
}
|
|
549
549
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyVerticalTabComponent, decorators: [{
|
|
550
550
|
type: Component,
|
|
551
|
-
args: [{ selector: 'sky-vertical-tab', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<a\n #tabButton\n class=\"sky-vertical-tab sky-vertical-tabset-button\"\n [attr.aria-controls]=\"\n isMobile ? undefined : ariaControls || tabContentPane.id\n \"\n [attr.aria-disabled]=\"isMobile ? undefined : disabled || undefined\"\n [attr.aria-selected]=\"isMobile ? undefined : active\"\n [attr.id]=\"tabId\"\n [attr.role]=\"isMobile ? undefined : ariaRole\"\n [ngClass]=\"{\n 'sky-vertical-tab-active': active,\n 'sky-vertical-tabset-button-disabled': disabled,\n 'sky-font-deemphasized': disabled\n }\"\n [tabIndex]=\"-1\"\n (click)=\"activateTab()\"\n (keyup.arrowleft)=\"tabButtonArrowLeft($event)\"\n (keyup.enter)=\"tabButtonActivate($event)\"\n (keyup.space)=\"tabButtonActivate($event)\"\n>\n <div class=\"sky-vertical-tab-display\">\n <div\n class=\"sky-vertical-tab-heading\"\n [ngClass]=\"{ 'sky-control-label-required': requiredIndicator }\"\n >\n <span class=\"sky-vertical-tab-heading-value\">{{ tabHeading }}</span>\n @if (tabHeaderCount || tabHeaderCount === 0) {\n <span class=\"sky-vertical-tab-count\"> ({{ tabHeaderCount }}) </span>\n }\n </div>\n @if (errorIndicator) {\n <sky-status-indicator\n class=\"sky-vertical-tab-heading-error\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n />\n }\n @if (isMobile && showTabRightArrow) {\n <sky-icon class=\"sky-vertical-tab-right-arrow\" iconName=\"chevron-right\" />\n }\n </div>\n</a>\n\n<div #tabContentWrapper skyResponsiveHost>\n <div\n #tabContentPane\n class=\"sky-vertical-tab-content-pane\"\n role=\"tabpanel\"\n tabindex=\"0\"\n skyId\n [attr.aria-labelledby]=\"tabId\"\n [ngClass]=\"{ 'sky-vertical-tab-hidden': !active }\"\n >\n <ng-content />\n </div>\n</div>\n", styles: [".sky-vertical-tab:not(.sky-theme-modern *){--sky-override-vertical-tab-background-color: transparent;--sky-override-vertical-tab-background-color-active: #eeeeef;--sky-override-vertical-tab-background-color-focus: transparent;--sky-override-vertical-tab-background-color-hover: #eeeeef;--sky-override-vertical-tab-background-color-selected: #eeeeef;--sky-override-vertical-tab-border-left-active: none;--sky-override-vertical-tab-border-left-hover: none;--sky-override-vertical-tab-border-left-selected: 4px solid #00b4f1;--sky-override-vertical-tab-box-shadow-focus: none;--sky-override-vertical-tab-count-margin-left: 5px;--sky-override-vertical-tab-display-align-items: normal;--sky-override-vertical-tab-font-color: #212327;--sky-override-vertical-tab-font-color-disabled: var( --sky-text-color-deemphasized );--sky-override-vertical-tab-font-selected-color: #212327;--sky-override-vertical-tab-gap: 5px;--sky-override-vertical-tab-heading-error-line-height: normal;--sky-override-vertical-tab-heading-error-padding-left: 5px;--sky-override-vertical-tab-hover-font-color: #212327;--sky-override-vertical-tab-margin: 5px 0 5px 10px;--sky-override-vertical-tab-outline-focus: auto;--sky-override-vertical-tab-padding: 7px 0 7px 10px;--sky-override-vertical-tab-padding-left-active: 10px;--sky-override-vertical-tab-padding-left-selected: 6px;--sky-override-vertical-tab-padding-left-hover: 10px;--sky-override-vertical-tab-right-arrow-color: #686c73;--sky-override-vertical-tab-right-arrow-color-active: #686c73;--sky-override-vertical-tab-right-arrow-color-hover: color.adjust( #686c73, $lightness: -20% );--sky-override-vertical-tab-right-arrow-color-selected: #686c73;--sky-override-vertical-tab-right-arrow-padding: 3px 10px 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-vertical-tab{--sky-override-vertical-tab-background-color-disabled: transparent;--sky-override-vertical-tab-background-color-selected: transparent;--sky-override-vertical-tab-border-left-active: var(--modern-size-4) solid var(--modern-color-blue-50);--sky-override-vertical-tab-border-left-hover: var(--modern-size-1) solid var(--modern-color-blue-50);--sky-override-vertical-tab-content-pane-margin-bottom: 0;--sky-override-vertical-tab-display-align-items: normal;--sky-override-vertical-tab-gap: var(--modern-size-15);--sky-override-vertical-tab-heading-error-margin-right: calc( var(--modern-size-10) * -1 );--sky-override-vertical-tab-heading-error-line-height: normal;--sky-override-vertical-tab-heading-error-padding-left: var(--modern-size-10);--sky-override-vertical-tab-heading-error-position: relative;--sky-override-vertical-tab-margin: var(--modern-size-15) 0 var(--modern-size-15) var(--modern-size-10);--sky-override-vertical-tab-padding: var(--modern-size-10) var(--modern-size-10) var(--modern-size-10) var(--modern-size-15);--sky-override-vertical-tab-right-arrow-color: var(--modern-color-gray-20);--sky-override-vertical-tab-right-arrow-color-active: var( --modern-color-gray-20 );--sky-override-vertical-tab-right-arrow-color-hover: #979ba2;--sky-override-vertical-tab-right-arrow-color-selected: var( --modern-color-gray-20 );--sky-override-vertical-tab-right-arrow-padding: var(--modern-size-3) 0 0 0}:host:has(~sky-vertical-tab) .sky-vertical-tab{margin-bottom:var(--sky-override-vertical-tab-gap, var(--sky-space-gap-action_group-l))}:host:has(.sky-vertical-tabset-button-disabled){cursor:not-allowed}.sky-vertical-tab{cursor:pointer;background-color:var(--sky-override-vertical-tab-background-color, var(--sky-color-background-nav-base));padding:var(--sky-override-vertical-tab-padding, var(--sky-space-inset-pillarbox-2_3-top-m) var(--sky-space-inset-pillarbox-2_3-right-m) var(--sky-space-inset-pillarbox-2_3-bottom-m) var(--sky-space-inset-pillarbox-2_3-left-m));margin:var(--sky-override-vertical-tab-margin, 0 0 0 var(--sky-space-inline-s));display:flex;text-decoration:none;color:var(--sky-override-vertical-tab-font-color, var(--sky-color-text-deemphasized));border-radius:var(--sky-border-radius-0)}.sky-vertical-tab:hover{color:var(--sky-override-vertical-tab-hover-font-color, var(--sky-color-text-default));background-color:var(--sky-override-vertical-tab-background-color-hover, var(--sky-color-background-nav-hover))}.sky-vertical-tab:hover .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-hover, var(--sky-color-icon-default))}.sky-vertical-tab:active{background-color:var(--sky-override-vertical-tab-background-color-active, var(--sky-color-background-nav-active));border-left:var(--sky-override-vertical-tab-border-left-active, var(--sky-border-width-selected-l) solid var(--sky-color-border-selected));color:var(--sky-override-vertical-tab-active-font-color, var(--sky-color-text-default));padding-left:var(--sky-override-vertical-tab-padding-left-active, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-l)))}.sky-vertical-tab:active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-active, var(--sky-color-icon-default))}.sky-vertical-tab:not(:active):focus-visible{background-color:var(--sky-override-vertical-tab-background-color-focus, var(--sky-color-background-nav-focus));outline:var(--sky-override-vertical-tab-outline-focus, var(--sky-border-width-selected-m) solid var(--sky-color-border-selected));outline-offset:var(--sky-override-vertical-tab-outline-focus-offset, calc(var(--sky-border-width-selected-m) * -1));box-shadow:var(--sky-override-vertical-tab-box-shadow-focus, var(--sky-elevation-focus))}.sky-vertical-tab:not(:active):focus-visible.sky-vertical-tab-active{background-color:var(--sky-override-vertical-tab-background-color-selected, var(--sky-color-background-selected-soft));color:var(--sky-override-vertical-tab-selected-font-color, var(--sky-color-text-default))}.sky-vertical-tab:not(:active):focus-visible.sky-vertical-tab-active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-selected, var(--sky-color-icon-default))}.sky-vertical-tab:not(.sky-vertical-tab-active):not(:active):hover{padding-left:var(--sky-override-vertical-tab-padding-left-hover, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-s)));border-left:var(--sky-override-vertical-tab-border-left-hover, var(--sky-border-width-selected-s) solid var(--sky-color-border-selected))}.sky-vertical-tab-active{background-color:var(--sky-override-vertical-tab-background-color-selected, var(--sky-color-background-selected-soft));color:var(--sky-override-vertical-tab-selected-font-color, var(--sky-color-text-default));padding-left:var(--sky-override-vertical-tab-padding-left-selected, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-l)));border-left:var(--sky-override-vertical-tab-border-left-selected, var(--sky-border-width-selected-l) solid var(--sky-color-border-selected))}.sky-vertical-tab-active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-selected, var(--sky-color-icon-default))}.sky-vertical-tab-hidden{display:none}.sky-vertical-tab-display{display:flex;justify-content:space-between;flex-grow:1;align-items:var(--sky-override-vertical-tab-display-align-items, center)}.sky-vertical-tab-heading-error{padding-left:var(--sky-override-vertical-tab-heading-error-padding-left, var(--sky-space-gap-text_action-s));margin-right:var(--sky-override-vertical-tab-heading-error-margin-right);position:var(--sky-override-vertical-tab-heading-error-position);top:-2px;line-height:var(--sky-override-vertical-tab-heading-error-line-height, 1)}.sky-vertical-tab-count{margin-left:var(--sky-override-vertical-tab-count-margin-left, var(--sky-space-gap-label-s))}.sky-vertical-tabset-button-disabled{background-color:var(--sky-override-vertical-tab-background-color-disabled, var(--sky-color-background-nav-disabled));color:var(--sky-override-vertical-tab-font-color-disabled, var(--sky-color-text-deemphasized));pointer-events:none}.sky-vertical-tab-right-arrow{padding:var(--sky-override-vertical-tab-right-arrow-padding, 0);color:var(--sky-override-vertical-tab-right-arrow-color, var(--sky-color-icon-deemphasized))}.sky-vertical-tab-content-pane{margin-bottom:0}.sky-vertical-tab-content-pane:focus-visible{outline:none;border:none}.sky-responsive-container-xs .sky-vertical-tab-content-pane{margin-bottom:var(--sky-override-vertical-tab-content-pane-margin-bottom, var(--sky-space-stacked-s))}:host-context(.sky-sectioned-form-tabs-only) .sky-vertical-tab{margin-left:0}\n"] }]
|
|
551
|
+
args: [{ selector: 'sky-vertical-tab', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<a\n #tabButton\n class=\"sky-vertical-tab sky-vertical-tabset-button\"\n [attr.aria-controls]=\"\n isMobile ? undefined : ariaControls || tabContentPane.id\n \"\n [attr.aria-disabled]=\"isMobile ? undefined : disabled || undefined\"\n [attr.aria-selected]=\"isMobile ? undefined : active\"\n [attr.id]=\"tabId\"\n [attr.role]=\"isMobile ? undefined : ariaRole\"\n [ngClass]=\"{\n 'sky-vertical-tab-active': active,\n 'sky-vertical-tabset-button-disabled': disabled,\n 'sky-font-deemphasized': disabled\n }\"\n [tabIndex]=\"-1\"\n (click)=\"activateTab()\"\n (keyup.arrowleft)=\"tabButtonArrowLeft($event)\"\n (keyup.enter)=\"tabButtonActivate($event)\"\n (keyup.space)=\"tabButtonActivate($event)\"\n>\n <div class=\"sky-vertical-tab-display\">\n <div\n class=\"sky-vertical-tab-heading\"\n [ngClass]=\"{ 'sky-control-label-required': requiredIndicator }\"\n >\n <span class=\"sky-vertical-tab-heading-value\">{{ tabHeading }}</span>\n @if (tabHeaderCount || tabHeaderCount === 0) {\n <span class=\"sky-vertical-tab-count\"> ({{ tabHeaderCount }}) </span>\n }\n </div>\n @if (errorIndicator) {\n <sky-status-indicator\n class=\"sky-vertical-tab-heading-error\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n />\n }\n @if (isMobile && showTabRightArrow) {\n <sky-icon class=\"sky-vertical-tab-right-arrow\" iconName=\"chevron-right\" />\n }\n </div>\n</a>\n\n<div #tabContentWrapper skyResponsiveHost>\n <div\n #tabContentPane\n class=\"sky-vertical-tab-content-pane\"\n role=\"tabpanel\"\n tabindex=\"0\"\n skyId\n [attr.aria-labelledby]=\"tabId\"\n [ngClass]=\"{ 'sky-vertical-tab-hidden': !active }\"\n >\n <ng-content />\n </div>\n</div>\n", styles: [".sky-vertical-tab:not(.sky-theme-modern *){--sky-override-vertical-tab-background-color: transparent;--sky-override-vertical-tab-background-color-active: #eeeeef;--sky-override-vertical-tab-background-color-focus: transparent;--sky-override-vertical-tab-background-color-hover: #eeeeef;--sky-override-vertical-tab-background-color-selected: #eeeeef;--sky-override-vertical-tab-border-left-active: none;--sky-override-vertical-tab-border-left-hover: none;--sky-override-vertical-tab-border-left-selected: 4px solid #00b4f1;--sky-override-vertical-tab-count-margin-left: 5px;--sky-override-vertical-tab-display-align-items: normal;--sky-override-vertical-tab-font-color: #212327;--sky-override-vertical-tab-font-color-disabled: var( --sky-text-color-deemphasized );--sky-override-vertical-tab-font-selected-color: #212327;--sky-override-vertical-tab-gap: 5px;--sky-override-vertical-tab-heading-error-line-height: normal;--sky-override-vertical-tab-heading-error-padding-left: 5px;--sky-override-vertical-tab-hover-font-color: #212327;--sky-override-vertical-tab-margin: 5px 0 5px 10px;--sky-override-vertical-tab-outline-focus: auto;--sky-override-vertical-tab-padding: 7px 0 7px 10px;--sky-override-vertical-tab-padding-left-active: 10px;--sky-override-vertical-tab-padding-left-selected: 6px;--sky-override-vertical-tab-padding-left-hover: 10px;--sky-override-vertical-tab-right-arrow-color: #686c73;--sky-override-vertical-tab-right-arrow-color-active: #686c73;--sky-override-vertical-tab-right-arrow-color-hover: color.adjust( #686c73, $lightness: -20% );--sky-override-vertical-tab-right-arrow-color-selected: #686c73;--sky-override-vertical-tab-right-arrow-padding: 3px 10px 0 0}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-vertical-tab{--sky-override-vertical-tab-background-color-disabled: transparent;--sky-override-vertical-tab-background-color-selected: transparent;--sky-override-vertical-tab-border-left-active: var(--modern-size-4) solid var(--modern-color-blue-50);--sky-override-vertical-tab-border-left-hover: var(--modern-size-1) solid var(--modern-color-blue-50);--sky-override-vertical-tab-box-shadow-focus: var(--sky-elevation-focus);--sky-override-vertical-tab-content-pane-margin-bottom: 0;--sky-override-vertical-tab-display-align-items: normal;--sky-override-vertical-tab-gap: var(--modern-size-15);--sky-override-vertical-tab-heading-error-margin-right: calc( var(--modern-size-10) * -1 );--sky-override-vertical-tab-heading-error-line-height: normal;--sky-override-vertical-tab-heading-error-padding-left: var(--modern-size-10);--sky-override-vertical-tab-heading-error-position: relative;--sky-override-vertical-tab-margin: var(--modern-size-15) 0 var(--modern-size-15) var(--modern-size-10);--sky-override-vertical-tab-padding: var(--modern-size-10) var(--modern-size-10) var(--modern-size-10) var(--modern-size-15);--sky-override-vertical-tab-right-arrow-color: var(--modern-color-gray-20);--sky-override-vertical-tab-right-arrow-color-active: var( --modern-color-gray-20 );--sky-override-vertical-tab-right-arrow-color-hover: #979ba2;--sky-override-vertical-tab-right-arrow-color-selected: var( --modern-color-gray-20 );--sky-override-vertical-tab-right-arrow-padding: var(--modern-size-3) 0 0 0}:host:has(~sky-vertical-tab) .sky-vertical-tab{margin-bottom:var(--sky-override-vertical-tab-gap, var(--sky-space-gap-action_group-l))}:host:has(.sky-vertical-tabset-button-disabled){cursor:not-allowed}.sky-vertical-tab{cursor:pointer;background-color:var(--sky-override-vertical-tab-background-color, var(--sky-color-background-nav-base));padding:var(--sky-override-vertical-tab-padding, var(--sky-space-inset-pillarbox-2_3-top-m) var(--sky-space-inset-pillarbox-2_3-right-m) var(--sky-space-inset-pillarbox-2_3-bottom-m) var(--sky-space-inset-pillarbox-2_3-left-m));margin:var(--sky-override-vertical-tab-margin, 0 0 0 var(--sky-space-inline-s));display:flex;text-decoration:none;color:var(--sky-override-vertical-tab-font-color, var(--sky-color-text-deemphasized));border-radius:var(--sky-border-radius-0)}.sky-vertical-tab:hover{color:var(--sky-override-vertical-tab-hover-font-color, var(--sky-color-text-default));background-color:var(--sky-override-vertical-tab-background-color-hover, var(--sky-color-background-nav-hover))}.sky-vertical-tab:hover .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-hover, var(--sky-color-icon-default))}.sky-vertical-tab:active{background-color:var(--sky-override-vertical-tab-background-color-active, var(--sky-color-background-nav-active));border-left:var(--sky-override-vertical-tab-border-left-active, var(--sky-border-width-selected-l) solid var(--sky-color-border-selected));color:var(--sky-override-vertical-tab-active-font-color, var(--sky-color-text-default));padding-left:var(--sky-override-vertical-tab-padding-left-active, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-l)))}.sky-vertical-tab:active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-active, var(--sky-color-icon-default))}.sky-vertical-tab:not(:active):focus-visible{background-color:var(--sky-override-vertical-tab-background-color-focus, var(--sky-color-background-nav-focus));outline:var(--sky-override-vertical-tab-outline-focus, var(--sky-border-width-selected-m) solid var(--sky-color-border-selected));outline-offset:var(--sky-override-vertical-tab-outline-focus-offset, calc(var(--sky-border-width-selected-m) * -1));box-shadow:var(--sky-override-vertical-tab-box-shadow-focus, none)}.sky-vertical-tab:not(:active):focus-visible.sky-vertical-tab-active{background-color:var(--sky-override-vertical-tab-background-color-selected, var(--sky-color-background-selected-soft));color:var(--sky-override-vertical-tab-selected-font-color, var(--sky-color-text-default))}.sky-vertical-tab:not(:active):focus-visible.sky-vertical-tab-active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-selected, var(--sky-color-icon-default))}.sky-vertical-tab:not(.sky-vertical-tab-active):not(:active):hover{padding-left:var(--sky-override-vertical-tab-padding-left-hover, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-s)));border-left:var(--sky-override-vertical-tab-border-left-hover, var(--sky-border-width-selected-s) solid var(--sky-color-border-selected))}.sky-vertical-tab-active{background-color:var(--sky-override-vertical-tab-background-color-selected, var(--sky-color-background-selected-soft));color:var(--sky-override-vertical-tab-selected-font-color, var(--sky-color-text-default));padding-left:var(--sky-override-vertical-tab-padding-left-selected, calc(var(--sky-space-inset-pillarbox-2_3-left-m) - var(--sky-border-width-selected-l)));border-left:var(--sky-override-vertical-tab-border-left-selected, var(--sky-border-width-selected-l) solid var(--sky-color-border-selected))}.sky-vertical-tab-active .sky-vertical-tab-right-arrow{color:var(--sky-override-vertical-tab-right-arrow-color-selected, var(--sky-color-icon-default))}.sky-vertical-tab-hidden{display:none}.sky-vertical-tab-display{display:flex;justify-content:space-between;flex-grow:1;align-items:var(--sky-override-vertical-tab-display-align-items, center)}.sky-vertical-tab-heading-error{padding-left:var(--sky-override-vertical-tab-heading-error-padding-left, var(--sky-space-gap-text_action-s));margin-right:var(--sky-override-vertical-tab-heading-error-margin-right);position:var(--sky-override-vertical-tab-heading-error-position);top:-2px;line-height:var(--sky-override-vertical-tab-heading-error-line-height, 1)}.sky-vertical-tab-count{margin-left:var(--sky-override-vertical-tab-count-margin-left, var(--sky-space-gap-label-s))}.sky-vertical-tabset-button-disabled{background-color:var(--sky-override-vertical-tab-background-color-disabled, var(--sky-color-background-nav-disabled));color:var(--sky-override-vertical-tab-font-color-disabled, var(--sky-color-text-deemphasized));pointer-events:none}.sky-vertical-tab-right-arrow{padding:var(--sky-override-vertical-tab-right-arrow-padding, 0);color:var(--sky-override-vertical-tab-right-arrow-color, var(--sky-color-icon-deemphasized))}.sky-vertical-tab-content-pane{margin-bottom:0}.sky-vertical-tab-content-pane:focus-visible{outline:none;border:none}.sky-responsive-container-xs .sky-vertical-tab-content-pane{margin-bottom:var(--sky-override-vertical-tab-content-pane-margin-bottom, var(--sky-space-stacked-s))}:host-context(.sky-sectioned-form-tabs-only) .sky-vertical-tab{margin-left:0}\n"] }]
|
|
552
552
|
}], ctorParameters: () => [{ type: SkyVerticalTabsetAdapterService }, { type: i0.ChangeDetectorRef }, { type: SkyVerticalTabsetService }, { type: SkyTabIdService, decorators: [{
|
|
553
553
|
type: Optional
|
|
554
554
|
}] }], propDecorators: { active: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/tabs",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.14.1",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -22,15 +22,15 @@
|
|
|
22
22
|
"@angular/core": "^19.2.7",
|
|
23
23
|
"@angular/platform-browser": "^19.2.7",
|
|
24
24
|
"@angular/router": "^19.2.7",
|
|
25
|
-
"@skyux-sdk/testing": "12.
|
|
26
|
-
"@skyux/animations": "12.
|
|
27
|
-
"@skyux/core": "12.
|
|
28
|
-
"@skyux/forms": "12.
|
|
29
|
-
"@skyux/i18n": "12.
|
|
30
|
-
"@skyux/icon": "12.
|
|
31
|
-
"@skyux/indicators": "12.
|
|
32
|
-
"@skyux/popovers": "12.
|
|
33
|
-
"@skyux/theme": "12.
|
|
25
|
+
"@skyux-sdk/testing": "12.14.1",
|
|
26
|
+
"@skyux/animations": "12.14.1",
|
|
27
|
+
"@skyux/core": "12.14.1",
|
|
28
|
+
"@skyux/forms": "12.14.1",
|
|
29
|
+
"@skyux/i18n": "12.14.1",
|
|
30
|
+
"@skyux/icon": "12.14.1",
|
|
31
|
+
"@skyux/indicators": "12.14.1",
|
|
32
|
+
"@skyux/popovers": "12.14.1",
|
|
33
|
+
"@skyux/theme": "12.14.1"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"tslib": "^2.8.1"
|