@swiftwc/ui 0.0.0-dev.37 → 0.0.0-dev.38

package/generated/components/date-picker.js

@@ -125,8 +125,6 @@ export class DatePicker extends FormAssociatedBase {
     }
     #render() {
         debug(`${_a.name} ⚡️ render (${this.datePickerStyle})`);
-        if (!this.isConnected)
-            return;
         // if (this.#lastRenderedStyle === this.datePickerStyle) return // skip if already applied
         // this.#lastRenderedStyle = this.datePickerStyle
         // clear shadow DOM
@@ -175,8 +173,8 @@ export class DatePicker extends FormAssociatedBase {
             return;
         const assigned = slot.assignedElements();
         this.#validityObservers.syncObservations(assigned, ['value', 'label']);
-        if (0 < assigned.length)
-            this.#renderValidityMsgs([]);
+        // if (0 < assigned.length)
+        this.#renderValidityMsgs([]);
     };
     get #selectedDate() {
         const map = Object.fromEntries(this.#inputs.map(({ name, value }) => [name, value]));

package/generated/components/picker-view.js

@@ -63,7 +63,7 @@ export class PickerView extends FormAssociatedBase {
                   <button type="button">Filters</button>
                 </v-stack>
               </sticky-container>`);
-            const searchInput = sv?.querySelector('input[type=search]');
+            const searchInput = sv?.querySelector('input'); // FIXME: compoennt is=search-view??
             searchInput?.addEventListener('focus', (evt) => {
                 if (this.#spawn)
                     this.dispatchEvent(new CustomEvent('picker:searchfocus', { detail: { element: this.#spawn }, bubbles: true, composed: true }));
@@ -350,8 +350,6 @@ export class PickerView extends FormAssociatedBase {
     }
     #render() {
         debug(`${_a.name} ⚡️ render (${this.pickerStyle})`);
-        if (!this.isConnected)
-            return;
         // const style = this.getAttribute((this.constructor as typeof PickerView).ATTR.PICKER_STYLE)
         if (this.#lastRenderedStyle === this.pickerStyle)
             return; // skip if already applied
@@ -442,8 +440,8 @@ export class PickerView extends FormAssociatedBase {
             return;
         const assigned = slot.assignedElements();
         this.#validityObservers.syncObservations(assigned, ['value', 'label']);
-        if (0 < assigned.length)
-            this.#renderValidityMsgs([]);
+        // if (0 < assigned.length)
+        this.#renderValidityMsgs([]);
     };
     #handleListSlotchange = ({ type, target: slot }) => {
         debug(`${_a.name} ⚡️ ${type}`);
@@ -451,8 +449,8 @@ export class PickerView extends FormAssociatedBase {
             return;
         const assigned = slot.assignedElements();
         this.#observers.syncObservations(assigned);
-        if (0 < assigned.length)
-            this.#renderList([]);
+        // if (0 < assigned.length)
+        this.#renderList([]);
     };
     static #wrapOptionTag(node) {
         const btn = $(`<button type="button" tabindex="0"></button>`, '>1');

package/generated/components/progress-view.js

@@ -101,8 +101,6 @@ export class ProgressView extends HTMLElement {
     };
     #render() {
         debug(`${_a.name} ⚡️ render (${this.#progressViewStyle})`);
-        if (!this.isConnected)
-            return;
         if (this.#lastRenderedStyle === this.#progressViewStyle)
             return; // skip if already applied
         this.#lastRenderedStyle = this.#progressViewStyle;

package/generated/components/section-view.js

@@ -41,7 +41,6 @@ export class SectionView extends HTMLElement {
         // this.#sibling = this.closest('scroll-view') ?? undefined
         // Snapshot.waitReady.then(() => {
         // if (!(await frame(this))) return // NOTE: Required or BREAKS transitions  // self.requestAnimationFrame(() => {
-        // if (!this.isConnected) return
         // const blockSizeProp = getComputedStyle(this).getPropertyValue('--navigation-bar-block-size') || '0', //`${document.documentElement.computedStyleMap().get(`--navigation-bar-block-size`) ?? '0'}`, //
         //   blockSize = parseFloat(blockSizeProp) * (blockSizeProp.endsWith('rem') ? parseFloat(getComputedStyle(document.documentElement).fontSize) : 1)
         // this.#observer = new IntersectionObserver(this.#handleIntersect, {

package/generated/components/table-view.js

@@ -107,8 +107,8 @@ export class TableView extends HTMLElement {
             return;
         const assigned = slot.assignedElements();
         this.#observers.syncObservations(assigned);
-        if (0 < assigned.length)
-            this.#renderColumns([]);
+        // if (0 < assigned.length)
+        this.#renderColumns([]);
     };
     #renderColumns = (entries) => {
         debug(`${_a.name} ⚡️ mutation`);

package/generated/components/text-field.js

@@ -202,8 +202,8 @@ export class TextField extends FormAssociatedBase {
             return;
         const assigned = slot.assignedElements();
         this.#validityObservers.syncObservations(assigned, ['value', 'label']);
-        if (0 < assigned.length)
-            this.#renderValidityMsgs([]);
+        // if (0 < assigned.length)
+        this.#renderValidityMsgs([]);
     };
     #handleFocusin = (evt) => {
         debug(`${_a.name} ⚡️ ${evt?.type}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swiftwc/ui",
-  "version": "0.0.0-dev.37",
+  "version": "0.0.0-dev.38",
   "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
   "publishConfig": {
     "access": "public"