@blukavantui/community 0.0.0-stage → 1.1.0

package/src/inputs.ts

@@ -0,0 +1,16 @@
+export * from './tree-select.js';
+export * from './upload-manager.js';
+export * from './transfer-list.js';
+export * from './cascader.js';
+export * from './date-picker.js';
+export * from './time-picker.js';
+export * from './date-time-picker.js';
+export * from './date-range-picker.js';
+export * from './checkbox.js';
+export * from './text-input.js';
+export * from './text-area.js';
+export * from './radio-button.js';
+export * from './radio-group.js';
+export * from './switch.js';
+export * from './select.js';
+export * from './form-field.js';

package/src/layout.ts

@@ -0,0 +1,11 @@
+export * from './card.js';
+export * from './breadcrumbs.js';
+export * from './page-header.js';
+export * from './sidebar.js';
+export * from './splitter.js';
+export * from './app-layout.js';
+export * from './page-layout.js';
+export * from './shape-mask.js';
+export * from './columns2.js';
+export * from './columns3.js';
+export * from './columns4.js';

package/src/logo-cloud.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/logo-cloud.js';
+export type * from './types.js';

package/src/media-card.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/media-card.js';
+export type * from './types.js';

package/src/media-image.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/media-image.js';
+export type * from './types.js';

package/src/modal.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/modal.js';
+export type * from './types.js';

package/src/native-base.ts

@@ -0,0 +1,20 @@
+import * as theme from "./theme.js";
+function createRuntime(factories:Record<string,any>){
+const owners=new Map<string,{host:HTMLElement;kind:string;instance:{update(p:any):void;destroy():void;clearSelection?():void}}>();
+const hosts=new WeakMap<HTMLElement,string>();
+function destroy(owner:string){const state=owners.get(owner);if(!state)return;state.instance.destroy();owners.delete(owner);if(hosts.get(state.host)===owner){hosts.delete(state.host);delete state.host.dataset.bluCommunityReady;}}
+function sync(kind:string,hostId:string,p:any,events:any,owner:string):string {
+ try {if(!owner)throw Error('Owner key is required.');const host=document.getElementById(hostId);if(!host)throw Error('Community component host was not found.');
+ const previous=hosts.get(host);if(previous&&previous!==owner)destroy(previous);
+ const state=owners.get(owner);if(state&&(state.host!==host||state.kind!==kind))destroy(owner);
+ if(kind==='BluGridBasic'){p={...p};if('RowsJson'in p){p.Rows=JSON.parse(p.RowsJson);delete p.RowsJson;}if('ColumnsJson'in p){p.Columns=JSON.parse(p.ColumnsJson);delete p.ColumnsJson;}}
+ const current=owners.get(owner);if(current){current.instance.update(p);return '';}
+ const factory=factories[kind];if(typeof factory!=='function')throw Error('Unknown Community component.');
+ const instance=factory(host,p,events);owners.set(owner,{host,kind,instance});hosts.set(host,owner);host.dataset.bluCommunityReady='true';return '';
+ }catch(e){const message=e instanceof Error?e.message:String(e);events?.Error?.(message);return message;}
+}
+function syncGrid(parameters:any,actions:any){const p={...parameters};const host=p.HostId,owner=p.OwnerKey;delete p.HostId;delete p.OwnerKey;try{p.Columns=JSON.parse(p.ColumnsJson).map((c:any)=>{if(c.Width===0)delete c.Width;if(!c.Header)delete c.Header;return c;});delete p.ColumnsJson;return sync('BluGridBasic',host,p,{Ready:()=>actions.EmitReady(owner),RowClicked:(r:any)=>actions.EmitRowClicked(JSON.stringify(r)),SelectionChanged:(r:any)=>actions.EmitSelectionChanged(JSON.stringify(r)),Error:(m:string)=>actions.EmitError(m)},owner);}catch(e){const m=e instanceof Error?e.message:String(e);actions.EmitError(m);return m;}}
+const api={syncGrid,version:'0.2.0',sync,destroy,clearSelection:(owner:string)=>{const s=owners.get(owner);if(!s?.instance.clearSelection)return 'Grid instance was not found.';s.instance.clearSelection();return '';},...theme};
+return Object.assign(api,{register:(more:Record<string,any>)=>Object.assign(factories,more)});
+}
+export function install(factories:Record<string,any>){const w=window as unknown as {BluUICommunity?:ReturnType<typeof createRuntime>};if(w.BluUICommunity)w.BluUICommunity.register(factories);else w.BluUICommunity=createRuntime(factories);}

