@ganpatiinfo/gids-core-web 10.0.0 → 10.1.0

package/dist/{p-B81J5HCC.js → p-mZJdpfOo.js}

@@ -1 +1 @@
-import{t as e,p as t,H as a,h as i}from"./p-Ct3Ixgvf.js";import{G as r}from"./p-BnL97lOW.js";import{GidsChartLegendItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendItemClassNames:n}=s,d=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal",this.seriesType="1"}handleOrientationChange(e){this.orientation=e}handleSeriesTypeChange(e){this.seriesType=e}render(){const e=n({seriesType:this.seriesType,orientation:this.orientation});return i("div",{key:"8878b090e147405a847be15581708ec707a806b1",class:e},i("div",{key:"8ac35d56d1e31cbc613490bec5e5d5a698c5aa7c",class:"vertical"===this.orientation?"gids-chart-legend-item__dot-wrapper-vertical":"gids-chart-legend-item__dot-wrapper-horizontal"},i(r,{key:"2edad86b9fd18809923775308e580f39688a7f47",name:"new",alt:"new_icon",appearance:"filled"})),i("span",{key:"db1611c5d945b5e470623d0ac1c93a3bfd24f1e7",class:"gids-chart-legend-item__label"},i("slot",{key:"e3ad93df0b136e4f80a214131caf77c01dac9049"})))}static get watchers(){return{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}]}}static get style(){return".gids-chart-legend-item{display:flex;align-items:center;gap:var(--gids-gap-100);--gidsChartLegendItemIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsChartLegendItemIcon-color);--gidsIcon-height:var(--gids-size-080)}.gids-chart-legend-item--orientation-vertical{display:flex}.gids-chart-legend-item--series-2{--gidsChartLegendItemIcon-color:var(--gids-color-icon-warning)}.gids-chart-legend-item--series-3{--gidsChartLegendItemIcon-color:var(--gids-color-icon-danger)}.gids-chart-legend-item--series-4{--gidsChartLegendItemIcon-color:var(--gids-color-background-positive-bold-hovered)}.gids-chart-legend-item--series-5{--gidsChartLegendItemIcon-color:var(--gids-color-background-information-bold-default)}.gids-chart-legend-item--series-6{--gidsChartLegendItemIcon-color:rgb(238, 70, 188)}.gids-chart-legend-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);text-align:left;color:var(--gids-color-text-subtlest)}.gids-chart-legend-item__dot-wrapper-vertical{display:flex;padding-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-chart-legend-item__dot-wrapper-horizontal{display:flex;align-items:center}"}},[260,"gids-chart-legend-item",{orientation:[1],seriesType:[1,"series-type"]},void 0,{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-chart-legend-item"].forEach((t=>{"gids-chart-legend-item"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}l();export{d as G,l as d}
+import{t as e,p as t,H as a,h as i}from"./p-Bf3p-DY2.js";import{G as r}from"./p-D4Pimu_8.js";import{GidsChartLegendItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendItemClassNames:n}=s,l=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal",this.seriesType="1"}handleOrientationChange(e){this.orientation=e}handleSeriesTypeChange(e){this.seriesType=e}render(){const e=n({seriesType:this.seriesType,orientation:this.orientation});return i("div",{key:"a168968003ccd7216f5c69beac50898a1f176dc7",class:e},i("div",{key:"995b46947af3677386a2c67a7b7fa469483a8745",class:"vertical"===this.orientation?"gids-chart-legend-item__dot-wrapper-vertical":"gids-chart-legend-item__dot-wrapper-horizontal"},i(r,{key:"6b8b0a267e30a77f8c6d4ae18db2f4dfcf4041e7",name:"new",alt:"new_icon",appearance:"filled"})),i("span",{key:"c9e38851fd89a20e06e111fe2ca4faf3211f03fa",class:"gids-chart-legend-item__label"},i("slot",{key:"aa30a8f07ef92ff658f76fe1dce2d10dbfb636c1"})))}static get watchers(){return{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}]}}static get style(){return".gids-chart-legend-item{display:flex;align-items:center;gap:var(--gids-gap-100);--gidsChartLegendItemIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsChartLegendItemIcon-color);--gidsIcon-height:var(--gids-size-080)}.gids-chart-legend-item--orientation-vertical{display:flex}.gids-chart-legend-item--series-2{--gidsChartLegendItemIcon-color:var(--gids-color-icon-warning)}.gids-chart-legend-item--series-3{--gidsChartLegendItemIcon-color:var(--gids-color-icon-danger)}.gids-chart-legend-item--series-4{--gidsChartLegendItemIcon-color:var(--gids-color-background-positive-bold-hovered)}.gids-chart-legend-item--series-5{--gidsChartLegendItemIcon-color:var(--gids-color-background-information-bold-default)}.gids-chart-legend-item--series-6{--gidsChartLegendItemIcon-color:rgb(238, 70, 188)}.gids-chart-legend-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);text-align:left;color:var(--gids-color-text-subtlest)}.gids-chart-legend-item__dot-wrapper-vertical{display:flex;padding-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-chart-legend-item__dot-wrapper-horizontal{display:flex;align-items:center}"}},[260,"gids-chart-legend-item",{orientation:[1],seriesType:[1,"series-type"]},void 0,{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-chart-legend-item"].forEach((t=>{"gids-chart-legend-item"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}d();export{l as G,d}

package/dist/types/components/html/GidsButtonGroup/GidsButtonGroup.d.ts

@@ -1,5 +1,5 @@
-import { type FunctionalComponent, type VNode } from '../../../stencil-public-runtime';
+import { type FunctionalComponent } from '../../../stencil-public-runtime';
 import { type JSXBase } from '../../../stencil-public-runtime';
 import { type GidsButtonGroupCommonProps } from '@ganpatiinfo/gids-core-shared';
-export type GidsButtonGroupProps = JSXBase.IntrinsicElements['span'] & GidsButtonGroupCommonProps<VNode[]>;
+export type GidsButtonGroupProps = JSXBase.IntrinsicElements['span'] & Omit<GidsButtonGroupCommonProps<never>, 'children'>;
 export declare const GidsButtonGroup: FunctionalComponent<GidsButtonGroupProps>;

package/dist/types/components/webComponents/GidsActionBar/GidsActionBar.d.ts

@@ -0,0 +1,59 @@
+import type { GidsActionBarFilterToggleEventDetail, GidsButtonSize, GidsActionBarFilterSelectEventDetail, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActionBarMoreFilters, GidsActionBarAllFilters, GidsButtonAppearance } from '@ganpatiinfo/gids-core-shared';
+import { type GidsActionBarWebProps } from '@ganpatiinfo/gids-web-shared';
+export declare class GidsActionBar implements GidsActionBarWebProps<Event> {
+    actionGroup?: boolean;
+    allFiltersTabVisible?: boolean;
+    moreFiltersTabVisible?: boolean;
+    clearAllFiltersVisible?: boolean;
+    clearAllFiltersButtonAppearance?: GidsButtonAppearance;
+    primaryFilters?: GidsActionBarPrimaryFilters[];
+    secondaryFilters?: GidsActionBarSecondaryFilters[];
+    allFiltersData?: GidsActionBarAllFilters;
+    moreFiltersData?: GidsActionBarMoreFilters;
+    filterSize?: GidsButtonSize;
+    dropdownDividerVisible?: boolean;
+    disabled?: boolean;
+    onToggleActionBarAllFilter?: (detail: GidsActionBarFilterSelectEventDetail) => void;
+    onToggleActionBarDropdownFilter?: (detail: GidsActionBarFilterToggleEventDetail<Event>) => void;
+    onToggleActionBarMoreFilter?: (detail: GidsActionBarFilterToggleEventDetail<Event>) => void;
+    onToggleActionBarNoneFilter?: (detail: GidsActionBarFilterSelectEventDetail) => void;
+    onDropdownSelectionActionBarFilterChange?: (detail: GidsActionBarFilterSelectEventDetail) => void;
+    onMoreSelectionActionBarFilterChange?: (detail: GidsActionBarFilterSelectEventDetail) => void;
+    onClearAllFiltersButton?: (event: Event) => void;
+    private selectedFilters?;
+    private activeExpandedFilterId?;
+    protected handleFilterSizeChange(next: GidsButtonSize): void;
+    protected handleDropdownDividerVisibilityChange(next: boolean): void;
+    protected handlePrimaryFiltersChange(next: GidsActionBarPrimaryFilters[]): void;
+    protected handleSecondaryFiltersChange(next: GidsActionBarSecondaryFilters[]): void;
+    protected handleAllFiltersDataChange(next: GidsActionBarAllFilters): void;
+    protected handleMoreFiltersValueChange(next: GidsActionBarMoreFilters): void;
+    protected handleDisabilityChange(next: boolean): void;
+    protected handleActionGroupChange(next: boolean): void;
+    protected handleClearAllFiltersButtonAppearanceChange(next: GidsButtonAppearance): void;
+    connectedCallback(): void;
+    private handleAllFilterClick;
+    private applyAllToggleSelection;
+    private handleSecondaryFilterClick;
+    private applySecondaryFilterToggleSelection;
+    private applyNormalFiltersSelectedStateChange;
+    private toggleDropdownFilter;
+    private handleDropdownFilterMenuItemClick;
+    private applyDropdownFilterMenuItemSelection;
+    private applyDropdownFiltersSelectedStateChange;
+    private handleClearAllFiltersClick;
+    private isMoreFilterVisible;
+    private isAllFilterVisible;
+    private isAllFiltersTabDisabled;
+    private isMoreFiltersTabDisabled;
+    private isActionGroup;
+    private createAllFiltersData;
+    private getAllFiltersValue;
+    private getSelectedFilter;
+    private getSelectedDropdownFilterTitle;
+    private isNormalFilterSelected;
+    private isDropdownFilterSelected;
+    private getSelectedFilterPickerData;
+    private setFilterPickerExpandedState;
+    render(): any;
+}

package/dist/types/components/webComponents/GidsFilter/GidsFilter.d.ts

@@ -0,0 +1,55 @@
+import { type GidsFilterPickerChangeEventDetail, GidsButtonSize, GidsFilterType, GidsFilterItemType, GidsFilterToggleEventDetail } from '@ganpatiinfo/gids-core-shared';
+import { type GidsFilterWebProps } from '@ganpatiinfo/gids-web-shared';
+export declare class GidsFilter implements Omit<GidsFilterWebProps<never>, 'children'> {
+    private hostElement;
+    name?: string;
+    filterId?: string;
+    filterPickerId?: string;
+    expanded?: boolean;
+    type?: GidsFilterType;
+    filterItemType?: GidsFilterItemType;
+    value?: string;
+    filterSelected?: boolean;
+    filterDefaultSelected?: boolean;
+    disabled?: boolean;
+    size?: GidsButtonSize;
+    loading?: boolean;
+    filterIndex?: number;
+    onFilterMenuItemChange?: (detail: GidsFilterPickerChangeEventDetail) => void;
+    onToggle?: (detail: GidsFilterToggleEventDetail<Event>) => void;
+    private selectedItemTitle?;
+    private hasSlottedMenu;
+    private hasItemListener;
+    private suppressNextMenuClickSelection;
+    private patternForm?;
+    private initialValue?;
+    protected handleExpandedChange(next: boolean): void;
+    protected handleInteractivityChange(): void;
+    protected handleFilterTypeChange(next: GidsFilterType): void;
+    handleFilterSelectedChange(newValue: boolean): void;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private getFilterButtonControl;
+    private getItemElements;
+    private evaluateSlottedMenuExistence;
+    private readonly handleFilterPickerItemSelect;
+    private readonly handleMenuClick;
+    private attachItemListener;
+    private detachItemListener;
+    private applySelection;
+    private clearActive;
+    private readonly handleTriggerToggle;
+    private readonly handleFilterButtonClickToggle;
+    private setExpandedState;
+    private syncFilterDisplayValue;
+    private readonly handleFormReset;
+    private attachFormListener;
+    private detachFormListener;
+    private isInteractive;
+    private coerceEvent;
+    private isMenuToggler;
+    private setFilterDropdownPosition;
+    protected handleWindowClick(event: MouseEvent): void;
+    render(): any;
+}

package/dist/types/components/webComponents/GidsToggleButton/GidsToggleButton.d.ts

@@ -1,7 +1,6 @@
 import { type GidsButtonSize, type GidsToggleButtonAppearance, type GidsButtonWidth } from '@ganpatiinfo/gids-core-shared';
 import { type GidsToggleButtonWebProps } from '@ganpatiinfo/gids-web-shared';
 export declare class GidsToggleButton implements Omit<GidsToggleButtonWebProps, 'children'> {
-    #private;
     /**
      * @internal
      */
@@ -48,9 +47,12 @@ export declare class GidsToggleButton implements Omit<GidsToggleButtonWebProps,
      *
      * @inheritdoc
      */
-    get selected(): boolean | undefined;
-    set selected(value: unknown);
+    selected?: boolean;
     constructor();
+    protected handleSelctedChange(next: boolean): void;
+    /**
+     * @internal
+     */
     connectedCallback(): void;
     private _toggle;
     render(): any;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
+import { GidsActionBarAllFilters, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsFilterItemType, GidsFilterPickerChangeEventDetail, GidsFilterToggleEventDetail, GidsFilterType, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
 import { NativeInputForwardedProps } from "./components/webComponents/GidsDropdown/GidsDropdown";
 import { GidsComponentButtonClickHandler, GidsDropdownFieldWebProps, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
 import { NativeInputForwardedProps as NativeInputForwardedProps1 } from "./components/webComponents/GidsDropdownField/GidsDropdownField";
@@ -13,7 +13,7 @@ import { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface"
 import { JSXBase } from "./stencil-public-runtime";
 import { GidsPieChartSize } from "./components/webComponents/GidsPieChart/GidsPieChart";
 import { GidsProgressCircleShape, GidsProgressCircleSize } from "./components/webComponents/GidsProgressCircle/GidsProgressCircle";
-export { GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
+export { GidsActionBarAllFilters, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsFilterItemType, GidsFilterPickerChangeEventDetail, GidsFilterToggleEventDetail, GidsFilterType, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
 export { NativeInputForwardedProps } from "./components/webComponents/GidsDropdown/GidsDropdown";
 export { GidsComponentButtonClickHandler, GidsDropdownFieldWebProps, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
 export { NativeInputForwardedProps as NativeInputForwardedProps1 } from "./components/webComponents/GidsDropdownField/GidsDropdownField";
@@ -22,6 +22,66 @@ export { JSXBase } from "./stencil-public-runtime";
 export { GidsPieChartSize } from "./components/webComponents/GidsPieChart/GidsPieChart";
 export { GidsProgressCircleShape, GidsProgressCircleSize } from "./components/webComponents/GidsProgressCircle/GidsProgressCircle";
 export namespace Components {
+    interface GidsActionBar {
+        /**
+          * @default false
+         */
+        "actionGroup"?: boolean;
+        "allFiltersData"?: GidsActionBarAllFilters;
+        /**
+          * @default false
+         */
+        "allFiltersTabVisible"?: boolean;
+        /**
+          * @default 'primary'
+         */
+        "clearAllFiltersButtonAppearance"?: GidsButtonAppearance;
+        /**
+          * @default true
+         */
+        "clearAllFiltersVisible"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "dropdownDividerVisible"?: boolean;
+        /**
+          * @default 'xs'
+         */
+        "filterSize"?: GidsButtonSize;
+        "moreFiltersData"?: GidsActionBarMoreFilters;
+        /**
+          * @default false
+         */
+        "moreFiltersTabVisible"?: boolean;
+        "onClearAllFiltersButton"?: (event: Event) => void;
+        "onDropdownSelectionActionBarFilterChange"?: (
+		detail: GidsActionBarFilterSelectEventDetail,
+	) => void;
+        "onMoreSelectionActionBarFilterChange"?: (
+		detail: GidsActionBarFilterSelectEventDetail,
+	) => void;
+        "onToggleActionBarAllFilter"?: (
+		detail: GidsActionBarFilterSelectEventDetail,
+	) => void;
+        "onToggleActionBarDropdownFilter"?: (
+		detail: GidsActionBarFilterToggleEventDetail<Event>,
+	) => void;
+        "onToggleActionBarMoreFilter"?: (
+		detail: GidsActionBarFilterToggleEventDetail<Event>,
+	) => void;
+        "onToggleActionBarNoneFilter"?: (
+		detail: GidsActionBarFilterSelectEventDetail,
+	) => void;
+        /**
+          * @default []
+         */
+        "primaryFilters"?: GidsActionBarPrimaryFilters[];
+        /**
+          * @default []
+         */
+        "secondaryFilters"?: GidsActionBarSecondaryFilters[];
+    }
     interface GidsActivityGauge {
         /**
           * @default 'desktop'
@@ -373,6 +433,52 @@ export namespace Components {
         "status": GidsWebFieldStatus;
         "statusText"?: string;
     }
+    interface GidsFilter {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "expanded"?: boolean;
+        /**
+          * @default false
+         */
+        "filterDefaultSelected"?: boolean;
+        "filterId"?: string;
+        /**
+          * @default 0
+         */
+        "filterIndex"?: number;
+        /**
+          * @default 'primary'
+         */
+        "filterItemType"?: GidsFilterItemType;
+        "filterPickerId"?: string;
+        /**
+          * @default false
+         */
+        "filterSelected"?: boolean;
+        /**
+          * @default false
+         */
+        "loading"?: boolean;
+        "name"?: string;
+        "onFilterMenuItemChange"?: (
+		detail: GidsFilterPickerChangeEventDetail,
+	) => void;
+        "onToggle"?: (detail: GidsFilterToggleEventDetail<Event>) => void;
+        /**
+          * @default 'sm'
+         */
+        "size"?: GidsButtonSize;
+        /**
+          * @default 'none'
+         */
+        "type"?: GidsFilterType;
+        "value"?: string;
+    }
     interface GidsIcon {
         "alt"?: string;
         "appearance"?: IconAppearance;
@@ -659,7 +765,7 @@ export namespace Components {
           * Only available as a property. There is no `selected` attribute
           * @inheritdoc
          */
-        "selected": boolean | undefined;
+        "selected"?: boolean;
         /**
           * Reflected by `size` property
           * @inheritdoc
@@ -705,6 +811,12 @@ export interface GidsToggleButtonCustomEvent<T> extends CustomEvent<T> {
     target: HTMLGidsToggleButtonElement;
 }
 declare global {
+    interface HTMLGidsActionBarElement extends Components.GidsActionBar, HTMLStencilElement {
+    }
+    var HTMLGidsActionBarElement: {
+        prototype: HTMLGidsActionBarElement;
+        new (): HTMLGidsActionBarElement;
+    };
     interface HTMLGidsActivityGaugeElement extends Components.GidsActivityGauge, HTMLStencilElement {
     }
     var HTMLGidsActivityGaugeElement: {
@@ -806,6 +918,12 @@ declare global {
         prototype: HTMLGidsFieldElement;
         new (): HTMLGidsFieldElement;
     };
+    interface HTMLGidsFilterElement extends Components.GidsFilter, HTMLStencilElement {
+    }
+    var HTMLGidsFilterElement: {
+        prototype: HTMLGidsFilterElement;
+        new (): HTMLGidsFilterElement;
+    };
     interface HTMLGidsIconElement extends Components.GidsIcon, HTMLStencilElement {
     }
     var HTMLGidsIconElement: {
@@ -937,6 +1055,7 @@ declare global {
         new (): HTMLGidsTooltipElement;
     };
     interface HTMLElementTagNameMap {
+        "gids-action-bar": HTMLGidsActionBarElement;
         "gids-activity-gauge": HTMLGidsActivityGaugeElement;
         "gids-bar-chart": HTMLGidsBarChartElement;
         "gids-calendar": HTMLGidsCalendarElement;
@@ -952,6 +1071,7 @@ declare global {
         "gids-dropdown-field": HTMLGidsDropdownFieldElement;
         "gids-dropdown-picker": HTMLGidsDropdownPickerElement;
         "gids-field": HTMLGidsFieldElement;
+        "gids-filter": HTMLGidsFilterElement;
         "gids-icon": HTMLGidsIconElement;
         "gids-input": HTMLGidsInputElement;
         "gids-level-gauge": HTMLGidsLevelGaugeElement;
@@ -973,6 +1093,66 @@ declare global {
 declare namespace LocalJSX {
     type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
 
+    interface GidsActionBar {
+        /**
+          * @default false
+         */
+        "actionGroup"?: boolean;
+        "allFiltersData"?: GidsActionBarAllFilters;
+        /**
+          * @default false
+         */
+        "allFiltersTabVisible"?: boolean;
+        /**
+          * @default 'primary'
+         */
+        "clearAllFiltersButtonAppearance"?: GidsButtonAppearance;
+        /**
+          * @default true
+         */
+        "clearAllFiltersVisible"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "dropdownDividerVisible"?: boolean;
+        /**
+          * @default 'xs'
+         */
+        "filterSize"?: GidsButtonSize;
+        "moreFiltersData"?: GidsActionBarMoreFilters;
+        /**
+          * @default false
+         */
+        "moreFiltersTabVisible"?: boolean;
+        "onClearAllFiltersButton"?: (event: Event) => void;
+        "onDropdownSelectionActionBarFilterChange"?: (
+		detail: GidsActionBarFilterSelectEventDetail,
+	) => void;
+        "onMoreSelectionActionBarFilterChange"?: (
+		detail: GidsActionBarFilterSelectEventDetail,
+	) => void;
+        "onToggleActionBarAllFilter"?: (
+		detail: GidsActionBarFilterSelectEventDetail,
+	) => void;
+        "onToggleActionBarDropdownFilter"?: (
+		detail: GidsActionBarFilterToggleEventDetail<Event>,
+	) => void;
+        "onToggleActionBarMoreFilter"?: (
+		detail: GidsActionBarFilterToggleEventDetail<Event>,
+	) => void;
+        "onToggleActionBarNoneFilter"?: (
+		detail: GidsActionBarFilterSelectEventDetail,
+	) => void;
+        /**
+          * @default []
+         */
+        "primaryFilters"?: GidsActionBarPrimaryFilters[];
+        /**
+          * @default []
+         */
+        "secondaryFilters"?: GidsActionBarSecondaryFilters[];
+    }
     interface GidsActivityGauge {
         /**
           * @default 'desktop'
@@ -1322,6 +1502,52 @@ declare namespace LocalJSX {
         "status"?: GidsWebFieldStatus;
         "statusText"?: string;
     }
+    interface GidsFilter {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "expanded"?: boolean;
+        /**
+          * @default false
+         */
+        "filterDefaultSelected"?: boolean;
+        "filterId"?: string;
+        /**
+          * @default 0
+         */
+        "filterIndex"?: number;
+        /**
+          * @default 'primary'
+         */
+        "filterItemType"?: GidsFilterItemType;
+        "filterPickerId"?: string;
+        /**
+          * @default false
+         */
+        "filterSelected"?: boolean;
+        /**
+          * @default false
+         */
+        "loading"?: boolean;
+        "name"?: string;
+        "onFilterMenuItemChange"?: (
+		detail: GidsFilterPickerChangeEventDetail,
+	) => void;
+        "onToggle"?: (detail: GidsFilterToggleEventDetail<Event>) => void;
+        /**
+          * @default 'sm'
+         */
+        "size"?: GidsButtonSize;
+        /**
+          * @default 'none'
+         */
+        "type"?: GidsFilterType;
+        "value"?: string;
+    }
     interface GidsIcon {
         "alt"?: string;
         "appearance"?: IconAppearance;
@@ -1611,7 +1837,7 @@ declare namespace LocalJSX {
           * Only available as a property. There is no `selected` attribute
           * @inheritdoc
          */
-        "selected"?: boolean | undefined;
+        "selected"?: boolean;
         /**
           * Reflected by `size` property
           * @inheritdoc
@@ -1640,6 +1866,16 @@ declare namespace LocalJSX {
         "tooltipText"?: string;
     }
 
+    interface GidsActionBarAttributes {
+        "actionGroup": boolean;
+        "allFiltersTabVisible": boolean;
+        "moreFiltersTabVisible": boolean;
+        "clearAllFiltersVisible": boolean;
+        "clearAllFiltersButtonAppearance": GidsButtonAppearance;
+        "filterSize": GidsButtonSize;
+        "dropdownDividerVisible": boolean;
+        "disabled": boolean;
+    }
     interface GidsActivityGaugeAttributes {
         "breakpoint": GidsChartBreakpoint;
         "label": string;
@@ -1770,6 +2006,21 @@ declare namespace LocalJSX {
         "statusText": string;
         "status": GidsWebFieldStatus;
     }
+    interface GidsFilterAttributes {
+        "name": string;
+        "filterId": string;
+        "filterPickerId": string;
+        "expanded": boolean;
+        "type": GidsFilterType;
+        "filterItemType": GidsFilterItemType;
+        "value": string;
+        "filterSelected": boolean;
+        "filterDefaultSelected": boolean;
+        "disabled": boolean;
+        "size": GidsButtonSize;
+        "loading": boolean;
+        "filterIndex": number;
+    }
     interface GidsIconAttributes {
         "name": IconName;
         "size": GidsIconWebProps<IconName, IconAppearance>['size'];
@@ -1908,7 +2159,7 @@ declare namespace LocalJSX {
         "size": GidsButtonSize;
         "width": GidsButtonWidth;
         "defaultSelected": boolean;
-        "selected": boolean | undefined;
+        "selected": boolean;
     }
     interface GidsTooltipAttributes {
         "htmlFor": string;
@@ -1919,6 +2170,7 @@ declare namespace LocalJSX {
     }
 
     interface IntrinsicElements {
+        "gids-action-bar": Omit<GidsActionBar, keyof GidsActionBarAttributes> & { [K in keyof GidsActionBar & keyof GidsActionBarAttributes]?: GidsActionBar[K] } & { [K in keyof GidsActionBar & keyof GidsActionBarAttributes as `attr:${K}`]?: GidsActionBarAttributes[K] } & { [K in keyof GidsActionBar & keyof GidsActionBarAttributes as `prop:${K}`]?: GidsActionBar[K] };
         "gids-activity-gauge": Omit<GidsActivityGauge, keyof GidsActivityGaugeAttributes> & { [K in keyof GidsActivityGauge & keyof GidsActivityGaugeAttributes]?: GidsActivityGauge[K] } & { [K in keyof GidsActivityGauge & keyof GidsActivityGaugeAttributes as `attr:${K}`]?: GidsActivityGaugeAttributes[K] } & { [K in keyof GidsActivityGauge & keyof GidsActivityGaugeAttributes as `prop:${K}`]?: GidsActivityGauge[K] };
         "gids-bar-chart": Omit<GidsBarChart, keyof GidsBarChartAttributes> & { [K in keyof GidsBarChart & keyof GidsBarChartAttributes]?: GidsBarChart[K] } & { [K in keyof GidsBarChart & keyof GidsBarChartAttributes as `attr:${K}`]?: GidsBarChartAttributes[K] } & { [K in keyof GidsBarChart & keyof GidsBarChartAttributes as `prop:${K}`]?: GidsBarChart[K] };
         "gids-calendar": Omit<GidsCalendar, keyof GidsCalendarAttributes> & { [K in keyof GidsCalendar & keyof GidsCalendarAttributes]?: GidsCalendar[K] } & { [K in keyof GidsCalendar & keyof GidsCalendarAttributes as `attr:${K}`]?: GidsCalendarAttributes[K] } & { [K in keyof GidsCalendar & keyof GidsCalendarAttributes as `prop:${K}`]?: GidsCalendar[K] };
@@ -1934,6 +2186,7 @@ declare namespace LocalJSX {
         "gids-dropdown-field": Omit<GidsDropdownField, keyof GidsDropdownFieldAttributes> & { [K in keyof GidsDropdownField & keyof GidsDropdownFieldAttributes]?: GidsDropdownField[K] } & { [K in keyof GidsDropdownField & keyof GidsDropdownFieldAttributes as `attr:${K}`]?: GidsDropdownFieldAttributes[K] } & { [K in keyof GidsDropdownField & keyof GidsDropdownFieldAttributes as `prop:${K}`]?: GidsDropdownField[K] };
         "gids-dropdown-picker": Omit<GidsDropdownPicker, keyof GidsDropdownPickerAttributes> & { [K in keyof GidsDropdownPicker & keyof GidsDropdownPickerAttributes]?: GidsDropdownPicker[K] } & { [K in keyof GidsDropdownPicker & keyof GidsDropdownPickerAttributes as `attr:${K}`]?: GidsDropdownPickerAttributes[K] } & { [K in keyof GidsDropdownPicker & keyof GidsDropdownPickerAttributes as `prop:${K}`]?: GidsDropdownPicker[K] };
         "gids-field": Omit<GidsField, keyof GidsFieldAttributes> & { [K in keyof GidsField & keyof GidsFieldAttributes]?: GidsField[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `attr:${K}`]?: GidsFieldAttributes[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `prop:${K}`]?: GidsField[K] };
+        "gids-filter": Omit<GidsFilter, keyof GidsFilterAttributes> & { [K in keyof GidsFilter & keyof GidsFilterAttributes]?: GidsFilter[K] } & { [K in keyof GidsFilter & keyof GidsFilterAttributes as `attr:${K}`]?: GidsFilterAttributes[K] } & { [K in keyof GidsFilter & keyof GidsFilterAttributes as `prop:${K}`]?: GidsFilter[K] };
         "gids-icon": Omit<GidsIcon, keyof GidsIconAttributes> & { [K in keyof GidsIcon & keyof GidsIconAttributes]?: GidsIcon[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `attr:${K}`]?: GidsIconAttributes[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `prop:${K}`]?: GidsIcon[K] } & OneOf<"name", GidsIcon["name"], GidsIconAttributes["name"]>;
         "gids-input": Omit<GidsInput, keyof GidsInputAttributes> & { [K in keyof GidsInput & keyof GidsInputAttributes]?: GidsInput[K] } & { [K in keyof GidsInput & keyof GidsInputAttributes as `attr:${K}`]?: GidsInputAttributes[K] } & { [K in keyof GidsInput & keyof GidsInputAttributes as `prop:${K}`]?: GidsInput[K] };
         "gids-level-gauge": Omit<GidsLevelGauge, keyof GidsLevelGaugeAttributes> & { [K in keyof GidsLevelGauge & keyof GidsLevelGaugeAttributes]?: GidsLevelGauge[K] } & { [K in keyof GidsLevelGauge & keyof GidsLevelGaugeAttributes as `attr:${K}`]?: GidsLevelGaugeAttributes[K] } & { [K in keyof GidsLevelGauge & keyof GidsLevelGaugeAttributes as `prop:${K}`]?: GidsLevelGauge[K] };
@@ -1956,6 +2209,7 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "gids-action-bar": LocalJSX.IntrinsicElements["gids-action-bar"] & JSXBase.HTMLAttributes<HTMLGidsActionBarElement>;
             "gids-activity-gauge": LocalJSX.IntrinsicElements["gids-activity-gauge"] & JSXBase.HTMLAttributes<HTMLGidsActivityGaugeElement>;
             "gids-bar-chart": LocalJSX.IntrinsicElements["gids-bar-chart"] & JSXBase.HTMLAttributes<HTMLGidsBarChartElement>;
             "gids-calendar": LocalJSX.IntrinsicElements["gids-calendar"] & JSXBase.HTMLAttributes<HTMLGidsCalendarElement>;
@@ -1971,6 +2225,7 @@ declare module "@stencil/core" {
             "gids-dropdown-field": LocalJSX.IntrinsicElements["gids-dropdown-field"] & JSXBase.HTMLAttributes<HTMLGidsDropdownFieldElement>;
             "gids-dropdown-picker": LocalJSX.IntrinsicElements["gids-dropdown-picker"] & JSXBase.HTMLAttributes<HTMLGidsDropdownPickerElement>;
             "gids-field": LocalJSX.IntrinsicElements["gids-field"] & JSXBase.HTMLAttributes<HTMLGidsFieldElement>;
+            "gids-filter": LocalJSX.IntrinsicElements["gids-filter"] & JSXBase.HTMLAttributes<HTMLGidsFilterElement>;
             "gids-icon": LocalJSX.IntrinsicElements["gids-icon"] & JSXBase.HTMLAttributes<HTMLGidsIconElement>;
             "gids-input": LocalJSX.IntrinsicElements["gids-input"] & JSXBase.HTMLAttributes<HTMLGidsInputElement>;
             "gids-level-gauge": LocalJSX.IntrinsicElements["gids-level-gauge"] & JSXBase.HTMLAttributes<HTMLGidsLevelGaugeElement>;