@rettangoli/ui 0.1.22 → 0.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rettangoli/ui",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "A UI component library for building web interfaces.",
   "main": "dist/rettangoli-esm.min.js",
   "type": "module",
@@ -49,7 +49,7 @@
   "homepage": "https://github.com/yuusoft-org/rettangoli#readme",
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
-    "@rettangoli/fe": "0.0.10",
+    "@rettangoli/fe": "0.0.14",
     "commander": "^13.1.0",
     "jempl": "1.0.0",
     "js-yaml": "^4.1.0",

package/src/components/select/select.view.yaml

@@ -70,7 +70,7 @@ events: {}
 template:
   - rtgl-button#select-button v=ol ${containerAttrString}:
       - rtgl-view d=h av=c w=f:
-          - rtgl-text c=${selectedLabelColor}: ${selectedLabel}
+          - rtgl-text c=${selectedLabelColor} ellipsis: ${selectedLabel}
           - rtgl-view mh=md flex=1:
           - $if showClear:
               - rtgl-svg#clear-button mr=md svg=x wh=16 c=mu-fg cur=p:

package/src/entry-iife-layout.js

@@ -6,7 +6,10 @@ import RettangoliSvg from './primitives/svg.js';
 import RettangoliInput from './primitives/input.js';
 import RettangoliInputNumber from './primitives/input-number.js';
 import RettangoliTextArea from './primitives/textarea.js';
+import RettangoliColorPicker from './primitives/colorPicker.js';
+import RettangoliSlider from './primitives/slider.js';
 import RettangoliDialog from './primitives/dialog.js';
+import RettangoliPopover from './primitives/popover.js';
 
 
 customElements.define("rtgl-button", RettangoliButton({}));
@@ -17,4 +20,7 @@ customElements.define("rtgl-svg", RettangoliSvg({}));
 customElements.define("rtgl-input", RettangoliInput({}));
 customElements.define("rtgl-input-number", RettangoliInputNumber({}));
 customElements.define("rtgl-textarea", RettangoliTextArea({}));
+customElements.define("rtgl-color-picker", RettangoliColorPicker({}));
+customElements.define("rtgl-slider", RettangoliSlider({}));
 customElements.define("rtgl-dialog", RettangoliDialog({}));
+customElements.define("rtgl-popover", RettangoliPopover({}));

package/src/index.js

@@ -8,6 +8,8 @@ import RettangoliInputNumber from './primitives/input-number.js';
 import RettangoliTextArea from './primitives/textarea.js';
 import RettangoliDialog from './primitives/dialog.js';
 import RettangoliPopover from './primitives/popover.js';
+import RettangoliColorPicker from './primitives/colorPicker.js';
+import RettangoliSlider from './primitives/slider.js';
 import createGlobalUI from './deps/createGlobalUI.js';
 
 export {
@@ -21,5 +23,7 @@ export {
     RettangoliTextArea,
     RettangoliDialog,
     RettangoliPopover,
+    RettangoliColorPicker,
+    RettangoliSlider,
     createGlobalUI,
 }

package/src/primitives/svg.js

@@ -16,6 +16,7 @@ class RettangoliSvgElement extends HTMLElement {
       RettangoliSvgElement.styleSheet.replaceSync(css`
         :host {
           color: var(--foreground);
+          flex-shrink: 0;
         }
         ${textColorStyles}
         ${paddingSvgStyles}