@shoper/phoenix_design_system 1.18.1 → 1.18.2

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_types.d.ts

@@ -1,6 +1,6 @@
-export interface ITargetToggleButton {
-    target?: HTMLElement;
-}
-export interface ISingleToggleOnModeToggleChange {
-    value: string | null;
-}
+export interface ITargetToggleButton {
+    target?: HTMLElement;
+}
+export interface ISingleToggleOnModeToggleChange {
+    value: string | null;
+}

package/build/esm/packages/phoenix/src/components/icon/icon.d.ts

@@ -1,20 +1,20 @@
-import { TemplateResult } from 'lit';
-import { TIconSize } from "./icon_constants";
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { Subject } from "../../core/classes/subject/subject";
-export declare class HIcon extends PhoenixLightLitElement {
-    static src: Subject<string>;
-    iconName: string;
-    size?: TIconSize | undefined;
-    filled: boolean;
-    clickable: boolean;
-    noStroke: boolean;
-    cssClasses: string;
-    private _cssClasses;
-    private _srcObserver;
-    constructor();
-    private _srcObserverCallback;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected render(): TemplateResult | null;
-}
+import { TemplateResult } from 'lit';
+import { TIconSize } from '@phoenixRoot/components/icon/icon_constants';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { Subject } from '@phoenixRoot/core/classes/subject/subject';
+export declare class HIcon extends PhoenixLightLitElement {
+    static src: Subject<string>;
+    iconName: string;
+    size?: TIconSize | undefined;
+    filled: boolean;
+    clickable: boolean;
+    noStroke: boolean;
+    cssClasses: string;
+    private _cssClasses;
+    private _srcObserver;
+    constructor();
+    private _srcObserverCallback;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult | null;
+}

package/build/esm/packages/phoenix/src/components/icon/icon.js

@@ -1,82 +1,80 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { html } from 'lit';
+var HIcon_1;
+import { __decorate, __metadata } from "tslib";
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP } from './icon_constants.js';
-import classnames from '../../../../../external/classnames/index.js';
-import { namespacedAttribute } from '../../directives/namespaced_attribute_directive.js';
-import { Observer } from '../../core/classes/observer/observer.js';
-import { Subject } from '../../core/classes/subject/subject.js';
-
-var HIcon_1;
-let HIcon = HIcon_1 = class HIcon extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.filled = false;
-        this.clickable = false;
-        this.noStroke = false;
-        this.cssClasses = '';
-        this._srcObserverCallback = (src) => {
-            if (src)
-                this.requestUpdate();
-        };
-        this._srcObserver = new Observer(this._srcObserverCallback);
-        HIcon_1.src.subscribe(this._srcObserver);
-    }
-    connectedCallback() {
-        var _a;
-        super.connectedCallback();
-        HIcon_1.src.subscribe(this._srcObserver);
-        this._cssClasses = classnames(ICON_CSS_CLASSES.icon, {
-            [ICON_SIZES_CSS_CLASS_MAP[(_a = this.size) !== null && _a !== void 0 ? _a : '']]: Boolean(this.size),
-            [ICON_CSS_CLASSES.iconFilled]: this.filled,
-            [ICON_CSS_CLASSES.iconNoStroke]: this.noStroke,
-            [ICON_CSS_CLASSES.iconClickable]: this.clickable
-        });
-    }
-    disconnectedCallback() {
-        HIcon_1.src.unsubscribe(this._srcObserver);
-    }
-    render() {
-        if (!HIcon_1.src.getValue())
-            return null;
+import { html } from 'lit';
+import { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP } from '@phoenixRoot/components/icon/icon_constants';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import classNames from 'classnames';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { namespacedAttribute } from '@phoenixRoot/directives/namespaced_attribute_directive';
+import { Subject } from '@phoenixRoot/core/classes/subject/subject';
+import { Observer } from '@phoenixRoot/core/classes/observer/observer';
+let HIcon = HIcon_1 = class HIcon extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.filled = false;
+        this.clickable = false;
+        this.noStroke = false;
+        this.cssClasses = '';
+        this._srcObserverCallback = (src) => {
+            if (src)
+                this.requestUpdate();
+        };
+        this._srcObserver = new Observer(this._srcObserverCallback);
+        HIcon_1.src.subscribe(this._srcObserver);
+    }
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        HIcon_1.src.subscribe(this._srcObserver);
+        this._cssClasses = classNames(ICON_CSS_CLASSES.icon, {
+            [ICON_SIZES_CSS_CLASS_MAP[(_a = this.size) !== null && _a !== void 0 ? _a : '']]: Boolean(this.size),
+            [ICON_CSS_CLASSES.iconFilled]: this.filled,
+            [ICON_CSS_CLASSES.iconNoStroke]: this.noStroke,
+            [ICON_CSS_CLASSES.iconClickable]: this.clickable
+        });
+    }
+    disconnectedCallback() {
+        HIcon_1.src.unsubscribe(this._srcObserver);
+    }
+    render() {
+        if (!HIcon_1.src.getValue())
+            return null;
         return html `
             <svg class="${this._cssClasses} ${this.cssClasses}">
                 <use xlink:href="${namespacedAttribute('http://www.w3.org/1999/xlink', `${HIcon_1.src.getValue()}#${this.iconName}`)}"></use>
             </svg>
-        `;
-    }
-};
-HIcon.src = new Subject();
-__decorate([
-    property({ type: String, attribute: 'icon-name' }),
-    __metadata("design:type", String)
-], HIcon.prototype, "iconName", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], HIcon.prototype, "size", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HIcon.prototype, "filled", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HIcon.prototype, "clickable", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HIcon.prototype, "noStroke", void 0);
-__decorate([
-    property({ type: String, attribute: 'css-classes' }),
-    __metadata("design:type", String)
-], HIcon.prototype, "cssClasses", void 0);
-HIcon = HIcon_1 = __decorate([
-    phoenixCustomElement('h-icon'),
-    __metadata("design:paramtypes", [])
+        `;
+    }
+};
+HIcon.src = new Subject();
+__decorate([
+    property({ type: String, attribute: 'icon-name' }),
+    __metadata("design:type", String)
+], HIcon.prototype, "iconName", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], HIcon.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HIcon.prototype, "filled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HIcon.prototype, "clickable", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HIcon.prototype, "noStroke", void 0);
+__decorate([
+    property({ type: String, attribute: 'css-classes' }),
+    __metadata("design:type", String)
+], HIcon.prototype, "cssClasses", void 0);
+HIcon = HIcon_1 = __decorate([
+    phoenixCustomElement('h-icon'),
+    __metadata("design:paramtypes", [])
 ], HIcon);