package/src/native-components/app-layout.ts

@@ -0,0 +1,2 @@
+import {installAppLayout} from '../runtime/app-layout.js';
+installAppLayout();

package/src/native-components/cascader.ts

@@ -0,0 +1,2 @@
+import {installCascader} from '../runtime/cascader.js';
+installCascader();

package/src/native-components/chat-widget.ts

@@ -0,0 +1,2 @@
+import {installChatWidget} from '../runtime/chat-widget.js';
+installChatWidget();

package/src/native-components/chat.ts

@@ -0,0 +1,2 @@
+import {installChat} from '../runtime/chat.js';
+installChat();

package/src/native-components/collection-layout.ts

@@ -0,0 +1,2 @@
+import {installCollectionLayout} from '../runtime/collection-layout.js';
+installCollectionLayout();

package/src/native-components/command-palette.ts

@@ -0,0 +1,2 @@
+import {installCommandPalette} from '../runtime/command-palette.js';
+installCommandPalette();

package/src/native-components/content-carousel.ts

@@ -0,0 +1,2 @@
+import {installContentCarousel} from '../runtime/content-carousel.js';
+installContentCarousel();

package/src/native-components/dashboard-canvas.ts

@@ -0,0 +1,2 @@
+import {installDashboardCanvas} from '../runtime/dashboard-canvas.js';
+installDashboardCanvas();

package/src/native-components/date-picker.ts

@@ -0,0 +1,2 @@
+import {installDatePicker} from '../runtime/date-picker.js';
+installDatePicker();

package/src/native-components/date-range-picker.ts

@@ -0,0 +1,2 @@
+import {installDateRangePicker} from '../runtime/date-range-picker.js';
+installDateRangePicker();

package/src/native-components/date-time-picker.ts

@@ -0,0 +1,2 @@
+import {installDateTimePicker} from '../runtime/date-time-picker.js';
+installDateTimePicker();

package/src/native-components/descriptions.ts

@@ -0,0 +1,2 @@
+import {installDescriptions} from '../runtime/descriptions.js';
+installDescriptions();

package/src/native-components/drawer.ts

@@ -0,0 +1,2 @@
+import {installDrawer} from '../runtime/drawer.js';
+installDrawer();

package/src/native-components/float-button.ts

@@ -0,0 +1,2 @@
+import {installFloatButton} from '../runtime/float-button.js';
+installFloatButton();

package/src/native-components/font-provider.ts

@@ -0,0 +1,2 @@
+import {installFontProvider} from '../runtime/font-provider.js';
+installFontProvider();

package/src/native-components/form-layout.ts

@@ -0,0 +1,21 @@
+import {createCheckbox} from '../checkbox.js';
+import {createTextInput} from '../text-input.js';
+import {createTextArea} from '../text-area.js';
+import {createRadioButton} from '../radio-button.js';
+import {createRadioGroup} from '../radio-group.js';
+import {createSwitch} from '../switch.js';
+import {createSelect} from '../select.js';
+import {createTable} from '../table.js';
+import {install} from '../native-base.js';
+const wrap = (factory:any) => (host:HTMLElement,p:any,events:any) => { const instance=factory(host,json(p),events); return {...instance,update:(patch:any)=>instance.update(json(patch))}; };
+const json = (p:Record<string,unknown>) => { const result={...p}; for(const key of ['Options','Rows','Columns','Actions','Leading','Trailing']) if(key+'Json' in result) { result[key]=JSON.parse(String(result[key+'Json'] || (['Leading','Trailing'].includes(key)?'null':'[]'))); delete result[key+'Json']; } return result; };
+install({
+ Checkbox:wrap(createCheckbox),
+ TextInput:wrap(createTextInput),
+ TextArea:wrap(createTextArea),
+ RadioButton:wrap(createRadioButton),
+ RadioGroup:wrap(createRadioGroup),
+ Switch:wrap(createSwitch),
+ Select:wrap(createSelect),
+ Table:wrap(createTable)
+});

