@shoper/phoenix_design_system 0.18.2 → 0.19.0

package/build/esm/packages/phoenix/src/core/{phoenix_light_lit_elements_constants.js.map → phoenix_light_lit_element/phoenix_light_lit_elements_constants.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/index.d.ts

@@ -1,8 +1,8 @@
-export { DEFAULT_SLOT_NAME } from "./core/phoenix_light_lit_elements_constants";
+export { DEFAULT_SLOT_NAME } from "./core/phoenix_light_lit_element/phoenix_light_lit_elements_constants";
 export { IPhoenixWebComponentClass } from "./global_types";
 export { ContextProviderController } from "./core/context/context_provider_controller";
 export { ContextConsumerController } from "./core/context/context_consumer_controller";
-export { PhoenixLightLitElement } from "./core/phoenix_light_lit_element";
+export { PhoenixLightLitElement } from "./core/phoenix_light_lit_element/phoenix_light_lit_element";
 export { HPortal } from './components/portal/portal';
 export { HPortalTarget } from './components/portal/portal_target';
 export { HModal } from './components/modal/modal';
@@ -54,6 +54,9 @@ export { BtnController } from './controllers/btn_controller';
 export { HDropdown } from './components/dropdown/dropdown';
 export { HDropdownToggler } from './components/dropdown/dropdown_toggler';
 export { HDropdownContent } from './components/dropdown/dropdown_content';
+export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group';
+export { HToggleButton } from './components/groups/toggle_button_group/toggle_button';
+export type { ISingleToggleOnModeToggleChange } from './components/groups/toggle_button_group/toggle_button_group_types';
 export { ClickOutsideController } from './controllers/click_outside_controller/click_outside_controller';
 export { IClickOutsideController } from "./controllers/click_outside_controller/click_outside_controller_types";
 export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from "./controllers/click_outside_controller/click_outside_controller_messages";

package/build/esm/packages/phoenix/src/index.js

@@ -1,7 +1,7 @@
-export { DEFAULT_SLOT_NAME } from './core/phoenix_light_lit_elements_constants.js';
+export { DEFAULT_SLOT_NAME } from './core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js';
 export { ContextProviderController } from './core/context/context_provider_controller.js';
 export { ContextConsumerController } from './core/context/context_consumer_controller.js';
-export { PhoenixLightLitElement } from './core/phoenix_light_lit_element.js';
+export { PhoenixLightLitElement } from './core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 export { HPortalTarget } from './components/portal/portal_target.js';
 export { HPortal } from './components/portal/portal.js';
 export { BackdropController } from './components/backdrop/controller/backdrop_controller.js';
@@ -52,6 +52,8 @@ export { ToggleElementAriaController } from './controllers/toggle_element_aria_c
 export { HDropdownToggler } from './components/dropdown/dropdown_toggler.js';
 export { RelativePositionController } from './controllers/relative_position_controller/relative_position_controller.js';
 export { HDropdown } from './components/dropdown/dropdown.js';
+export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group.js';
+export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';
 export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_controller/click_outside_controller_messages.js';
 export { HBackdrop } from './components/backdrop/backdrop.js';
 export { VisibilityController } from './controllers/visibility_controller/visibility_controller.js';

package/build/esm/packages/phoenix/src/index.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;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":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;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;"}

package/build/esm/packages/utilities/build/esm/web_components_utils.js

@@ -0,0 +1,14 @@
+class WebComponentsUtils {
+    static isWebComponentDefined($element) {
+        if (!this.isWebComponent($element))
+            return false;
+        const customElementClass = window.customElements.get($element.tagName.toLowerCase());
+        return !!customElementClass && $element instanceof customElementClass;
+    }
+    static isWebComponent($element) {
+        return $element.tagName.includes('-');
+    }
+}
+
+export { WebComponentsUtils };
+//# sourceMappingURL=web_components_utils.js.map

package/build/esm/packages/utilities/build/esm/web_components_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.18.2",
+  "version": "0.19.0",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",
@@ -26,9 +26,11 @@
     "watch:tests:unit": "jest --watch -c .config/jest/jest.config.js"
   },
   "peerDependencies": {
+    "@dreamcommerce/utilities": "0.9.1",
     "@splidejs/splide": "4.0.7"
   },
   "devDependencies": {
+    "@dreamcommerce/utilities": "^0.9.1",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@splidejs/splide": "4.0.7",

package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var phoenix_light_lit_elements_constants = require('./phoenix_light_lit_elements_constants.js');
-var tslib_es6 = require('../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-
-class PhoenixLightLitElement extends lit.LitElement {
-    constructor() {
-        super(...arguments);
-        this._slots = {};
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this._slots = this._assignSlots();
-        this.requestUpdate();
-    }
-    _assignSlots() {
-        return [...this.querySelectorAll(':scope > [slot]')].reduce((acc, $el) => {
-            var _a;
-            const slotName = $el.slot || phoenix_light_lit_elements_constants.DEFAULT_SLOT_NAME;
-            acc[slotName] = acc[slotName] || [];
-            acc[slotName].push(lit.html `${$el}`);
-            (_a = $el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild($el);
-            $el.removeAttribute('slot');
-            return acc;
-        }, this._slots);
-    }
-    getSlot(name) {
-        try {
-            return this._slots[name];
-        }
-        catch (_a) { }
-        return lit.nothing;
-    }
-    hasSlot(name) {
-        return !!this._slots[name];
-    }
-    createRenderRoot() {
-        return this;
-    }
-}
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], PhoenixLightLitElement.prototype, "_slots", void 0);
-
-exports.PhoenixLightLitElement = PhoenixLightLitElement;
-//# sourceMappingURL=phoenix_light_lit_element.js.map

package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_elements_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element.js

@@ -1,47 +0,0 @@
-import { DEFAULT_SLOT_NAME } from './phoenix_light_lit_elements_constants.js';
-import { __decorate, __metadata } from '../../../../external/tslib/tslib.es6.js';
-import { LitElement, html, nothing } from 'lit';
-import { state } from 'lit/decorators';
-
-class PhoenixLightLitElement extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._slots = {};
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this._slots = this._assignSlots();
-        this.requestUpdate();
-    }
-    _assignSlots() {
-        return [...this.querySelectorAll(':scope > [slot]')].reduce((acc, $el) => {
-            var _a;
-            const slotName = $el.slot || DEFAULT_SLOT_NAME;
-            acc[slotName] = acc[slotName] || [];
-            acc[slotName].push(html `${$el}`);
-            (_a = $el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild($el);
-            $el.removeAttribute('slot');
-            return acc;
-        }, this._slots);
-    }
-    getSlot(name) {
-        try {
-            return this._slots[name];
-        }
-        catch (_a) { }
-        return nothing;
-    }
-    hasSlot(name) {
-        return !!this._slots[name];
-    }
-    createRenderRoot() {
-        return this;
-    }
-}
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], PhoenixLightLitElement.prototype, "_slots", void 0);
-
-export { PhoenixLightLitElement };
-//# sourceMappingURL=phoenix_light_lit_element.js.map

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_elements_constants.d.ts

@@ -1 +0,0 @@
-export declare const DEFAULT_SLOT_NAME = "default";

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_elements_constants.js

@@ -1,4 +0,0 @@
-const DEFAULT_SLOT_NAME = 'default';
-
-export { DEFAULT_SLOT_NAME };
-//# sourceMappingURL=phoenix_light_lit_elements_constants.js.map