@swiftwc/ui 0.0.0-dev.86 → 0.0.0-dev.88

package/generated/components/tool-bar-item.js

@@ -28,11 +28,11 @@ let ToolBarItem = ToolBarItem_1 = class ToolBarItem extends HTMLElement {
                 const role = this.getAttribute('data-previous-slot') ?? this.getAttribute('slot') ?? '', tKey = this.getAttribute('title-key');
                 if (['confirmation-action', 'cancellation-action'].includes(role))
                     Snapshot.waitReady.then(() => {
-                        ensurePlaceholder(this.querySelector(':scope>button'), role, tKey);
+                        ensurePlaceholder(this.querySelector(':scope>button'), role, tKey, Snapshot.config);
                         this.#mutationObserver = new MutationObserver((mutations) => {
                             for (const { target } of mutations)
                                 if (target instanceof HTMLElement)
-                                    ensurePlaceholder(this.querySelector(':scope>button'), role, tKey);
+                                    ensurePlaceholder(this.querySelector(':scope>button'), role, tKey, Snapshot.config);
                         });
                         this.#mutationObserver.observe(this, {
                             childList: true,

package/generated/internal/utils/ensure-placeholder.d.ts

@@ -1 +1 @@
-export default function (target: HTMLElement | null, role: string | null, titleKey?: string | null): void;
+export default function (target: HTMLElement | null, role: string | null, titleKey?: string | null, config?: Record<string, string>): void;

package/generated/internal/utils/ensure-placeholder.js

@@ -1,55 +1,95 @@
 import { I18n } from '../../i18n';
-import { Snapshot } from '../../snapshot';
-import { default as $ } from './cash';
-function renderPlaceholder(el, role, titleKey) {
-    // if (!el.isConnected) return
-    // self.requestAnimationFrame(() => {
-    //   if (!el.isConnected) return
-    const label = el.querySelector(':scope>[slot=placeholder]') ?? el.appendChild($(`<label-view slot="placeholder"></label-view>`, '>1'));
+import { html, queryMorph } from '../../morphdom';
+// type ButtonRole = keyof ReturnType<typeof I18n.t<'ButtonRole'>>
+// function renderPlaceholder(el: HTMLElement, role: string | null, titleKey?: ButtonRole, config?: Record<string, string>) {
+//   // if (!el.isConnected) return
+//   // self.requestAnimationFrame(() => {
+//   //   if (!el.isConnected) return
+//   let title: string | undefined, systemImage: string | undefined
+//   // const label = el.querySelector(':scope>[slot=placeholder]') ?? el.appendChild($(`<label-view slot="placeholder"></label-view>`, '>1'))
+//   switch (role) {
+//     case 'cancel':
+//       title = titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Cancel //label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Cancel)
+//       systemImage = config?.['cancel-button-icon'] ?? '' //label.setAttribute('system-image', config?.['cancel-button-icon'] ?? '')
+//       break
+//     case 'close':
+//       if (el.closest('[is=alert-dialog]')) {
+//         title = titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').OK //.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').OK)
+//       } else {
+//         title = titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Close //label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Close)
+//         systemImage = config?.['close-button-icon'] ?? '' //label.setAttribute('system-image', config?.['close-button-icon'] ?? '')
+//       }
+//       break
+//     case 'confirm':
+//       title = titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Confirm //label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Confirm)
+//       systemImage = config?.['confirm-button-icon'] ?? '' //label.setAttribute('system-image', config?.['confirm-button-icon'] ?? '')
+//       break
+//     case 'confirmation-action':
+//       title = titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Confirm //label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Confirm)
+//       systemImage = config?.['confirm-button-icon'] ?? '' //label.setAttribute('system-image', config?.['confirm-button-icon'] ?? '')
+//       break
+//     case 'cancellation-action':
+//       title = titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Cancel //label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Cancel)
+//       systemImage = config?.['cancel-button-icon'] ?? '' //label.setAttribute('system-image', config?.['cancel-button-icon'] ?? '')
+//       break
+//     case 'destructive':
+//       title = titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Destructive // label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Destructive)
+//       systemImage = config?.['delete-button-icon'] ?? '' // label.setAttribute('system-image', config?.['delete-button-icon'] ?? '')
+//       break
+//     // default:
+//     //   label?.remove()
+//     //   break
+//   }
+//   queryMorph(
+//     '[slot=placeholder]',
+//     html`<label-view slot="placeholder">${systemImage ? html`<image-view slot="icon" system-name="${systemImage}"></image-view>` : null}${title ? html`<span>${title}</span>` : null}</label-view>`,
+//     el,
+//     { removeIf: !title }
+//   )
+//   // if (role) {
+//   //   label.setAttribute('title', I18n.t('ButtonRole').Default.Destructive)
+//   // } else label?.remove()
+//   // })
+// }
+export default function (target, role, titleKey, config) {
+    if (!target)
+        return;
+    const overiderTitle = typeof titleKey === 'string' && titleKey in I18n.t('ButtonRole') ? titleKey : undefined;
+    // renderPlaceholder(target, role, overiderTitle, config)
+    let title, systemImage;
+    // const label = el.querySelector(':scope>[slot=placeholder]') ?? el.appendChild($(`<label-view slot="placeholder"></label-view>`, '>1'))
     switch (role) {
         case 'cancel':
-            label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Cancel);
-            label.setAttribute('system-image', Snapshot.config['cancel-button-icon']);
+            title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Cancel;
+            systemImage = config?.['cancel-button-icon'] ?? '';
             break;
         case 'close':
-            if (label.closest('[is=alert-dialog]')) {
-                label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').OK);
+            if (target.closest('[is=alert-dialog]')) {
+                title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').OK;
             }
             else {
-                label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Close);
-                label.setAttribute('system-image', Snapshot.config['close-button-icon']);
+                title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Close;
+                systemImage = config?.['close-button-icon'] ?? '';
             }
             break;
         case 'confirm':
-            label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Confirm);
-            label.setAttribute('system-image', Snapshot.config['confirm-button-icon']);
+            title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Confirm;
+            systemImage = config?.['confirm-button-icon'] ?? '';
             break;
         case 'confirmation-action':
-            label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Confirm);
-            label.setAttribute('system-image', Snapshot.config['confirm-button-icon']);
+            title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Confirm;
+            systemImage = config?.['confirm-button-icon'] ?? '';
             break;
         case 'cancellation-action':
-            label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Cancel);
-            label.setAttribute('system-image', Snapshot.config['cancel-button-icon']);
+            title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Cancel;
+            systemImage = config?.['cancel-button-icon'] ?? '';
             break;
         case 'destructive':
