@pure-ds/core 0.4.19 → 0.4.21

package/dist/types/public/assets/js/pds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pds.d.ts","sourceRoot":"","sources":["../../../../../public/assets/js/pds.js"],"names":[],"mappings":"AA0oG6nS;;;;EAAQ;AAAsnF;;;;;;;;;;;;;;;EAA8sE"}
+{"version":3,"file":"pds.d.ts","sourceRoot":"","sources":["../../../../../public/assets/js/pds.js"],"names":[],"mappings":"AAipG6nS;;;;EAAQ;AAAsnF;;;;;;;;;;;;;;;EAA8sE"}

package/dist/types/public/assets/pds/components/pds-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pds-form.d.ts","sourceRoot":"","sources":["../../../../../../public/assets/pds/components/pds-form.js"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcE;IAGF,yBAEC;IAgBC,gBAA2B;IAC3B,cAAyB;IACzB,aAAwB;IACxB,YAAuB;IACvB,eAAoB;IACpB,qBAAwB;IACxB,oBAA2B;IAC3B,mBAAyB;IACzB,mBAAsB;IACtB,oBAAuB;IAiBzB,8CAEC;IACD,4BAEC;IAGD,oBAEC;IAkBD;;;MAIC;IAED,uBAEC;IAED,cAIC;IAED,0BAcC;IAGD,+BAyBC;IA4eD,cA4CC;;CAilDF"}
+{"version":3,"file":"pds-form.d.ts","sourceRoot":"","sources":["../../../../../../public/assets/pds/components/pds-form.js"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcE;IAGF,yBAEC;IAgBC,gBAA2B;IAC3B,cAAyB;IACzB,aAAwB;IACxB,YAAuB;IACvB,eAAoB;IACpB,qBAAwB;IACxB,oBAA2B;IAC3B,mBAAyB;IACzB,mBAAsB;IACtB,oBAAuB;IAiBzB,8CAEC;IACD,4BAEC;IAGD,oBAEC;IAkBD;;;MAIC;IAED,uBAEC;IAED,cAIC;IAED,0BAcC;IAGD,+BAyBC;IA4eD,cA4CC;;CAumDF"}

package/dist/types/src/js/pds-core/pds-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pds-generator.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-generator.js"],"names":[],"mappings":"AAq6JA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,4CAjBW,UAAU,qBACV,aAAa,EAAE,GACb,OAAO,CAAC,IAAI,CAAC,CAqCzB;AAED;;;;;;;;GAQG;AACH,wCALW,UAAU,WACV,MAAM,EAAE,qBACR,aAAa,EAAE,GACb,OAAO,CAAC,IAAI,CAAC,CAmDzB;AAED;;;;;;GAMG;AACH,sCAHW,MAAM,GACJ,aAAa,CAMzB;AAvhKD;;;GAGG;AACH;IAEE,mCAAiB;IAEjB,2BAEC;IA2zJD;;;;OAIG;IACH,+BAFW,SAAS,QAgCnB;IAED;;;;OAIG;IACH,gDA6CC;IA34JD,0BA6CC;IA5CC;;MAIC;IAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAmC;IA6BrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBC;IAycD;;;;OAIG;IACH,kDAyBC;IA0ED;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6DC;IA8nGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEC;IAGD,oBAEC;IA8vBD,qBAEC;IACD,yBAEC;IACD,yBAEC;IACD,wBAEC;IACD,yBAMC;IAED;;;;;;OAMG;IACH,oBA6JC;IAGD,4BAEC;IACD,gCAEC;IACD,gCAEC;IACD,+BAEC;IAmBD;;;OAGG;IACH;;;;;;MAoBC;;CA2GF"}
+{"version":3,"file":"pds-generator.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-generator.js"],"names":[],"mappings":"AAk7JA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,4CAjBW,UAAU,qBACV,aAAa,EAAE,GACb,OAAO,CAAC,IAAI,CAAC,CAqCzB;AAED;;;;;;;;GAQG;AACH,wCALW,UAAU,WACV,MAAM,EAAE,qBACR,aAAa,EAAE,GACb,OAAO,CAAC,IAAI,CAAC,CAmDzB;AAED;;;;;;GAMG;AACH,sCAHW,MAAM,GACJ,aAAa,CAMzB;AApiKD;;;GAGG;AACH;IAEE,mCAAiB;IAEjB,2BAEC;IAw0JD;;;;OAIG;IACH,+BAFW,SAAS,QAgCnB;IAED;;;;OAIG;IACH,gDA6CC;IAx5JD,0BA6CC;IA5CC;;MAIC;IAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAmC;IA6BrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBC;IAycD;;;;OAIG;IACH,kDAyBC;IA0ED;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6DC;IA2oGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEC;IAGD,oBAEC;IA8vBD,qBAEC;IACD,yBAEC;IACD,yBAEC;IACD,wBAEC;IACD,yBAMC;IAED;;;;;;OAMG;IACH,oBA6JC;IAGD,4BAEC;IACD,gCAEC;IACD,gCAEC;IACD,+BAEC;IAmBD;;;OAGG;IACH;;;;;;MAoBC;;CA2GF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pure-ds/core",
   "shortname": "pds",
-  "version": "0.4.19",
+  "version": "0.4.21",
   "description": "Pure Design System - Why develop a Design System when you can generate one?",
   "repository": {
     "type": "git",

package/public/assets/js/app.js

@@ -645,6 +645,10 @@ fieldset {
         color: var(--color-primary-700);
       }
     }
+
+    input[type="checkbox"]{
+      border-radius: var(--radius-xs);
+    }
     
     input[type="radio"],
     input[type="checkbox"] {
@@ -653,18 +657,27 @@ fieldset {
       width: var(--spacing-5);
       height: var(--spacing-5);
       min-height: var(--spacing-5);
+      padding: var(--spacing-2);
       margin: 0;
       cursor: pointer;
       flex-shrink: 0;
       accent-color: var(--color-primary-600);
-      appearance: auto;
-      -webkit-appearance: auto;
-      -moz-appearance: auto;
-      
-      &:focus {
-        outline: 2px solid var(--color-primary-500);
-        outline-offset: 2px;
+
+      &:focus-visible {
+        outline: none;
+
+        box-shadow:
+          0 0 0 2px var(--color-primary-500),
+          0 0 0 4px color-mix(in srgb,
+            var(--color-primary-500) 40%,
+            transparent
+          );
       }
+
+      &:checked {
+        background-color: var(--color-primary-600);
+      }
+      
     }
   }
   

package/public/assets/js/pds.js

@@ -643,6 +643,10 @@ fieldset {
         color: var(--color-primary-700);
       }
     }
+
+    input[type="checkbox"]{
+      border-radius: var(--radius-xs);
+    }
     
     input[type="radio"],
     input[type="checkbox"] {
@@ -651,18 +655,27 @@ fieldset {
       width: var(--spacing-5);
       height: var(--spacing-5);
       min-height: var(--spacing-5);
+      padding: var(--spacing-2);
       margin: 0;
       cursor: pointer;
       flex-shrink: 0;
       accent-color: var(--color-primary-600);
-      appearance: auto;
-      -webkit-appearance: auto;
-      -moz-appearance: auto;
-      
-      &:focus {
-        outline: 2px solid var(--color-primary-500);
-        outline-offset: 2px;
+
+      &:focus-visible {
+        outline: none;
+
+        box-shadow:
+          0 0 0 2px var(--color-primary-500),
+          0 0 0 4px color-mix(in srgb,
+            var(--color-primary-500) 40%,
+            transparent
+          );
       }
+
+      &:checked {
+        background-color: var(--color-primary-600);
+      }
+      
     }
   }
   

package/public/assets/pds/components/pds-form.js

@@ -1116,6 +1116,7 @@ export class SchemaForm extends LitElement {
       this.#deleteByPathPrefix(this.#data, path + "/");
       this.requestUpdate();
       this.#emit("pw:value-change", {
+        path,
         name: path,
         value: i,
         validity: { valid: true },
@@ -1865,7 +1866,6 @@ export class SchemaForm extends LitElement {
           <select
             id=${id}
             name=${path}
-            .value=${value ?? ""}
             ?disabled=${!!attrs.disabled}
             ?required=${!!attrs.required}
             ?data-dropdown=${useDropdown}
@@ -1874,7 +1874,7 @@ export class SchemaForm extends LitElement {
             <option value="" ?selected=${value == null}>—</option>
             ${enumValues.map(
               (v, i) =>
-                html`<option value=${String(v)}>
+                html`<option value=${String(v)} ?selected=${String(value) === String(v)}>
                   ${String(enumLabels[i])}
                 </option>`
             )}
@@ -2092,17 +2092,28 @@ export class SchemaForm extends LitElement {
     const withoutSlash = path.startsWith("/") ? path.substring(1) : path;
     if (this.uiSchema[withoutSlash]) return this.uiSchema[withoutSlash];
 
-    // Try nested navigation (e.g., userProfile/settings/preferences/theme)
+    // Try nested navigation (e.g., /accountType/companyName)
     // Skip array indices (numeric parts and wildcard *) when navigating UI schema
     const parts = path.replace(/^\//, "").split("/");
     let current = this.uiSchema;
-    for (const part of parts) {
+    for (let i = 0; i < parts.length; i++) {
+      const part = parts[i];
       // Skip numeric array indices and wildcard in UI schema navigation
       if (/^\d+$/.test(part) || part === "*") continue;
 
+      // Try both with and without leading slash for each segment
       if (current && typeof current === "object" && part in current) {
         current = current[part];
+      } else if (current && typeof current === "object" && ("/" + part) in current) {
+        current = current["/" + part];
       } else {
+        // If this is the first segment, try looking up the full path from root
+        if (i === 0) {
+          const fullPath = "/" + parts.join("/");
+          if (this.uiSchema[fullPath]) {
+            return this.uiSchema[fullPath];
+          }
+        }
         return undefined;
       }
     }
@@ -2227,17 +2238,23 @@ export class SchemaForm extends LitElement {
     this.#setByPath(this.#data, path, val);
 
     // Apply calculated values for any dependent fields
-    this.#applyCalculatedValues(path);
+    // This will call requestUpdate() if there are dependents
+    const hadDependents = this.#applyCalculatedValues(path);
+
+    // Only request update here if there were no dependents
+    // (to avoid double render)
+    if (!hadDependents) {
+      this.requestUpdate();
+    }
 
-    this.requestUpdate();
     const validity = { valid: true };
-    this.#emit("pw:value-change", { name: path, value: val, validity });
+    this.#emit("pw:value-change", { path, name: path, value: val, validity });
   }
 
   #applyCalculatedValues(changedPath) {
     // Find fields that depend on the changed path
     const dependents = this.#dependencies.get(changedPath);
-    if (!dependents) return;
+    if (!dependents || dependents.size === 0) return false;
 
     for (const targetPath of dependents) {
       const ui = this.#uiFor(targetPath);
@@ -2255,6 +2272,11 @@ export class SchemaForm extends LitElement {
         }
       }
     }
+    
+    // Force re-render since there were dependents
+    // This ensures ui:visibleWhen, ui:requiredWhen, ui:disabledWhen get re-evaluated
+    this.requestUpdate();
+    return true; // Indicate that we triggered a re-render
   }
 
   #getByPath(obj, path) {

package/src/js/pds-core/pds-generator.js

@@ -1838,6 +1838,10 @@ fieldset {
         color: var(--color-primary-700);
       }
     }
+
+    input[type="checkbox"]{
+      border-radius: var(--radius-xs);
+    }
     
     input[type="radio"],
     input[type="checkbox"] {
@@ -1846,18 +1850,27 @@ fieldset {
       width: var(--spacing-5);
       height: var(--spacing-5);
       min-height: var(--spacing-5);
+      padding: var(--spacing-2);
       margin: 0;
       cursor: pointer;
       flex-shrink: 0;
       accent-color: var(--color-primary-600);
-      appearance: auto;
-      -webkit-appearance: auto;
-      -moz-appearance: auto;
-      
-      &:focus {
-        outline: 2px solid var(--color-primary-500);
-        outline-offset: 2px;
+
+      &:focus-visible {
+        outline: none;
+
+        box-shadow:
+          0 0 0 2px var(--color-primary-500),
+          0 0 0 4px color-mix(in srgb,
+            var(--color-primary-500) 40%,
+            transparent
+          );
       }
+
+      &:checked {
+        background-color: var(--color-primary-600);
+      }
+      
     }
   }