-
 export { HIcon };
-//# sourceMappingURL=icon.js.map
+//# sourceMappingURL=icon.js.map

package/build/esm/packages/phoenix/src/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA,uBAAuB,6CAAiD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../../../src/components/icon/icon.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/phoenix/src/components/icon/icon_constants.d.ts

@@ -1,21 +1,21 @@
-import { Any } from 'ts-toolbelt';
-export declare const ICON_CSS_CLASSES: {
-    readonly icon: "icon";
-    readonly iconFilled: "icon_filled";
-    readonly iconNoStroke: "icon_no-stroke";
-    readonly iconSizeL: "icon_l";
-    readonly iconSizeXl: "icon_xl";
-    readonly iconSizeXxl: "icon_xxl";
-    readonly iconClickable: "icon_clickable";
-};
-export declare const ICON_SIZES_CSS_CLASS_MAP: {
-    readonly l: "icon_l";
-    readonly xl: "icon_xl";
-    readonly xxl: "icon_xxl";
-};
-export declare const ICONS_SIZES: {
-    readonly l: "l";
-    readonly xl: "xl";
-    readonly xxl: "xxl";
-};
-export declare type TIconSize = Any.Keys<typeof ICON_SIZES_CSS_CLASS_MAP>;
+import { Any } from 'ts-toolbelt';
+export declare const ICON_CSS_CLASSES: {
+    readonly icon: "icon";
+    readonly iconFilled: "icon_filled";
+    readonly iconNoStroke: "icon_no-stroke";
+    readonly iconSizeL: "icon_l";
+    readonly iconSizeXl: "icon_xl";
+    readonly iconSizeXxl: "icon_xxl";
+    readonly iconClickable: "icon_clickable";
+};
+export declare const ICON_SIZES_CSS_CLASS_MAP: {
+    readonly l: "icon_l";
+    readonly xl: "icon_xl";
+    readonly xxl: "icon_xxl";
+};
+export declare const ICONS_SIZES: {
+    readonly l: "l";
+    readonly xl: "xl";
+    readonly xxl: "xxl";
+};
+export declare type TIconSize = Any.Keys<typeof ICON_SIZES_CSS_CLASS_MAP>;

package/build/esm/packages/phoenix/src/components/icon/icon_constants.js