package/src/native-components/hero-section.ts

@@ -0,0 +1,2 @@
+import {installHeroSection} from '../runtime/hero-section.js';
+installHeroSection();

package/src/native-components/image-compare.ts

@@ -0,0 +1,2 @@
+import {installImageCompare} from '../runtime/image-compare.js';
+installImageCompare();

package/src/native-components/logo-cloud.ts

@@ -0,0 +1,2 @@
+import {installLogoCloud} from '../runtime/logo-cloud.js';
+installLogoCloud();

package/src/native-components/media-card.ts

@@ -0,0 +1,2 @@
+import {installMediaCard} from '../runtime/media-card.js';
+installMediaCard();

package/src/native-components/media-image.ts

@@ -0,0 +1,2 @@
+import {installMediaImage} from '../runtime/media-image.js';
+installMediaImage();

package/src/native-components/modal.ts

@@ -0,0 +1,2 @@
+import {installModal} from '../runtime/modal.js';
+installModal();

package/src/native-components/notification-center.ts

@@ -0,0 +1,2 @@
+import {installNotificationCenter} from '../runtime/notification-center.js';
+installNotificationCenter();

package/src/native-components/notification.ts

@@ -0,0 +1,2 @@
+import {installNotification} from '../runtime/notification.js';
+installNotification();

package/src/native-components/page-layout.ts

@@ -0,0 +1,2 @@
+import {installPageLayout} from '../runtime/page-layout.js';
+installPageLayout();

package/src/native-components/pagination.ts

@@ -0,0 +1,2 @@
+import {installPagination} from '../runtime/pagination.js';
+installPagination();

package/src/native-components/profile-card.ts

@@ -0,0 +1,2 @@
+import {installProfileCard} from '../runtime/profile-card.js';
+installProfileCard();

package/src/native-components/qr-code.ts

@@ -0,0 +1,2 @@
+import {installQRCode} from '../runtime/qr-code.js';
+installQRCode();

package/src/native-components/quote-card.ts

@@ -0,0 +1,2 @@
+import {installQuoteCard} from '../runtime/quote-card.js';
+installQuoteCard();

package/src/native-components/shape-mask.ts

@@ -0,0 +1,2 @@
+import {installShapeMask} from '../runtime/shape-mask.js';
+installShapeMask();

package/src/native-components/sparkline.ts

@@ -0,0 +1,2 @@
+import {installSparkline} from '../runtime/sparkline.js';
+installSparkline();

package/src/native-components/split-section.ts

@@ -0,0 +1,2 @@
+import {installSplitSection} from '../runtime/split-section.js';
+installSplitSection();

package/src/native-components/splitter.ts

@@ -0,0 +1,2 @@
+import {installSplitter} from '../runtime/splitter.js';
+installSplitter();

package/src/native-components/statistic.ts

@@ -0,0 +1,2 @@
+import {installStatistic} from '../runtime/statistic.js';
+installStatistic();

package/src/native-components/text-highlight.ts

@@ -0,0 +1,2 @@
+import {installTextHighlight} from '../runtime/text-highlight.js';
+installTextHighlight();

package/src/native-components/time-picker.ts

@@ -0,0 +1,2 @@
+import {installTimePicker} from '../runtime/time-picker.js';
+installTimePicker();

package/src/native-components/timeline.ts

@@ -0,0 +1,2 @@
+import {installTimeline} from '../runtime/timeline.js';
+installTimeline();

package/src/native-components/tour.ts

@@ -0,0 +1,2 @@
+import {installTour} from '../runtime/tour.js';
+installTour();

package/src/native-components/transfer-list.ts

@@ -0,0 +1,2 @@
+import {installTransfer} from '../runtime/transfer.js';
+installTransfer();

package/src/native-components/tree-select.ts

@@ -0,0 +1,2 @@
+import {installTreeSelect} from '../runtime/tree-select.js';
+installTreeSelect();

package/src/native-components/tree-view.ts

@@ -0,0 +1,2 @@
+import {installTree} from '../runtime/tree.js';
+installTree();

package/src/native-components/upload-manager.ts

@@ -0,0 +1,2 @@
+import {installUploadManager} from '../runtime/upload-manager.js';
+installUploadManager();

package/src/native-components/video-lightbox.ts

