@shoper/phoenix_design_system 1.0.0 → 1.0.2

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

@@ -8,6 +8,8 @@ class PhoenixLightLitElement extends LitElement {
     constructor() {
         super(...arguments);
         this._slots = {};
+        this.watchChildrenRendered = false;
+        this.watchChildrenConnected = false;
         this.isWebComponentConnected = false;
         this.isWebComponentRendered = false;
         this._childrenForConnectionToWatch = [];
@@ -50,14 +52,16 @@ class PhoenixLightLitElement extends LitElement {
         this._dispatchLifecycleEvent(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered);
         this.isWebComponentRendered = true;
     }
-    _setupChildrenWatch() {
+    _setupChildrenConnectedWatch() {
         this._childrenForConnectionToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForConnectionToWatch();
-        this._childrenForRenderToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForRenderedToWatch();
         if (!this._childrenForConnectionToWatch.length)
             this.allChildrenConnected();
+        this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
+    }
+    _setupChildrenRenderWatch() {
+        this._childrenForRenderToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForRenderedToWatch();
         if (!this._childrenForRenderToWatch.length)
             this.allChildrenRendered();
-        this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
         this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentRendered);
     }
     _getComponentsNamesForConnectionToWatch() {
@@ -70,7 +74,10 @@ class PhoenixLightLitElement extends LitElement {
         super.connectedCallback();
         this._dispatchLifecycleEvent(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected);
         this.isWebComponentConnected = true;
-        this._setupChildrenWatch();
+        if (this.watchChildrenConnected)
+            this._setupChildrenConnectedWatch();
+        if (this.watchChildrenRendered)
+            this._setupChildrenRenderWatch();
     }
     allChildrenConnected() { }
     allChildrenRendered() { }

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,uCAAuC,4CAAgD;AACvF;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;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,uCAAuC,4CAAgD;AACvF;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;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/phoenix/src/directives/namespaced_attribure_directive.d.ts

@@ -0,0 +1,8 @@
+import { Directive, DirectiveParameters, PartInfo } from 'lit/async-directive.js';
+import { noChange } from 'lit';
+declare class NamespaceAttributeDirective extends Directive {
+    update(part: PartInfo, [namespace, value]: DirectiveParameters<this>): typeof noChange;
+    render(namespace: string, value: string): typeof noChange;
+}
+export declare const namespacedAttribute: (namespace: string, value: string) => import("lit/async-directive.js").DirectiveResult<typeof NamespaceAttributeDirective>;
+export {};

package/build/esm/packages/phoenix/src/directives/namespaced_attribure_directive.js

@@ -0,0 +1,18 @@
+import { noChange } from 'lit';
+import '../../../../external/lit/external/lit-html/lit-html.js';
+import { directive as e, Directive as i } from '../../../../external/lit/external/lit-html/directive.js';
+
+class NamespaceAttributeDirective extends i {
+    update(part, [namespace, value]) {
+        const attributePart = part;
+        attributePart.element.setAttributeNS(namespace, attributePart.name, value);
+        return this.render(namespace, value);
+    }
+    render(namespace, value) {
+        return noChange;
+    }
+}
+const namespacedAttribute = e(NamespaceAttributeDirective);
+
+export { namespacedAttribute };
+//# sourceMappingURL=namespaced_attribure_directive.js.map

package/build/esm/packages/phoenix/src/directives/namespaced_attribure_directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,OAAO,wDAAgE;AACvE,+CAA+C,yDAAiE;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -65,6 +65,10 @@ export { RelativePositionController } from './controllers/relative_position_cont
 export { ToggleElementAriaController } from './controllers/toggle_element_aria_controller/toggle_element_aria_controller';
 export { HBackdrop } from './components/backdrop/backdrop';
 export { BackdropController } from "./components/backdrop/controller/backdrop_controller";
+export { HColorSwatchesControl } from './components/form/color_swatches_control/color_swatches_control';
+export { HColorSwatches } from './components/color_swatches/color_swatches';
+export { HColorItem } from './components/color_swatches/color_item/color_item';
+export { HColorSwatchesShowMore } from './components/color_swatches/show-more/show_more';
 export { VisibilityController } from './controllers/visibility_controller/visibility_controller';
 export * from './controllers/visibility_controller/visibility_controller_types';
 export { HSlider } from './components/slider/slider';
@@ -75,3 +79,10 @@ export { HTabPanel } from './components/tabs/tab_panel';
 export { TABS_EVENT_NAMES } from './components/tabs/tabs_constants';
 export { HScrollTo } from './components/scroll_to/scroll_to';
 export * from './components/scroll_to/scroll_to_types';
+export { HHint } from "./components/messages/hints/hint";
+export { HHintContent } from "./components/messages/hints/hint_content";
+export { HTooltip } from "./components/messages/tooltips/tooltip";
+export { HTooltipContent } from "./components/messages/tooltips/tooltip_content";
+export { HIcon } from "./components/icon/icon";
+export { HTag } from "./components/tag/tag";
+export { HTagRemoveButton } from "./components/tag/tag_remove_button";

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

@@ -56,6 +56,10 @@ export { HToggleButtonGroup } from './components/groups/toggle_button_group/togg
 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 { HColorSwatchesControl } from './components/form/color_swatches_control/color_swatches_control.js';
+export { HColorItem } from './components/color_swatches/color_item/color_item.js';
+export { HColorSwatches } from './components/color_swatches/color_swatches.js';
+export { HColorSwatchesShowMore } from './components/color_swatches/show-more/show_more.js';
 export { VisibilityController } from './controllers/visibility_controller/visibility_controller.js';
 export { HSlider } from './components/slider/slider.js';
 export { HTab } from './components/tabs/tab/tab.js';
@@ -63,4 +67,11 @@ export { HTabPanel } from './components/tabs/tab_panel.js';
 export { TABS_EVENT_NAMES } from './components/tabs/tabs_constants.js';
 export { HTabs } from './components/tabs/tabs.js';
 export { HScrollTo } from './components/scroll_to/scroll_to.js';
+export { HHint } from './components/messages/hints/hint.js';
+export { HHintContent } from './components/messages/hints/hint_content.js';
+export { HTooltip } from './components/messages/tooltips/tooltip.js';
+export { HTooltipContent } from './components/messages/tooltips/tooltip_content.js';
+export { HIcon } from './components/icon/icon.js';
+export { HTag } from './components/tag/tag.js';
+export { HTagRemoveButton } from './components/tag/tag_remove_button.js';
 //# sourceMappingURL=index.js.map

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;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;AACA;AACA;AACA;AACA;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": "1.0.0",
+  "version": "1.0.2",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "@splidejs/splide": "^4.0.7"
   },
   "devDependencies": {
-    "@dreamcommerce/utilities": "^1.0.0",
+    "@dreamcommerce/utilities": "^1.0.1",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@splidejs/splide": "4.0.7",

package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const KEYSTROKE_DELAY_IN_MS = 500;
-
-exports.KEYSTROKE_DELAY_IN_MS = KEYSTROKE_DELAY_IN_MS;
-//# sourceMappingURL=keystrokes_controller_constants.js.map

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.d.ts

@@ -1 +0,0 @@
-export declare const KEYSTROKE_DELAY_IN_MS = 500;

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.js

@@ -1,4 +0,0 @@
-const KEYSTROKE_DELAY_IN_MS = 500;
-
-export { KEYSTROKE_DELAY_IN_MS };
-//# sourceMappingURL=keystrokes_controller_constants.js.map