@maggioli-design-system/magma 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/types/components/mds-paginator-item/mds-paginator-item.d.ts

@@ -3,6 +3,12 @@
  */
 export declare class MdsPaginatorItem {
     host: HTMLMdsPaginatorItemElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     private km;
     /**
      * Specifies the icon used inside the paginator item
@@ -16,6 +22,7 @@ export declare class MdsPaginatorItem {
      * Specifies if the item is disabled or not, is handled from the parent paginator
      */
     readonly disabled?: boolean;
+    connectedCallback(): void;
     componentDidLoad(): void;
     componentDidUpdate(): void;
     disconnectedCallback(): void;

package/dist/types/components/mds-policy-ai/mds-policy-ai.d.ts

@@ -30,5 +30,6 @@ export declare class MdsPolicyAi {
      */
     href?: string;
     componentWillLoad(): void;
+    private readonly handleIconClick;
     render(): any;
 }

package/dist/types/components/mds-pref-animation/mds-pref-animation.d.ts

@@ -4,6 +4,8 @@ import { AnimationModeType } from './meta/types';
 import { TabSizeType } from "../../type/button";
 export declare class MdsPrefAnimation {
     private element;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
     private readonly localStorageAlias;
     private readonly customPropertyAlias;
     private readonly defaultMode;
@@ -26,8 +28,11 @@ export declare class MdsPrefAnimation {
      */
     prefChangeEvent: EventEmitter<MdsPrefChangeEventDetail>;
     private readonly animation;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillRender(): void;
     private readonly setAnimation;
     modeChanged(newValue: AnimationModeType): void;
+    private readonly handleModeClick;
     render(): any;
 }

package/dist/types/components/mds-pref-consumption/mds-pref-consumption.d.ts

@@ -4,6 +4,8 @@ import { ConsumptionModeType } from "../../type/preference";
 import { TabSizeType } from "../../type/button";
 export declare class MdsPrefContrast {
     private element;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
     private readonly localStorageAlias;
     private readonly customPropertyAlias;
     private readonly defaultMode;
@@ -26,8 +28,11 @@ export declare class MdsPrefContrast {
      */
     prefChangeEvent: EventEmitter<MdsPrefChangeEventDetail>;
     private readonly consumption;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillRender(): void;
     private readonly setConsumption;
     modeChanged(newValue: ConsumptionModeType): void;
+    private readonly handleModeClick;
     render(): any;
 }

package/dist/types/components/mds-pref-contrast/mds-pref-contrast.d.ts

@@ -4,6 +4,8 @@ import { MdsPrefChangeEventDetail } from "../../event-detail/preference";
 import { TabSizeType } from "../../type/button";
 export declare class MdsPrefContrast {
     private element;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
     private readonly localStorageAlias;
     private readonly customPropertyAlias;
     private readonly defaultMode;
@@ -27,9 +29,12 @@ export declare class MdsPrefContrast {
      */
     prefChangeEvent: EventEmitter<MdsPrefChangeEventDetail>;
     private readonly contrast;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillRender(): void;
     private readonly rollbackContrast;
     private readonly setContrast;
     modeChanged(newValue: ContrastModeType, oldValue: ContrastModeType): void;
+    private readonly handleModeClick;
     render(): any;
 }

package/dist/types/components/mds-pref-theme/mds-pref-theme.d.ts

@@ -4,6 +4,12 @@ import { MdsPrefChangeEventDetail } from "../../event-detail/preference";
 import { TabSizeType } from "../../type/button";
 export declare class MdsPrefTheme {
     private element;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     private readonly defaultMode;
     private readonly t;
     language: string;
@@ -53,5 +59,8 @@ export declare class MdsPrefTheme {
     private attachFlashOverlayTransition;
     private attachSmoothOverlayTransition;
     private changeTheme;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private readonly handleModeClick;
     render(): any;
 }

package/dist/types/components/mds-price-table-features/mds-price-table-features.d.ts

@@ -3,9 +3,19 @@
  * @slot - Expects to slot `mds-price-table-features-row` component
  */
 export declare class MdsPriceTableFeatures {
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     /**
      * Sets a header title for the entire table
      */
     readonly label?: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/mds-price-table-features-cell/mds-price-table-features-cell.d.ts

@@ -5,9 +5,19 @@ import { PriceTableFeaturesCellType } from './meta/types';
  * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  */
 export declare class MdsPriceTableFeaturesCell {
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     /**
      * Specifies the support type which is represented
      */
     type?: PriceTableFeaturesCellType;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/mds-price-table-features-row/mds-price-table-features-row.d.ts

@@ -5,6 +5,16 @@ export declare class MdsPriceTableFeaturesRow {
     private horizontalCells;
     cellPercWidth: string;
     host: HTMLMdsPriceTableFeaturesRowElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillRender(): void;
     render(): any;
 }

package/dist/types/components/mds-price-table-list/mds-price-table-list.d.ts

@@ -10,6 +10,16 @@
 export declare class MdsPriceTableList {
     hasItems: boolean;
     hostElement: HTMLMdsPriceTableListElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components/mds-progress/mds-progress.d.ts

@@ -8,6 +8,14 @@ import { ProgressBarSizeType } from "../../type/progress";
  */
 export declare class MdsProgress {
     private element;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     currentStep: string;
     private stepsList;
     /**
@@ -34,6 +42,8 @@ export declare class MdsProgress {
      * Sets the steps that can be pronounced by accessibility technologies
      */
     readonly steps: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     private setProgress;

package/dist/types/components/mds-push-notification/mds-push-notification.d.ts

@@ -6,6 +6,10 @@ import { MdsPushNotificationEventDetail } from './meta/event-detail';
  */
 export declare class MdsPushNotification {
     host: HTMLMdsPushNotificationElement;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     private slotNotifications;
     private cssItemsIntroDuration;
     private cssItemsOutroDuration;
@@ -69,6 +73,8 @@ export declare class MdsPushNotification {
      * @param notification the notification item or items to remove
      */
     removeNotification(notification: HTMLMdsPushNotificationItemElement | HTMLMdsPushNotificationItemElement[]): Promise<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentDidLoad(): void;
     visibleChanged(newValue?: boolean): void;
     render(): any;

package/dist/types/components/mds-push-notification-item/mds-push-notification-item.d.ts

@@ -15,6 +15,14 @@ export declare class MdsPushNotificationItem {
     private hasActions?;
     private hasBadge?;
     host: HTMLMdsPushNotificationItemElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     private t;
     language: string;
     /**
@@ -30,7 +38,7 @@ export declare class MdsPushNotificationItem {
      */
     readonly dateFormat: NotificationItemDateFormatType;
     /**
-     * Specifies if the component is dismissable or not, it should be set to true by default is used with it's parent component `mds-push-notification-items`
+     * Specifies if the component is dismissable; when set, a dismiss button is shown.
      */
     deletable?: boolean;
     /**
@@ -70,6 +78,8 @@ export declare class MdsPushNotificationItem {
      */
     closedEvent: EventEmitter<MdsPushNotificationItemEventDetail>;
     private onClickClose;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentDidLoad(): void;
     componentWillLoad(): void;
     handleDeletableChange(newValue?: boolean): void;

package/dist/types/components/mds-quote/mds-quote.d.ts

@@ -5,6 +5,10 @@ import { TypographyHeadingTagType } from "../../type/text";
  * @slot author - Add `text string`, `HTML elements` or `components` to this slot.
  */
 export declare class MdsQuote {
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
      * Specifies the font typography of the element
      */

package/dist/types/components/mds-separator/mds-separator.d.ts

@@ -1,3 +1,11 @@
 export declare class MdsSeparator {
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/mds-spinner/mds-spinner.d.ts

@@ -1,4 +1,8 @@
 export declare class MdsSpinner {
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
      * Specifies if the animation is running or not, it's required for performance reasons
      */

package/dist/types/components/mds-status-bar/mds-status-bar.d.ts

@@ -9,6 +9,14 @@ import { StatusBarPositionType } from './meta/types';
 export declare class MdsStatusBar {
     host: HTMLMdsStatusBarElement;
     private modal;
+    consumption?: string;
+    private unsubscribeConsumption?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     /**
      * Specifies the description near the slotted actions
      */
@@ -25,6 +33,8 @@ export declare class MdsStatusBar {
      * Specifies if the component is visible
      */
     visible?: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentDidLoad(): void;
     handleVisbilityProp(newValue?: boolean): void;
     /**

package/dist/types/components/mds-stepper-bar-item/mds-stepper-bar-item.d.ts

@@ -6,6 +6,8 @@ import { MdsStepperBarItemEventDetail } from './meta/event-detail';
  */
 export declare class MdsStepperBarItem {
     private host;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
     isDone: boolean;
     isCurrent: boolean;
     index: number;
@@ -55,6 +57,7 @@ export declare class MdsStepperBarItem {
     componentWillLoad(): void;
     componentDidLoad(): void;
     componentWillRender(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     selectedHandler(newValue: boolean): void;
     currentHandler(newValue: boolean): void;

package/dist/types/components/mds-tab/mds-tab.d.ts

@@ -13,6 +13,14 @@ import { DirectionType } from './meta/type';
  */
 export declare class MdsTab {
     private element;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     private currentItemIndex;
     private currentItemEl;
     private tabs;
@@ -57,6 +65,7 @@ export declare class MdsTab {
     changedEvent: EventEmitter<MdsTabEventDetail>;
     private queryContentItems;
     componentWillLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     componentDidLoad(): void;
     private updateContentItems;
@@ -71,7 +80,8 @@ export declare class MdsTab {
     private readonly updateCSSCustomProps;
     changeEventHandler(event: CustomEvent<MdsTabItemEventDetail>): void;
     focusEventHandler(event: CustomEvent<MdsTabItemEventDetail>): void;
-    handleAnimationChange(): void;
+    handleAnimationChange(newValue?: HorizontalActionsAnimationType): void;
+    handleDirectionChange(newValue?: DirectionType): void;
     handleScrollbarChange(newValue?: boolean): void;
     handleFillChange(newValue?: boolean): void;
     handleOverflowChange(newValue?: boolean): void;

package/dist/types/components/mds-tab-bar/mds-tab-bar.d.ts

@@ -5,12 +5,22 @@ import { MdsTabBarEventDetail } from './meta/event-detail';
  */
 export declare class MdsTabBar {
     private element;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     /**
      * Emits when a step is changed
      */
     changedEvent: EventEmitter<MdsTabBarEventDetail>;
     private queryItems;
     componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     changeEventHandler(event: CustomEvent<string>): void;
     render(): any;
 }

package/dist/types/components/mds-tab-bar-item/mds-tab-bar-item.d.ts

@@ -5,6 +5,14 @@ import { TypographySmallerType } from "../../type/typography";
  */
 export declare class MdsTabBarItem {
     private element;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     isSelected: boolean;
     /**
      * The icon displayed in the tab bar item.
@@ -23,6 +31,8 @@ export declare class MdsTabBarItem {
      */
     readonly typography?: TypographySmallerType;
     componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private select;
     /**
      * Emits when the component is selected

package/dist/types/components/mds-tab-item/mds-tab-item.d.ts

@@ -1,8 +1,16 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ButtonIconPositionType, ButtonSizeType, ButtonType } from "../../type/button";
+import { HorizontalActionsAnimationType } from "../../type/animation";
+import { DirectionType } from "../mds-tab/meta/type";
 import { MdsTabItemEventDetail } from './meta/event-detail';
 export declare class MdsTabItem {
     private element;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     isSelected?: boolean;
     hasText: boolean;
     /**
@@ -37,6 +45,16 @@ export declare class MdsTabItem {
      * Specifies the size for the tab item
      */
     readonly size?: ButtonSizeType;
+    /**
+     * Reflects the parent tab layout direction (set by mds-tab); drives the
+     * vertical layout without :host-context
+     */
+    readonly direction?: DirectionType;
+    /**
+     * Reflects the parent tab selection animation (set by mds-tab); drives the
+     * slide-variant styling without :host-context
+     */
+    readonly animation?: HorizontalActionsAnimationType;
     /**
      * Specifies an optional value to get from mdsTabItemSelect event
      */
@@ -56,6 +74,8 @@ export declare class MdsTabItem {
     private toggle;
     private focus;
     validateActive(newValue?: boolean): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components/mds-table/mds-table.d.ts

@@ -10,6 +10,14 @@ import { MdsTableRowSelection } from './meta/type';
  */
 export declare class MdsTable {
     host: HTMLMdsTableElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     private rows;
     private body;
     private header;
@@ -55,6 +63,7 @@ export declare class MdsTable {
     componentWillLoad(): void;
     componentDidLoad(): void;
     private updateSlottedElements;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/mds-table-body/mds-table-body.d.ts

@@ -2,6 +2,8 @@
  * @slot - Put `mds-table-row` element/s.
  */
 export declare class MdsTableBody {
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
     /**
      * Specifies whether the rows react to user interaction (hover/focus).
      */
@@ -10,5 +12,7 @@ export declare class MdsTableBody {
      * Enables the selection column for the rows in this table body.
      */
     readonly selection?: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/mds-table-cell/mds-table-cell.d.ts

@@ -3,10 +3,14 @@
  */
 export declare class MdsTableCell {
     host: HTMLMdsTableCellElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
     /**
      * Sets a value to help the sorting function from `mds-table-header-cell`, if not set it will be used the content of the cell.
      */
     readonly value?: string | number;
     componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/mds-table-footer/mds-table-footer.d.ts

@@ -2,5 +2,9 @@
  * @slot - Add `mds-table-row` element/s.
  */
 export declare class MdsTableFooter {
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/mds-table-header/mds-table-header.d.ts

@@ -3,6 +3,8 @@
  */
 export declare class MdsTableHeader {
     host: HTMLMdsTableHeaderElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
     private table;
     private checkboxEl;
     selectAll: boolean;
@@ -25,6 +27,8 @@ export declare class MdsTableHeader {
      * @param totalItems the total number of selectable rows
      */
     setSelection(selectedItems: number, totalItems: number): Promise<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     private handleSelectAllChange;
     render(): any;

package/dist/types/components/mds-table-header-cell/mds-table-header-cell.d.ts

@@ -2,6 +2,8 @@ import { SortDirectionType } from './meta/types';
 export declare class MdsTableHeaderCell {
     isAscending: boolean;
     element: HTMLMdsTableHeaderCellElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
     private currentDirection;
     private index;
     private tableBody;
@@ -21,6 +23,8 @@ export declare class MdsTableHeaderCell {
      * Specifies the current sort direction of the column.
      */
     direction: SortDirectionType;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentDidLoad(): void;
     private prepareSorter;
     private getValue;

package/dist/types/components/mds-table-row/mds-table-row.d.ts

@@ -4,6 +4,8 @@
  */
 export declare class MdsTableRow {
     host: HTMLMdsTableRowElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
     private actions;
     private hasActions;
     private observer?;
@@ -30,10 +32,16 @@ export declare class MdsTableRow {
      * Specifies whether the row is currently selected.
      */
     selected?: boolean;
+    /**
+     * Reflects the parent table selection state (set by mds-table); drives the
+     * row action background without :host-context
+     */
+    readonly selection?: boolean;
     /**
      * The value associated with the row, emitted when the row is selected.
      */
     readonly value?: string | number;
+    connectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     private initObserver;

package/dist/types/components/mds-text/mds-text.d.ts

@@ -11,6 +11,8 @@ export declare class MdsText {
     private randomTextOptions;
     private randomText;
     host: HTMLMdsTextElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
     /**
      * Specifies if the text is animated when it is rendered
      */
@@ -37,6 +39,8 @@ export declare class MdsText {
     readonly variant?: TypographyVariants;
     private animateText;
     private updateCSSCustomProps;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillRender(): void;
     componentDidLoad(): void;
     textHandler(newValue?: string): void;

package/dist/types/components/mds-toast/mds-toast.d.ts

@@ -14,6 +14,14 @@ export declare class MdsToast {
     private actions;
     private hasText?;
     hostElement: HTMLMdsToastElement;
+    prefAnimation?: string;
+    private unsubscribePrefAnimation?;
+    prefContrast?: string;
+    private unsubscribePrefContrast?;
+    prefTheme?: string;
+    private unsubscribePrefTheme?;
+    prefThemeScheme?: string;
+    private unsubscribePrefThemeScheme?;
     /**
      * If set, specifies the visibility duration in milliseconds of the element inside the viewport, when the time is up the visible property will be set to false. If the duration is set to 0 the component will still visible until intentionally closed by user.
      */
@@ -42,6 +50,8 @@ export declare class MdsToast {
     private reloadTimeListeners;
     private removeTimeListener;
     private addTimeListener;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     visibleChanged(visible: boolean): void;