@sveltia/ui 0.26.3 → 0.26.5

package/dist/components/text-field/text-input.svelte

@@ -170,7 +170,8 @@ input:focus + .label {
   opacity: 0;
 }
 
-:is(input::placeholder, .label) {
+input::placeholder,
+.label {
   color: var(--sui-textbox-placeholder-foreground-color, var(--sui-textbox-foreground-color));
   opacity: var(--sui-textbox-placeholder-opacity, 0.5);
   font-family: var(--sui-textbox-placeholder-font-family, var(--sui-textbox-font-family));

package/dist/components/util/modal.svelte

@@ -36,15 +36,12 @@
     /* eslint-enable prefer-const */
   } = $props();
 
-  let opening = false;
-  let closing = false;
-
   /**
    * Close the modal.
    * @param {string} returnValue Return value to be used for `<dialog>`.
    */
   export const close = (returnValue) => {
-    if (!dialog || !dialog.open || opening || closing) {
+    if (!dialog) {
       return;
     }
 
@@ -80,15 +77,10 @@
    * Show the modal.
    */
   const openDialog = async () => {
-    if (!dialog || dialog?.open || opening || closing) {
-      if (closing) {
-        open = false;
-      }
-
+    if (!dialog || dialog?.open) {
       return;
     }
 
-    opening = true;
     onOpening?.(new CustomEvent('Opening'));
     showContent = true;
     dialog.showModal();
@@ -97,24 +89,18 @@
     setOpenClass = true;
     await waitForTransition();
     setActiveClass = true;
-    opening = false;
   };
 
   /**
    * Hide the modal.
    */
   const closeDialog = async () => {
-    if (!dialog || !dialog.open || opening || closing) {
-      if (opening) {
-        open = false;
-      }
-
+    if (!dialog || !dialog.open) {
       return;
     }
 
     const { returnValue } = dialog;
 
-    closing = true;
     onClosing?.(new CustomEvent('Closing'));
     // Prevent a button behind the `<dialog>` from being clicked erroneously (Svelte bug)
     document.body.inert = true;
@@ -135,7 +121,6 @@
 
     onClose?.(new CustomEvent('Close', { detail: { returnValue } }));
     dialog.returnValue = '';
-    closing = false;
   };
 
   $effect(() => {
@@ -177,7 +162,8 @@
         lightDismiss &&
         /** @type {HTMLElement | undefined} */ (target)?.matches('dialog')
       ) {
-        close('cancel');
+        dialog.returnValue = 'cancel';
+        open = false;
       }
     }}
     oncancel={(event) => {
@@ -185,7 +171,8 @@
 
       // Escape key is pressed
       if (dialog && escapeDismiss) {
-        close('cancel');
+        dialog.returnValue = 'cancel';
+        open = false;
       }
     }}
   >

package/dist/services/group.svelte.js

@@ -109,9 +109,9 @@ class Group {
 
     allMembers.forEach((element, index) => {
       // Select the first one if no member has the `selected` attribute
-      const isSelected = defaultSelected
-        ? element === defaultSelected
-        : this.selectFirst && index === 0;
+      const isSelected =
+        element.getAttribute(this.childSelectedAttr) === 'true' ||
+        (defaultSelected ? element === defaultSelected : this.selectFirst && index === 0);
 
       const controlTarget = /** @type {HTMLElement | null} */ (
         document.querySelector(`#${element.getAttribute('aria-controls')}`)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.26.3",
+  "version": "0.26.5",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -38,7 +38,7 @@
     "@lexical/selection": "^0.30.0",
     "@lexical/table": "^0.30.0",
     "@lexical/utils": "^0.30.0",
-    "@sveltia/utils": "^0.7.1",
+    "@sveltia/utils": "^0.7.3",
     "lexical": "^0.30.0",
     "prismjs": "^1.30.0"
   },