@@ -1,23 +1,22 @@
-const iconBaseClass = 'icon';
-const ICON_CSS_CLASSES = {
-    icon: iconBaseClass,
-    iconFilled: `${iconBaseClass}_filled`,
-    iconNoStroke: `${iconBaseClass}_no-stroke`,
-    iconSizeL: `${iconBaseClass}_l`,
-    iconSizeXl: `${iconBaseClass}_xl`,
-    iconSizeXxl: `${iconBaseClass}_xxl`,
-    iconClickable: `${iconBaseClass}_clickable`
-};
-const ICON_SIZES_CSS_CLASS_MAP = {
-    l: ICON_CSS_CLASSES.iconSizeL,
-    xl: ICON_CSS_CLASSES.iconSizeXl,
-    xxl: ICON_CSS_CLASSES.iconSizeXxl
-};
-const ICONS_SIZES = {
-    l: 'l',
-    xl: 'xl',
-    xxl: 'xxl'
+import 'ts-toolbelt';
+const iconBaseClass = 'icon';
+export const ICON_CSS_CLASSES = {
+    icon: iconBaseClass,
+    iconFilled: `${iconBaseClass}_filled`,
+    iconNoStroke: `${iconBaseClass}_no-stroke`,
+    iconSizeL: `${iconBaseClass}_l`,
+    iconSizeXl: `${iconBaseClass}_xl`,
+    iconSizeXxl: `${iconBaseClass}_xxl`,
+    iconClickable: `${iconBaseClass}_clickable`
 };
-
-export { ICONS_SIZES, ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP };
-//# sourceMappingURL=icon_constants.js.map
+export const ICON_SIZES_CSS_CLASS_MAP = {
+    l: ICON_CSS_CLASSES.iconSizeL,
+    xl: ICON_CSS_CLASSES.iconSizeXl,
+    xxl: ICON_CSS_CLASSES.iconSizeXxl
+};
+export const ICONS_SIZES = {
+    l: 'l',
+    xl: 'xl',
+    xxl: 'xxl'
+};
+//# sourceMappingURL=icon_constants.js.map

package/build/esm/packages/phoenix/src/components/icon/icon_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"icon_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/icon/icon_constants.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAElC,MAAM,aAAa,GAAG,MAAM,CAAC;AAE7B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,IAAI,EAAE,aAAa;IACnB,UAAU,EAAE,GAAG,aAAa,SAAS;IACrC,YAAY,EAAE,GAAG,aAAa,YAAY;IAC1C,SAAS,EAAE,GAAG,aAAa,IAAI;IAC/B,UAAU,EAAE,GAAG,aAAa,KAAK;IACjC,WAAW,EAAE,GAAG,aAAa,MAAM;IACnC,aAAa,EAAE,GAAG,aAAa,YAAY;CACrC,CAAC;AAEX,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACpC,CAAC,EAAE,gBAAgB,CAAC,SAAS;IAC7B,EAAE,EAAE,gBAAgB,CAAC,UAAU;IAC/B,GAAG,EAAE,gBAAgB,CAAC,WAAW;CAC3B,CAAC;AAEX,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,IAAI;IACR,GAAG,EAAE,KAAK;CACJ,CAAC"}

package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts

@@ -1,36 +1,36 @@
-import { IBaseMessage } from './base_message_types';
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import type { TDirection } from '@dreamcommerce/utilities';
-import { PropertyValues, TemplateResult } from 'lit';
-export declare class BaseMessage extends PhoenixLightLitElement implements IBaseMessage {
-    opened: boolean;
-    portalTarget: string;
-    direction: TDirection;
-    offset: number;
-    mouseonly: boolean;
-    tabindex: string;
-    useAsLabel: boolean;
-    private _messageId;
-    private _positionController;
-    private _clickOutsideController;
-    private _$messageContent;
-    private _openTimeout;
-    private _tooltipOpenTime;
-    private _shouldDelayClosing;
-    private _closeTimeout;
-    private _messageComponentName;
-    private _$baseMessageContent?;
-    private _tooltipRef;
-    constructor();
-    connectedCallback(messageComponentName?: string): void;
-    firstUpdated(props: PropertyValues): void;
-    private _handleChildrenAriaAttributes;
-    private static _appendMessagePortal;
-    private _setupEventListeners;
-    protected _positionMessage: () => void;
-    open: () => void;
-    private _closeFromKeyboard;
-    close: () => void;
-    disconnectedCallback(): void;
-    protected render(): TemplateResult;
-}
+import { IBaseMessage } from './base_message_types';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import type { TDirection } from '@dreamcommerce/utilities';
+import { PropertyValues, TemplateResult } from 'lit';
+export declare class BaseMessage extends PhoenixLightLitElement implements IBaseMessage {
+    opened: boolean;
+    portalTarget: string;
+    direction: TDirection;
+    offset: number;
+    mouseonly: boolean;
+    tabindex: string;
+    useAsLabel: boolean;
+    private _messageId;
+    private _positionController;
+    private _clickOutsideController;
+    private _$messageContent;
+    private _openTimeout;
+    private _tooltipOpenTime;
+    private _shouldDelayClosing;
+    private _closeTimeout;
+    private _messageComponentName;
+    private _$baseMessageContent?;
+    private _tooltipRef;
+    constructor();
+    connectedCallback(messageComponentName?: string): void;
+    firstUpdated(props: PropertyValues): void;
+    private _handleChildrenAriaAttributes;
+    private static _appendMessagePortal;
+    private _setupEventListeners;
+    protected _positionMessage: () => void;
+    open: () => void;
+    private _closeFromKeyboard;
+    close: () => void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}