@shoper/phoenix_design_system 1.1.0-8 → 1.1.0

package/build/cjs/packages/phoenix/src/components/form/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/phoenix/src/components/form/select/select_constants.js

@@ -15,19 +15,24 @@ const SELECT_EVENT_NAMES = {
     deselectOption: 'selectOption.deselect'
 };
 const MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = 6;
+const SELECT_RESIZE_DEBOUNCE_TIME = 100;
 const baseSelectClass = 'select';
 const SELECT_CSS_CLASSES = {
     select: baseSelectClass,
     selectOpened: `${baseSelectClass}_opened`,
+    selectError: `${baseSelectClass}_error`,
     selectSearch: `${baseSelectClass}__search`,
     selectOptions: `${baseSelectClass}__options`,
     selectContent: `${baseSelectClass}__content`,
-    selectFooter: `${baseSelectClass}__footer`
+    selectFooter: `${baseSelectClass}__footer`,
+    selectNoResult: `${baseSelectClass}__no-result`,
+    selectSearchedPhrase: `${baseSelectClass}__searched-phrase`
 };
 
 exports.MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH;
 exports.SELECT_CONTEXTS = SELECT_CONTEXTS;
 exports.SELECT_CSS_CLASSES = SELECT_CSS_CLASSES;
 exports.SELECT_EVENT_NAMES = SELECT_EVENT_NAMES;
+exports.SELECT_RESIZE_DEBOUNCE_TIME = SELECT_RESIZE_DEBOUNCE_TIME;
 exports.SELECT_SLOT_NAMES = SELECT_SLOT_NAMES;
 //# sourceMappingURL=select_constants.js.map

package/build/cjs/packages/phoenix/src/components/form/select/select_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;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;"}

package/build/cjs/packages/phoenix/src/directives/observable_directive.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var lit = require('lit');
-var observer = require('../core/classes/observer/observer.js');
 var directive = require('../../../../external/lit/external/lit-html/directive.js');
 var asyncDirective = require('../../../../external/lit/external/lit-html/async-directive.js');