@@ -0,0 +1,2 @@
+import {installVideoLightbox} from '../runtime/video-lightbox.js';
+installVideoLightbox();

package/src/native-components/video-player.ts

@@ -0,0 +1,2 @@
+import {installVideoPlayer} from '../runtime/video-player.js';
+installVideoPlayer();

package/src/native-grid.ts

@@ -0,0 +1,3 @@
+import {createGridBasic} from "./grid-basic.js";
+import {install} from "./native-base.js";
+install({BluGridBasic:createGridBasic});

package/src/native.ts

@@ -0,0 +1,3 @@
+import * as e from "./essentials.js";
+import {install} from "./native-base.js";
+install({Button:e.createButton,Badge:e.createBadge,Chip:e.createChip,ChipGroup:e.createChipGroup,Card:e.createCard,Skeleton:e.createSkeleton,EmptyState:e.createEmptyState});

package/src/notification-center.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/notification-center.js';
+export type * from './types.js';

package/src/notification.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/notification.js';
+export type * from './types.js';

package/src/page-header.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/page-header.js';
+export type * from './types.js';

package/src/page-layout.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/page-layout.js';
+export type * from './types.js';

package/src/pagination.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/pagination.js';
+export type * from './types.js';

package/src/primitives.ts

@@ -0,0 +1 @@
+export {buttonElement} from './essentials.js';

package/src/profile-card.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/profile-card.js';
+export type * from './types.js';

package/src/qr-code.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/qr-code.js';
+export type * from './types.js';

package/src/quote-card.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/quote-card.js';
+export type * from './types.js';

package/src/radio-button.ts

@@ -0,0 +1,2 @@
+export {createRadioButton} from './form-layout/choice.js';
+export type * from './form-layout/types.js';

package/src/radio-group.ts

@@ -0,0 +1,2 @@
+export {createRadioGroup} from './form-layout/choice.js';
+export type * from './form-layout/types.js';

package/src/runtime/app-layout.d.ts

@@ -0,0 +1 @@
+export function installAppLayout(): any;

package/src/runtime/app-layout.js

