@skyux/tabs 7.4.2 → 7.6.0

package/fesm2020/skyux-tabs.mjs

@@ -97,13 +97,13 @@ class SkyVerticalTabMediaQueryService {
     }
     setBreakpointForWidth(width) {
         let breakpoint;
-        if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.xs)) {
+        if (this.isWidthWithinBreakpoint(width, SkyMediaBreakpoints.xs)) {
             breakpoint = SkyMediaBreakpoints.xs;
         }
-        else if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.sm)) {
+        else if (this.isWidthWithinBreakpoint(width, SkyMediaBreakpoints.sm)) {
             breakpoint = SkyMediaBreakpoints.sm;
         }
-        else if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.md)) {
+        else if (this.isWidthWithinBreakpoint(width, SkyMediaBreakpoints.md)) {
             breakpoint = SkyMediaBreakpoints.md;
         }
         else {
@@ -112,7 +112,7 @@ class SkyVerticalTabMediaQueryService {
         this.current = breakpoint;
         __classPrivateFieldGet(this, _SkyVerticalTabMediaQueryService_currentSubject, "f").next(this.current);
     }
-    isWidthWithinBreakpiont(width, breakpoint) {
+    isWidthWithinBreakpoint(width, breakpoint) {
         const xsBreakpointMaxPixels = 767;
         const smBreakpointMinPixels = 768;
         const smBreakpointMaxPixels = 991;
@@ -271,7 +271,7 @@ class SkyVerticalTabsetService {
         }
     }
     activateTab(tab) {
-        // unactivate active tab
+        // deactivate active tab
         const activeTab = this.tabs.find((t) => t.index === this.activeIndex);
         if (activeTab && activeTab.index !== tab.index) {
             activeTab.active = false;
@@ -408,15 +408,15 @@ class SkyVerticalTabComponent {
     constructor(adapterService, changeRef, tabsetService, verticalTabMediaQueryService, tabIdSvc) {
         _SkyVerticalTabComponent_instances.add(this);
         /**
-         * Indicates whether the tab is active when the tabset loads.
+         * Whether the tab is active when the tabset loads.
          */
         this.active = false;
         /**
-         * Indicates whether to disable the tab.
+         * Whether to disable the tab.
          */
         this.disabled = false;
         /**
-         * Indicates whether to indicate that the tab has an error.
+         * Whether to indicate that the tab has an error.
          * @internal This is used for sectioned forms and is not currently a supported design for pure vertical tabs.
          */
         this.errorIndicator = false;
@@ -441,7 +441,7 @@ class SkyVerticalTabComponent {
         this.tabId = __classPrivateFieldGet(this, _SkyVerticalTabComponent_defaultTabId, "f");
     }
     /**
-     * Specifies an ARIA role for the vertical tab
+     * The ARIA role for the vertical tab
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
      * by indicating how the tab functions and what it controls. For information about how
      * an ARIA role indicates what an item represents on a web page, see the
@@ -457,7 +457,7 @@ class SkyVerticalTabComponent {
         __classPrivateFieldSet(this, _SkyVerticalTabComponent__ariaRole, value ?? 'tab', "f");
     }
     /**
-     * Specifies an ID for the tab.
+     * The ID for the tab.
      * @deprecated Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.
      */
     set tabId(value) {
@@ -675,7 +675,7 @@ class SkyVerticalTabsetComponent {
         this.adapterService = adapterService;
         this.tabService = tabService;
         /**
-         * Indicates whether the vertical tabset loads tab content during initialization so that it
+         * Whether the vertical tabset loads tab content during initialization so that it
          * displays content without moving around elements in the content container.
          * @default false
          */
@@ -700,7 +700,7 @@ class SkyVerticalTabsetComponent {
         });
     }
     /**
-     * Specifies an ARIA role for the vertical tabset
+     * The ARIA role for the vertical tabset
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
      * by indicating how the tabset functions and what it controls. For information about how
      * an ARIA role indicates what an item represents on a web page, see the
@@ -903,7 +903,7 @@ class SkySectionedFormSectionComponent {
         this.sectionTabId = `sky-sectioned-form-tab-${++nextId$1}`;
         this.sectionContentId = `sky-sectioned-form-section-${++nextId$1}`;
         /**
-         * Indicates whether the section is active when the form loads.
+         * Whether the section is active when the form loads.
          * @default false
          */
         this.active = false;
@@ -957,7 +957,7 @@ class SkySectionedFormComponent {
     constructor(tabService, changeRef, tabIdSvc) {
         this.tabService = tabService;
         /**
-         * Indicates whether the sectioned form loads section content during initialization so that it
+         * Whether the sectioned form loads section content during initialization so that it
          * displays content without moving around elements in the content container.
          * @default false
          */
@@ -1505,7 +1505,7 @@ class SkyTabsetPermalinkService {
         this.setParam(name, null);
     }
     /**
-     * Returns a relative URL that includes the provided query parameter. The value is inteded to be
+     * Returns a relative URL that includes the provided query parameter. The value is intended to be
      * used by an HTML anchor element.
      */
     getParamHref(name, value) {
@@ -1592,7 +1592,7 @@ class SkyTabComponent {
         __classPrivateFieldGet(this, _SkyTabComponent_instances, "m", _SkyTabComponent_setPermalinkValueOrDefault).call(this);
     }
     /**
-     * Indicates whether the tab is active when the tabset loads. After initialization, the `active`
+     * Whether the tab is active when the tabset loads. After initialization, the `active`
      * property on the tabset component should be used to set the active tab.
      * @default false
      */
@@ -1609,7 +1609,7 @@ class SkyTabComponent {
         return __classPrivateFieldGet(this, _SkyTabComponent_activeChange, "f");
     }
     /**
-     * Specifies a custom query parameter value for the tab.
+     * The custom query parameter value for the tab.
      * This works in conjunction with the tabset's `permalinkId` to distinguish
      * the tab's unique state in the URL by generating a query parameter that is
      * written as `?<queryParam>-active-tab=<sanitized-tab-heading`.
@@ -1624,7 +1624,7 @@ class SkyTabComponent {
         return __classPrivateFieldGet(this, _SkyTabComponent__permalinkValue, "f");
     }
     /**
-     * Specifies the tab header.
+     * The tab header.
      * When using tabs as the main navigation on a page,
      * use [the Angular `Title` service](https://angular.io/docs/ts/latest/cookbook/set-document-title.html)
      * and [the SKY UX `title` configuration property](https://developer.blackbaud.com/skyux/learn/reference/configuration#app)
@@ -1639,7 +1639,7 @@ class SkyTabComponent {
         return __classPrivateFieldGet(this, _SkyTabComponent__tabHeading, "f");
     }
     /**
-     * Specifies a unique identifier for the tab.
+     * The unique identifier for the tab.
      * If not defined, the identifier is set to the position of the tab on load, starting with `0`.
      */
     set tabIndex(value) {
@@ -1763,7 +1763,7 @@ class SkyTabsetNavButtonComponent {
         __classPrivateFieldSet(this, _SkyTabsetNavButtonComponent_logger, logger, "f");
     }
     /**
-     * Specifies the tabset wizard component to associate with the nav button.
+     * The tabset wizard component to associate with the nav button.
      * @required
      */
     get tabset() {
@@ -1790,7 +1790,7 @@ class SkyTabsetNavButtonComponent {
         }
     }
     /**
-     * Specifies the type of nav button to include.
+     * The type of nav button to include.
      * @required
      */
     get buttonType() {
@@ -1809,7 +1809,7 @@ class SkyTabsetNavButtonComponent {
         }
     }
     /**
-     * Indicates whether to disable the nav button.
+     * Whether to disable the nav button.
      * Defaults to the disabled state of the next tab for `next`, the existence of a previous tab for `previous`,
      * and false for `finish`.
      */
@@ -2043,7 +2043,7 @@ class SkyTabsetComponent {
         return __classPrivateFieldGet(this, _SkyTabsetComponent__permalinkId, "f");
     }
     /**
-     * Specifies the behavior for a series of tabs.
+     * The behavior for a series of tabs.
      * @default "tabs"
      */
     set tabStyle(value) {