+var observer = require('../core/classes/observer/observer.js');
 
 class ObserveDirective extends asyncDirective.AsyncDirective {
     render(observable, render) {

package/build/cjs/packages/phoenix/src/directives/observable_directive.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,yDAAiE;AACzF,6BAA6B,+DAAuE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,yDAAiE;AACzF,6BAA6B,+DAAuE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/phoenix/src/index.js

@@ -6,6 +6,7 @@ var phoenix_light_lit_elements_constants = require('./core/phoenix_light_lit_ele
 var phoenix_light_lit_element = require('./core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var keystrokes_controller = require('./controllers/keystrokes_controller/keystrokes_controller.js');
 var btn_controller = require('./controllers/btn_controller/btn_controller.js');
+var icon = require('./components/icon/icon.js');
 var select_option = require('./components/form/select/components/option/select_option.js');
 var select_option_content = require('./components/form/select/components/option/select_option_content.js');
 var select_options = require('./components/form/select/components/select_options.js');
@@ -21,7 +22,6 @@ var toggle_element_aria_controller = require('./controllers/toggle_element_aria_
 var dropdown_toggler = require('./components/dropdown/dropdown_toggler.js');
 var relative_position_controller = require('./controllers/relative_position_controller/relative_position_controller.js');
 var dropdown = require('./components/dropdown/dropdown.js');
-var icon = require('./components/icon/icon.js');
 var select = require('./components/form/select/select.js');
 var modal = require('./components/modal/modal.js');
 var modal_opener = require('./components/modal/modal_opener.js');
@@ -90,6 +90,12 @@ exports.DEFAULT_SLOT_NAME = phoenix_light_lit_elements_constants.DEFAULT_SLOT_NA
 exports.PhoenixLightLitElement = phoenix_light_lit_element.PhoenixLightLitElement;
 exports.KeystrokesController = keystrokes_controller.KeystrokesController;
 exports.BtnController = btn_controller.BtnController;
+Object.defineProperty(exports, 'HIcon', {
+	enumerable: true,
+	get: function () {
+		return icon.HIcon;
+	}
+});
 Object.defineProperty(exports, 'HOption', {
 	enumerable: true,
 	get: function () {
@@ -150,12 +156,6 @@ Object.defineProperty(exports, 'HDropdown', {
 		return dropdown.HDropdown;
 	}
 });
-Object.defineProperty(exports, 'HIcon', {
-	enumerable: true,
-	get: function () {
-		return icon.HIcon;
-	}
-});
 Object.defineProperty(exports, 'HSelect', {
 	enumerable: true,
 	get: function () {

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

@@ -9,6 +9,7 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
     toggleOnHover: boolean;
     name: string;
     transition: string;
+    offset: number;
     portalTarget: string;
     $dropdownToggler: HDropdownToggler | null;
     $dropdownContent: HDropdownContent | null;

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

@@ -24,6 +24,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
         this.toggleOnHover = false;
         this.name = '';
         this.transition = 'direction';
+        this.offset = 0;
         this.portalTarget = DEFAULT_DROPDOWN_PORTAL_NAME;
         this._backdropController = new BackdropController();
         this._lastFocusableElement = undefined;
@@ -238,7 +239,8 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
                 relativeElement: this.$dropdownToggler,
                 elementToPosition: this.$dropdownContent,
                 disablePositioningOnCondition: () => window.innerWidth < BREAKPOINTS.xs || !this.opened,
-                portalElementsNames: [DROPDOWN_CONTENT_NAME]
+                portalElementsNames: [DROPDOWN_CONTENT_NAME],
+                offset: this.offset
             });
         if (!this._clickOutsideController)
             this._clickOutsideController = new ClickOutsideController({
@@ -361,6 +363,10 @@ __decorate([
     property({ type: String }),
     __metadata("design:type", Object)
 ], HDropdown.prototype, "transition", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Object)
+], HDropdown.prototype, "offset", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", Object)

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

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

@@ -2,6 +2,6 @@ import { TemplateResult } from 'lit';
 import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HDropdownContent extends PhoenixLightLitElement {
     name: string;
-    constructor();
+    connectedCallback(): void;
     protected render(): TemplateResult;
 }

package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js

@@ -7,11 +7,14 @@ import { DROPDOWN_CONTENT_CSS_CLASS } from './dropdown_constants.js';
 
 let HDropdownContent = class HDropdownContent extends PhoenixLightLitElement {
     constructor() {
-        super();
+        super(...arguments);
         this.name = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(DROPDOWN_CONTENT_CSS_CLASS);
         this.setAttribute('role', 'menu');
         this.slot = this.hasAttribute('slot') ? this.slot : 'content';
-        this.classList.add(DROPDOWN_CONTENT_CSS_CLASS);
         Array.from(this.children).forEach((element) => {
             element.setAttribute('role', 'menuitem');
         });
@@ -26,8 +29,7 @@ __decorate([
     __metadata("design:type", Object)
 ], HDropdownContent.prototype, "name", void 0);
 HDropdownContent = __decorate([
-    phoenixCustomElement('h-dropdown-content'),
-    __metadata("design:paramtypes", [])
+    phoenixCustomElement('h-dropdown-content')
 ], HDropdownContent);
 
 export { HDropdownContent };

package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,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;"}

package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js

@@ -2,9 +2,9 @@ import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.e
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { property } from '@lit/reactive-element/decorators.js';
+import classnames from '../../../../../../external/classnames/index.js';
 import { html } from 'lit-html';
 import { createRef, ref } from 'lit-html/directives/ref.js';
-import classnames from '../../../../../../external/classnames/index.js';
 import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { CHECKBOX_CONTROL_EVENTS, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';

package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,gDAAoD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/form/select/components/option/select_option.d.ts

@@ -1,13 +1,15 @@
 import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { TemplateResult } from 'lit';
 export declare class HOption extends PhoenixLightLitElement {
     value: string;
     selected: boolean;
     disabled: boolean;
     hidden: boolean;
     private _btnController;
+    private _$checkedIcon?;
     connectedCallback(): void;
     private _setupEvents;
     private _dispatchClickedEvent;
-    protected render(): TemplateResult;
+    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+    private _addSelectedIcon;
+    private _removeSelectedIcon;
 }

package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js

@@ -1,12 +1,10 @@
 import { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
-import { nothing } from 'lit';
 import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
 import { property } from '@lit/reactive-element/decorators.js';
 import { SELECT_OPTION_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES } from '../select_components_constatns.js';
 import { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
 import { SELECT_OPTION_CSS_CLASSES } from './select_option_constants.js';
-import { html } from 'lit-html';
 
 let HOption = class HOption extends PhoenixLightLitElement {
     constructor() {
@@ -24,7 +22,10 @@ let HOption = class HOption extends PhoenixLightLitElement {
     }
     connectedCallback() {
         super.connectedCallback();
-        this._btnController = new BtnController(this, this._dispatchClickedEvent);
+        if (!this._btnController)
+            this._btnController = new BtnController(this, this._dispatchClickedEvent, {
+                isNavigable: false
+            });
         this.classList.add(SELECT_OPTION_CSS_CLASSES.selectOption);
         this.setAttribute('role', 'option');
         this._setupEvents();
@@ -32,8 +33,22 @@ let HOption = class HOption extends PhoenixLightLitElement {
     _setupEvents() {
         this.addEventListener('click', this._dispatchClickedEvent);
     }
-    render() {
-        return html ` ${this.getSlot('content')} ${this.selected ? html `<h-icon icon-name="icon-check"></h-icon>` : nothing} `;
+    attributeChangedCallback(name, _old, value) {
+        super.attributeChangedCallback(name, _old, value);
+        switch (name) {
+            case 'selected':
+                this.selected ? this._addSelectedIcon() : this._removeSelectedIcon();
+        }
+    }
+    _addSelectedIcon() {
+        this._$checkedIcon = document.createElement('h-icon');
+        this._$checkedIcon.setAttribute('icon-name', 'icon-check');
+        this.append(this._$checkedIcon);
+    }
+    _removeSelectedIcon() {
+        var _a;
+        (_a = this._$checkedIcon) === null || _a === void 0 ? void 0 : _a.remove();
+        this._$checkedIcon = undefined;
     }
 };
 __decorate([

package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/form/select/components/option/select_option_content.js

@@ -7,7 +7,6 @@ import { SELECT_OPTION_CSS_CLASSES } from './select_option_constants.js';
 let HOptionContent = class HOptionContent extends PhoenixLightLitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.setAttribute('slot', 'content');
         this.classList.add(SELECT_OPTION_CSS_CLASSES.selectOptionContent);
     }
 };

package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,qDAAyD;AACpF;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,2BAA2B,qDAAyD;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search.js

@@ -33,6 +33,7 @@ let HSelectSearch = class HSelectSearch extends PhoenixLightLitElement {
                 .value=${this.value}
                 aria-autocomplete="list"
                 autocomplete="false"
+                placeholder="Szukaj"
                 @input=${this._handleInputChange}
             />
         `;

package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/form/select/components/select_close_btn.d.ts

@@ -1,6 +1,6 @@
 import { TemplateResult } from 'lit-html';
 import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class SelectCloseBtn extends PhoenixLightLitElement {
+export declare class HSelectCloseBtn extends PhoenixLightLitElement {
     private _btnController;
     connectedCallback(): void;
     private _dispatchCloseEvent;

package/build/esm/packages/phoenix/src/components/form/select/components/select_close_btn.js

@@ -1,29 +1,35 @@
-import { __decorate } from "tslib";
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { __decorate } from '../../../../../../../external/tslib/tslib.es6.js';
+import { PhoenixLightLitElement } from '../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../../core/decorators/phoenix_custom_element.js';
+import { SELECT_CLOSE_BTN_EVENT_NAMES, SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME, SELECT_RELATED_COMPONENTS_NAMES } from './select_components_constatns.js';
+import { BtnController } from '../../../../controllers/btn_controller/btn_controller.js';
 import { html } from 'lit-html';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { SELECT_CLOSE_BTN_EVENT_NAMES, SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME, SELECT_RELATED_COMPONENTS_NAMES } from '@phoenixRoot/components/form/select/components/select_components_constatns';
-import { BtnController } from '@phoenixRoot/controllers/btn_controller/btn_controller';
-let SelectCloseBtn = class SelectCloseBtn extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._dispatchCloseEvent = () => {
-            this.dispatchEvent(new CustomEvent(SELECT_CLOSE_BTN_EVENT_NAMES.close));
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('aria-label', 'close select');
-        this._btnController = new BtnController(this, this._dispatchCloseEvent);
-    }
-    render() {
-        return html `${this.hasSlot(SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME)
-            ? this.getSlot(SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME)
-            : html `<icon iconName="icon-x"></icon>`} `;
-    }
-};
-SelectCloseBtn = __decorate([
-    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.closeBtn)
-], SelectCloseBtn);
-export { SelectCloseBtn };
-//# sourceMappingURL=select_close_btn.js.map
+
+let HSelectCloseBtn = class HSelectCloseBtn extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._dispatchCloseEvent = () => {
+            this.dispatchEvent(new CustomEvent(SELECT_CLOSE_BTN_EVENT_NAMES.close, {
+                bubbles: true
+            }));
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('aria-label', 'close select');
+        if (!this._btnController)
+            this._btnController = new BtnController(this, this._dispatchCloseEvent);
+        this.addEventListener('click', this._dispatchCloseEvent);
+    }
+    render() {
+        return html `${this.hasSlot(SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME)
+            ? this.getSlot(SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME)
+            : html `<icon iconName="icon-x"></icon>`} `;
+    }
+};
+HSelectCloseBtn = __decorate([
+    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.closeBtn)
+], HSelectCloseBtn);
+
+export { HSelectCloseBtn };
+//# sourceMappingURL=select_close_btn.js.map

package/build/esm/packages/phoenix/src/components/form/select/components/select_close_btn.js.map

@@ -1 +1 @@
-{"version":3,"file":"select_close_btn.js","sourceRoot":"","sources":["../../../../../../../../../src/components/form/select/components/select_close_btn.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EACH,4BAA4B,EAC5B,qCAAqC,EACrC,+BAA+B,EAClC,MAAM,4EAA4E,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AAGvF,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB;IAA1D;;QAWY,wBAAmB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5E,CAAC,CAAC;IAON,CAAC;IAjBU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;QAEhD,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5E,CAAC;IAMM,MAAM;QACT,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,OAAO,CAAC,qCAAqC,CAAC;YAC7D,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,qCAAqC,CAAC;YACrD,CAAC,CAAC,IAAI,CAAA,iCAAiC,GAAG,CAAC;IACnD,CAAC;CACJ,CAAA;AApBY,cAAc;IAD1B,oBAAoB,CAAC,+BAA+B,CAAC,QAAQ,CAAC;GAClD,cAAc,CAoB1B;SApBY,cAAc"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,kDAAsD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/form/select/components/select_components_constatns.js

@@ -18,7 +18,8 @@ const SELECT_RELATED_COMPONENTS_NAMES = {
     closeBtn: 'h-select-close-btn',
     search: 'h-select-search'
 };
+const SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME = 'content';
 const SELECT_INPUT_PLACEHOLDER_SLOT_NAME = 'placeholder';
 
-export { SELECT_CLOSE_BTN_EVENT_NAMES, SELECT_INPUT_PLACEHOLDER_SLOT_NAME, SELECT_OPTIONS_EVENT_NAMES, SELECT_OPTION_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES, SELECT_SEARCH_EVENT_NAMES };
+export { SELECT_CLOSE_BTN_EVENT_NAMES, SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME, SELECT_INPUT_PLACEHOLDER_SLOT_NAME, SELECT_OPTIONS_EVENT_NAMES, SELECT_OPTION_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES, SELECT_SEARCH_EVENT_NAMES };
 //# sourceMappingURL=select_components_constatns.js.map

package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.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;"}
+{"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;"}

package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.d.ts

@@ -6,8 +6,11 @@ export declare class HSelectToggler extends PhoenixLightLitElement {
     selectedOptions$: BehaviorSubject<SelectOption[]> | null;
     isMultiselect: boolean;
     private _contextConsumer;
+    private _selectedOptionsObserver;
     connectedCallback(): void;
     private _subscribeObserver;
+    private _handleSelectedOptionChanged;
     private _dispatchOptionDeselect;
+    disconnectedCallback(): void;
     render(): TemplateResult | undefined;
 }

package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js

@@ -6,6 +6,7 @@ import { SELECT_INPUT_PLACEHOLDER_SLOT_NAME, SELECT_RELATED_COMPONENTS_NAMES } f
 import { html } from 'lit-html';
 import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
 import { SELECT_EVENT_NAMES, SELECT_SLOT_NAMES, SELECT_CONTEXTS } from '../../select_constants.js';
+import { Observer } from '../../../../../core/classes/observer/observer.js';
 import { observe } from '../../../../../directives/observable_directive.js';
 import { SELECT_TOGGLER_CSS_CLASSES } from './select_toggler_constants.js';
 
@@ -13,6 +14,11 @@ let HSelectToggler = class HSelectToggler extends PhoenixLightLitElement {
     constructor() {
         super(...arguments);
         this._contextConsumer = new ContextConsumerController(this);
+        this._handleSelectedOptionChanged = (selectedOptions) => {
+            selectedOptions.length
+                ? this.classList.add(SELECT_TOGGLER_CSS_CLASSES.selectTogglerSelected)
+                : this.classList.remove(SELECT_TOGGLER_CSS_CLASSES.selectTogglerSelected);
+        };
         this._dispatchOptionDeselect = (option) => {
             this.dispatchEvent(new CustomEvent(SELECT_EVENT_NAMES.deselectOption, {
                 detail: option.value,
@@ -30,27 +36,36 @@ let HSelectToggler = class HSelectToggler extends PhoenixLightLitElement {
     async _subscribeObserver() {
         this.isMultiselect = (await this._contextConsumer.consumeAsync(SELECT_CONTEXTS.isMultiselect));
         this.selectedOptions$ = (await this._contextConsumer.consumeAsync(SELECT_CONTEXTS.selectedOptions$));
+        this._selectedOptionsObserver = new Observer(this._handleSelectedOptionChanged);
+        this.selectedOptions$.subscribe(this._selectedOptionsObserver);
+    }
+    disconnectedCallback() {
+        var _a;
+        super.disconnectedCallback();
+        (_a = this.selectedOptions$) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._selectedOptionsObserver);
     }
     render() {
         if (!this.selectedOptions$)
             return;
         return html `
-            <ul class=${SELECT_TOGGLER_CSS_CLASSES.selectTogglerValues}>
-                ${observe(this.selectedOptions$, (selectOptions) => {
+            ${observe(this.selectedOptions$, (selectOptions) => {
             var _a;
             if (!selectOptions.length)
-                return html `${(_a = this.getSlot(SELECT_INPUT_PLACEHOLDER_SLOT_NAME)) !== null && _a !== void 0 ? _a : 'Select'}`;
-            return this.isMultiselect
-                ? html `${selectOptions.map((option) => html `<li>
+                return html `<span class=${SELECT_TOGGLER_CSS_CLASSES.selectTogglerPlaceholder}
+                        >${(_a = this.getSlot(SELECT_INPUT_PLACEHOLDER_SLOT_NAME)) !== null && _a !== void 0 ? _a : 'Select'}</span
+                    >`;
+            return html `<ul class=${SELECT_TOGGLER_CSS_CLASSES.selectTogglerValues}>
+                    ${this.isMultiselect
+                ? selectOptions.map((option) => html `<li>
                                   <h-tag @tag.remove=${() => this._dispatchOptionDeselect(option)}>
                                       ${option.content}
 
                                       <h-tag-remove-button></h-tag-remove-button>
                                   </h-tag>
-                              </li>`)}`
-                : html `<li>${selectOptions[0].content}</li>`;
+                              </li>`)
+                : html `<li>${selectOptions[0].content}</li>`}
+                </ul>`;
         })}
-            </ul>
 
             <h-icon icon-name="icon-chevron-down"></h-icon>
         `;

package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/form/select/components/toggler/select_toggler_constants.d.ts

@@ -1,4 +1,6 @@
 export declare const SELECT_TOGGLER_CSS_CLASSES: {
     readonly selectToggler: "select-toggler";
+    readonly selectTogglerSelected: "select-toggler_selected";
     readonly selectTogglerValues: "select-toggler__values";
+    readonly selectTogglerPlaceholder: "select-toggler__placeholder";
 };

package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler_constants.js

@@ -1,7 +1,9 @@
 const baseClass = 'select-toggler';
 const SELECT_TOGGLER_CSS_CLASSES = {
     selectToggler: baseClass,
-    selectTogglerValues: `${baseClass}__values`
+    selectTogglerSelected: `${baseClass}_selected`,
+    selectTogglerValues: `${baseClass}__values`,
+    selectTogglerPlaceholder: `${baseClass}__placeholder`
 };
 
 export { SELECT_TOGGLER_CSS_CLASSES };

package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}

package/build/esm/packages/phoenix/src/components/form/select/controllers/base_select_controller.js

@@ -16,7 +16,6 @@ class BaseSelectController {
             }, { visibleCount: 0, selectedCount: 0 });
             this.visibleOptionsCount = visibleCount;
             this.selectedOptionsCount = selectedCount;
-            this.selectedOptions$.notify(selectOptions.filter((option) => option.selected));
         };
         this.host = host;
         this.host.addController(this);
@@ -51,11 +50,13 @@ class BaseSelectController {
     deselectOptions() {
         var _a;
         (_a = this.options$.getValue()) === null || _a === void 0 ? void 0 : _a.forEach((option) => (option.selected = false));
+        this.selectedOptions$.notify([]);
         this.requestOptionsUpdate();
     }
     deselectOption(option) {
         var _a;
         (_a = this.options$.getValue()) === null || _a === void 0 ? void 0 : _a.forEach((option) => (option.selected = false));
+        this.selectedOptions$.notify([]);
         this.requestOptionsUpdate();
     }
     filterOptions(value) {

package/build/esm/packages/phoenix/src/components/form/select/controllers/base_select_controller.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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/form/select/controllers/multi_select_controller.js

@@ -6,10 +6,12 @@ class MultiSelectController extends BaseSelectController {
     }
     selectOption(option) {
         option.selected = true;
+        this.selectedOptions$.notify((selectedOptions) => [...selectedOptions, option]);
         this.requestOptionsUpdate();
     }
     deselectOption(option) {
         option.selected = false;
+        this.selectedOptions$.notify((selectedOptions) => selectedOptions.filter((currOption) => currOption.value !== option.value));
         this.requestOptionsUpdate();
     }
 }

package/build/esm/packages/phoenix/src/components/form/select/controllers/multi_select_controller.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;"}
+{"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;"}

package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js

@@ -11,7 +11,8 @@ class SelectOptionMapper {
             value: $option.value,
             disabled: $option.disabled,
             hidden: $option.hidden,
-            content: optionContent
+            content: optionContent,
+            selected: $option.selected
         });
     }
 }

package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.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;"}
+{"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;"}