-            label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Destructive);
-            label.setAttribute('system-image', Snapshot.config['delete-button-icon']);
-            break;
-        default:
-            label?.remove();
+            title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Destructive;
+            systemImage = config?.['delete-button-icon'] ?? '';
             break;
     }
-    // if (role) {
-    //   label.setAttribute('title', I18n.t('ButtonRole').Default.Destructive)
-    // } else label?.remove()
-    // })
-}
-export default function (target, role, titleKey) {
-    if (!target)
-        return;
-    const overiderTitle = typeof titleKey === 'string' && titleKey in I18n.t('ButtonRole') ? titleKey : undefined;
-    renderPlaceholder(target, role, overiderTitle);
+    queryMorph('[slot=placeholder]', html `<label-view slot="placeholder">${systemImage ? html `<image-view slot="icon" system-name="${systemImage}"></image-view>` : null}${title ? html `<span>${title}</span>` : null}</label-view>`, target, { removeIf: !title });
     // CleanupRegistry.unregister(target, 'i18n')
     // CleanupRegistry.register(target, onoff('localechange', () => renderPlaceholder(target, role, overiderTitle), I18n.on).on(), 'i18n')
 }

package/generated/internal/utils/index.d.ts

@@ -13,9 +13,6 @@ export { default as kebabCase } from './kebab-case';
 export { default as listActive } from './list-active';
 export { default as microtask } from './microtask';
 export { default as onoff } from './onoff';
-export { default as renderLabel } from './render-label';
-export { default as renderLabelIcon } from './render-label-icon';
-export { default as renderLabelTitle } from './render-label-title';
 export { default as set } from './set';
 export { default as sleep } from './sleep';
 export { default as slowHideShow } from './slow-hide-show';

package/generated/internal/utils/index.js

@@ -15,9 +15,6 @@ export { default as kebabCase } from './kebab-case';
 export { default as listActive } from './list-active';
 export { default as microtask } from './microtask';
 export { default as onoff } from './onoff';
-export { default as renderLabel } from './render-label';
-export { default as renderLabelIcon } from './render-label-icon';
-export { default as renderLabelTitle } from './render-label-title';
 export { default as set } from './set';
 export { default as sleep } from './sleep';
 export { default as slowHideShow } from './slow-hide-show';

package/generated/internal/vendor/morphdom.d.ts

@@ -0,0 +1,6 @@
+/**
+ * VENDORIZED FROM https://github.com/patrick-steele-idem/morphdom/blob/master/dist/morphdom-esm.js
+ * at 2026-06-21
+ */
+declare var morphdom: (fromNode: any, toNode: any, options: any) => any;
+export default morphdom;