@@ -0,0 +1,168 @@
+// ../blu-grid/docs/scripts/modules/foundations.js
+import { global, runtime, state, register } from "./kernel.js";
+var shared = /* @__PURE__ */ state("foundations", () => ({ instances: /* @__PURE__ */ new Map(), serial: 0 }));
+function el(tag, cls, text) {
+  var n = document.createElement(tag);
+  if (cls) n.className = cls;
+  if (text !== void 0) n.textContent = text;
+  return n;
+}
+function attr(n, key, value) {
+  n.setAttribute(key, String(value));
+  return n;
+}
+function slot(s, name) {
+  return Array.from(s.host.children).find(function(child) {
+    return child.classList.contains("blu-common-slot--" + name.toLowerCase());
+  });
+}
+function emit(s, name, value) {
+  if (s.dead || !s.events[name]) return;
+  try {
+    Promise.resolve(s.events[name](value)).catch(function(e) {
+      report(s, e.message || String(e));
+    });
+  } catch (e) {
+    s.renderSignature = void 0;
+    report(s, e.message || String(e));
+  }
+}
+function report(s, message) {
+  if (!s.error) {
+    s.error = attr(el("p", "blu-common-error"), "role", "alert");
+    s.host.append(s.error);
+  }
+  s.error.textContent = message;
+  s.error.hidden = !message;
+  if (message && s.lastError !== message && s.events.Error) {
+    s.lastError = message;
+    try {
+      s.events.Error(message);
+    } catch (_) {
+    }
+  }
+  if (!message) s.lastError = "";
+}
+function listen(s, target, name, fn) {
+  target.addEventListener(name, fn);
+  s.cleanup.push(function() {
+    target.removeEventListener(name, fn);
+  });
+}
+function destroy(key) {
+  var s = shared.instances.get(key);
+  if (!s) return;
+  s.dead = true;
+  s.cleanup.forEach(function(f) {
+    f();
+  });
+  s.owned.forEach(function(n) {
+    n.remove();
+  });
+  if (s.host._bluFoundationOwner === key) {
+    delete s.host._bluFoundationOwner;
+    s.host.removeAttribute("data-blu-ready");
+  }
+  shared.instances.delete(key);
+}
+function own(s, node) {
+  s.owned.push(node);
+  return node;
+}
+function appLayout(s) {
+  var o = s.options, nav = slot(s, "Navigation"), content = slot(s, "Content"), footer = slot(s, "Footer");
+  s.host.classList.add("blu-app-layout");
+  if (!nav || !content) throw Error("AppLayout needs Navigation and Content slots.");
+  s.host.classList.toggle("blu-app-layout--viewport", o.FitViewport !== false);
+  attr(nav, "aria-label", o.AccessibleLabel || "Application navigation");
+  attr(nav, "role", "complementary");
+  attr(content, "role", "main");
+  attr(content, "tabindex", "-1");
+  if (!content.id) content.id = s.uid + "-content";
+  if (!nav.id) nav.id = s.uid + "-navigation";
+  if (footer) footer.hidden = !o.ShowFooter;
+  if (!s.toggle) {
+    s.media = global.matchMedia("(max-width: 800px)");
+    s.narrow = s.media.matches;
+    s.desktopOpen = o.IsNavigationOpen !== false;
+    s.open = s.narrow ? false : s.desktopOpen;
+    s.skip = own(s, el("a", "blu-app-layout__skip", "Skip to content"));
+    s.skip.href = "#" + content.id;
+    s.toggle = own(s, el("button", "blu-app-layout__toggle", "\u2630"));
+    s.toggle.type = "button";
+    attr(s.toggle, "aria-controls", nav.id);
+    attr(s.toggle, "aria-label", "Toggle navigation");
+    s.host.prepend(s.skip, s.toggle);
+    s.paintNav = function() {
+      nav.hidden = !s.open;
+      s.host.classList.toggle("blu-app-layout--closed", !s.open);
+      attr(s.toggle, "aria-expanded", s.open);
+    };
+    listen(s, s.skip, "click", function(e) {
+      e.preventDefault();
+      content.focus();
+    });
+    listen(s, s.toggle, "click", function() {
+      s.open = !s.open;
+      if (!s.narrow) s.desktopOpen = s.open;
+      s.paintNav();
+      emit(s, "NavigationOpenChanged", s.open);
+    });
+    listen(s, nav, "keydown", function(e) {
+      if (e.key === "Escape" && s.narrow) {
+        s.open = false;
+        s.paintNav();
+        s.toggle.focus();
+        emit(s, "NavigationOpenChanged", false);
+      }
+    });
+    listen(s, s.media, "change", function() {
+      s.narrow = s.media.matches;
+      s.open = s.narrow ? false : s.desktopOpen;
+      s.paintNav();
+    });
+  } else if (s.lastRequested !== o.IsNavigationOpen) {
+    s.open = o.IsNavigationOpen !== false;
+    if (!s.narrow) s.desktopOpen = s.open;
+  }
+  s.lastRequested = o.IsNavigationOpen;
+  s.paintNav();
+}
+function api(kind, render) {
+  return { sync: function(id, options, events, key) {
+    var host = document.getElementById(id);
+    if (!host) return "Component host was not found.";
+    key = key || id;
+    var s = shared.instances.get(key);
+    if (s && s.host !== host) {
+      destroy(key);
+      s = null;
+    }
+    if (host._bluFoundationOwner && host._bluFoundationOwner !== key) destroy(host._bluFoundationOwner);
+    if (!s) {
+      s = { host, key, uid: "blu-foundation-" + ++shared.serial, owned: [], cleanup: [] };
+      shared.instances.set(key, s);
+    }
+    var preview = host.nextElementSibling;
+    if (preview && preview.classList.contains("blu-component-preview")) preview.hidden = true;
+    host._bluFoundationOwner = key;
+    s.options = options || {};
+    s.events = events || {};
+    attr(host, "data-blu-ready", "true");
+    try {
+      render(s);
+      report(s, "");
+      return "";
+    } catch (e) {
+      s.renderSignature = void 0;
+      report(s, e.message || String(e));
+      return e.message || String(e);
+    }
+  }, destroy };
+}
+function installAppLayout() {
+  return register("AppLayout", () => api("AppLayout", appLayout));
+}
+export {
+  installAppLayout
+};

package/src/runtime/cascader.d.ts

@@ -0,0 +1 @@
+export function installCascader(): any;