@pathscale/ui 0.0.64 → 0.0.65

package/dist/index.js

@@ -8801,17 +8801,24 @@ const Rating = Object.assign(Rating_Rating, {
     Item: rating_RatingItem,
     Hidden: rating_RatingHidden
 });
-var Select_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<select>");
+var Select_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<select><option value disabled hidden>");
 const Select = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
+        value: "",
+        placeholder: "Please, select an option"
+    }, props);
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(merged, [
         "color",
         "size",
         "dataTheme",
         "class",
         "className",
-        "style"
+        "style",
+        "placeholder",
+        "value",
+        "children"
     ]);
-    const classes = ()=>twMerge("select", local.class, local.className, clsx({
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("select", local.class, local.className, clsx({
             "select-xl": "xl" === local.size,
             "select-lg": "lg" === local.size,
             "select-md": "md" === local.size,
@@ -8825,9 +8832,10 @@ const Select = (props)=>{
             "select-success": "success" === local.color,
             "select-warning": "warning" === local.color,
             "select-error": "error" === local.color
-        }));
+        })));
+    const hasValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== local.value && "" !== local.value);
     return (()=>{
-        var _el$ = Select_tmpl$();
+        var _el$ = Select_tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -8837,9 +8845,14 @@ const Select = (props)=>{
             },
             get style () {
                 return local.style;
+            },
+            get value () {
+                return local.value;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.placeholder);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$2.selected = !hasValue());
         return _el$;
     })();
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.64",
+  "version": "0.0.65",
   "author": "pathscale",
   "repository": {
     "type": "git",