@public-ui/vue 4.0.0-alpha.0 → 4.0.0-alpha.2

package/dist/index.cjs

@@ -7,8 +7,6 @@ const setTagNameTransformer = (_tagNameTransformer) => {
   tagNameTransformer = _tagNameTransformer;
 };
 
-const UPDATE_VALUE_EVENT = "update:modelValue";
-const MODEL_VALUE = "modelValue";
 const ROUTER_LINK_VALUE = "routerLink";
 const NAV_MANAGER = "navManager";
 const ROUTER_PROP_PREFIX = "router";
@@ -24,31 +22,16 @@ const getElementClasses = (ref2, componentClasses, defaultClasses = []) => {
   );
 };
 const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent) => {
-  if (defineCustomElement !== void 0) {
-    defineCustomElement();
-  }
   const Container = vue.defineComponent((props, { attrs, slots, emit }) => {
-    let modelPropValue = props[modelProp];
+    props[modelProp];
     const containerRef = vue.ref();
     const classes = new Set(getComponentClasses(attrs.class));
-    const vModelDirective = {
-      created: (el) => {
-        const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
-        eventsNames.forEach((eventName) => {
-          el.addEventListener(eventName.toLowerCase(), (e) => {
-            modelPropValue = (e?.target)[modelProp];
-            emit(UPDATE_VALUE_EVENT, modelPropValue);
-          });
-        });
-      }
-    };
     const currentInstance = vue.getCurrentInstance();
     const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];
     const navManager = hasRouter ? vue.inject(NAV_MANAGER) : void 0;
     const handleRouterLink = (ev) => {
       const { routerLink } = props;
-      if (routerLink === EMPTY_PROP)
-        return;
+      if (routerLink === EMPTY_PROP) return;
       if (navManager !== void 0) {
         let navigationPayload = { event: ev };
         for (const key in props) {
@@ -63,7 +46,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
       }
     };
     return () => {
-      modelPropValue = props[modelProp];
+      props[modelProp];
       getComponentClasses(attrs.class).forEach((value) => {
         classes.add(value);
       });
@@ -87,22 +70,9 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
           propsToAdd[key] = value;
         }
       }
-      if (modelProp) {
-        if (props[MODEL_VALUE] !== EMPTY_PROP) {
-          propsToAdd = {
-            ...propsToAdd,
-            [modelProp]: props[MODEL_VALUE]
-          };
-        } else if (modelPropValue !== EMPTY_PROP) {
-          propsToAdd = {
-            ...propsToAdd,
-            [modelProp]: modelPropValue
-          };
-        }
-      }
       const newTagName = typeof tagNameTransformer === "function" ? tagNameTransformer(name) : name;
       const node = vue.h(newTagName, propsToAdd, slots.default && slots.default());
-      return modelProp === void 0 ? node : vue.withDirectives(node, [[vModelDirective]]);
+      return node ;
     };
   });
   if (typeof Container !== "function") {
@@ -113,10 +83,6 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
     componentProps.forEach((componentProp) => {
       Container.props[componentProp] = DEFAULT_EMPTY_PROP;
     });
-    if (modelProp) {
-      Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
-      Container.emits = [UPDATE_VALUE_EVENT];
-    }
   }
   return Container;
 };
@@ -171,13 +137,11 @@ const KolButton = /* @__PURE__ */ defineContainer("kol-button", void 0, [
   "_role",
   "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_type",
   "_value",
   "_variant"
 ]);
-const KolButtonGroup = /* @__PURE__ */ defineContainer("kol-button-group", void 0);
 const KolButtonLink = /* @__PURE__ */ defineContainer("kol-button-link", void 0, [
   "_accessKey",
   "_ariaControls",
@@ -189,12 +153,12 @@ const KolButtonLink = /* @__PURE__ */ defineContainer("kol-button-link", void 0,
   "_icons",
   "_id",
   "_label",
+  "_variant",
   "_name",
   "_on",
   "_role",
   "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_type",
   "_value"
@@ -205,12 +169,17 @@ const KolCard = /* @__PURE__ */ defineContainer("kol-card", void 0, [
   "_label",
   "_level"
 ]);
+const KolCardWc = /* @__PURE__ */ defineContainer("kol-card-wc", void 0, [
+  "_on",
+  "_hasCloser",
+  "_label",
+  "_level"
+]);
 const KolCombobox = /* @__PURE__ */ defineContainer("kol-combobox", void 0, [
   "_accessKey",
   "_placeholder",
-  "_alert",
   "_disabled",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -223,7 +192,6 @@ const KolCombobox = /* @__PURE__ */ defineContainer("kol-combobox", void 0, [
   "_required",
   "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
@@ -238,8 +206,8 @@ const KolDetails = /* @__PURE__ */ defineContainer("kol-details", void 0, [
 const KolDrawer = /* @__PURE__ */ defineContainer("kol-drawer", void 0, [
   "_open",
   "_align",
+  "_hasCloser",
   "_label",
-  "_modal",
   "_on"
 ]);
 const KolForm = /* @__PURE__ */ defineContainer("kol-form", void 0, [
@@ -250,8 +218,7 @@ const KolForm = /* @__PURE__ */ defineContainer("kol-form", void 0, [
 const KolHeading = /* @__PURE__ */ defineContainer("kol-heading", void 0, [
   "_label",
   "_level",
-  "_secondaryHeadline",
-  "_variant"
+  "_secondaryHeadline"
 ]);
 const KolIcon = /* @__PURE__ */ defineContainer("kol-icon", void 0, [
   "_icons",
@@ -264,14 +231,11 @@ const KolImage = /* @__PURE__ */ defineContainer("kol-image", void 0, [
   "_src",
   "_srcset"
 ]);
-const KolIndentedText = /* @__PURE__ */ defineContainer("kol-indented-text", void 0);
 const KolInputCheckbox = /* @__PURE__ */ defineContainer("kol-input-checkbox", void 0, [
   "_accessKey",
-  "_alert",
   "_checked",
-  "_hideError",
+  "_hideMsg",
   "_disabled",
-  "_error",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -285,7 +249,6 @@ const KolInputCheckbox = /* @__PURE__ */ defineContainer("kol-input-checkbox", v
   "_required",
   "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value",
@@ -293,11 +256,9 @@ const KolInputCheckbox = /* @__PURE__ */ defineContainer("kol-input-checkbox", v
 ]);
 const KolInputColor = /* @__PURE__ */ defineContainer("kol-input-color", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -310,18 +271,15 @@ const KolInputColor = /* @__PURE__ */ defineContainer("kol-input-color", void 0,
   "_smartButton",
   "_suggestions",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
 ]);
 const KolInputDate = /* @__PURE__ */ defineContainer("kol-input-date", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -339,7 +297,6 @@ const KolInputDate = /* @__PURE__ */ defineContainer("kol-input-date", void 0, [
   "_suggestions",
   "_syncValueBySelector",
   "_step",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_type",
@@ -347,12 +304,11 @@ const KolInputDate = /* @__PURE__ */ defineContainer("kol-input-date", void 0, [
 ]);
 const KolInputEmail = /* @__PURE__ */ defineContainer("kol-input-email", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
-  "_disabled",
-  "_error",
   "_hasCounter",
-  "_hideError",
+  "_maxLengthBehavior",
+  "_disabled",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -371,7 +327,6 @@ const KolInputEmail = /* @__PURE__ */ defineContainer("kol-input-email", void 0,
   "_smartButton",
   "_suggestions",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
@@ -379,10 +334,8 @@ const KolInputEmail = /* @__PURE__ */ defineContainer("kol-input-email", void 0,
 const KolInputFile = /* @__PURE__ */ defineContainer("kol-input-file", void 0, [
   "_accept",
   "_accessKey",
-  "_alert",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -396,18 +349,14 @@ const KolInputFile = /* @__PURE__ */ defineContainer("kol-input-file", void 0, [
   "_shortKey",
   "_smartButton",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
-  "_touched",
-  "_value"
+  "_touched"
 ]);
 const KolInputNumber = /* @__PURE__ */ defineContainer("kol-input-number", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -426,19 +375,17 @@ const KolInputNumber = /* @__PURE__ */ defineContainer("kol-input-number", void
   "_suggestions",
   "_step",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
 ]);
 const KolInputPassword = /* @__PURE__ */ defineContainer("kol-input-password", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
-  "_disabled",
-  "_error",
   "_hasCounter",
-  "_hideError",
+  "_maxLengthBehavior",
+  "_disabled",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -455,18 +402,14 @@ const KolInputPassword = /* @__PURE__ */ defineContainer("kol-input-password", v
   "_shortKey",
   "_smartButton",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value",
   "_variant"
 ]);
 const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0, [
-  "_accessKey",
-  "_alert",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_id",
@@ -477,20 +420,16 @@ const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0,
   "_options",
   "_orientation",
   "_required",
-  "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
 ]);
 const KolInputRange = /* @__PURE__ */ defineContainer("kol-input-range", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -505,19 +444,17 @@ const KolInputRange = /* @__PURE__ */ defineContainer("kol-input-range", void 0,
   "_step",
   "_suggestions",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
 ]);
 const KolInputText = /* @__PURE__ */ defineContainer("kol-input-text", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
-  "_disabled",
-  "_error",
   "_hasCounter",
-  "_hideError",
+  "_maxLengthBehavior",
+  "_disabled",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -532,10 +469,10 @@ const KolInputText = /* @__PURE__ */ defineContainer("kol-input-text", void 0, [
   "_readOnly",
   "_required",
   "_shortKey",
+  "_spellCheck",
   "_suggestions",
   "_smartButton",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_type",
@@ -548,23 +485,26 @@ const KolKolibri = /* @__PURE__ */ defineContainer("kol-kolibri", void 0, [
 const KolLink = /* @__PURE__ */ defineContainer("kol-link", void 0, [
   "_accessKey",
   "_ariaCurrentValue",
+  "_ariaControls",
   "_ariaDescription",
+  "_ariaExpanded",
   "_disabled",
   "_download",
   "_hideLabel",
   "_href",
   "_icons",
   "_label",
+  "_variant",
   "_on",
   "_role",
   "_shortKey",
-  "_tabIndex",
   "_target",
   "_tooltipAlign"
 ]);
 const KolLinkButton = /* @__PURE__ */ defineContainer("kol-link-button", void 0, [
   "_accessKey",
   "_ariaCurrentValue",
+  "_ariaControls",
   "_ariaDescription",
   "_customClass",
   "_disabled",
@@ -576,25 +516,15 @@ const KolLinkButton = /* @__PURE__ */ defineContainer("kol-link-button", void 0,
   "_on",
   "_role",
   "_shortKey",
-  "_tabIndex",
   "_target",
   "_tooltipAlign",
   "_variant"
 ]);
-const KolLinkGroup = /* @__PURE__ */ defineContainer("kol-link-group", void 0, [
-  "_listStyleType",
-  "_label",
-  "_links",
-  "_orientation"
-]);
-const KolLogo = /* @__PURE__ */ defineContainer("kol-logo", void 0, [
-  "_org"
-]);
 const KolModal = /* @__PURE__ */ defineContainer("kol-modal", void 0, [
-  "_activeElement",
   "_label",
   "_on",
-  "_width"
+  "_width",
+  "_variant"
 ]);
 const KolNav = /* @__PURE__ */ defineContainer("kol-nav", void 0, [
   "_collapsible",
@@ -618,6 +548,65 @@ const KolPagination = /* @__PURE__ */ defineContainer("kol-pagination", void 0,
   "_tooltipAlign",
   "_max"
 ]);
+const KolPaginationWc = /* @__PURE__ */ defineContainer("kol-pagination-wc", void 0, [
+  "_boundaryCount",
+  "_customClass",
+  "_label",
+  "_hasButtons",
+  "_page",
+  "_pageSize",
+  "_pageSizeOptions",
+  "_on",
+  "_siblingCount",
+  "_tooltipAlign",
+  "_max"
+]);
+const KolPopoverButton = /* @__PURE__ */ defineContainer("kol-popover-button", void 0, [
+  "_accessKey",
+  "_ariaControls",
+  "_ariaDescription",
+  "_ariaSelected",
+  "_customClass",
+  "_disabled",
+  "_hideLabel",
+  "_icons",
+  "_id",
+  "_label",
+  "_name",
+  "_on",
+  "_popoverAlign",
+  "_role",
+  "_shortKey",
+  "_syncValueBySelector",
+  "_tabIndex",
+  "_tooltipAlign",
+  "_type",
+  "_value",
+  "_variant"
+]);
+const KolPopoverButtonWc = /* @__PURE__ */ defineContainer("kol-popover-button-wc", void 0, [
+  "_accessKey",
+  "_ariaControls",
+  "_ariaDescription",
+  "_ariaSelected",
+  "_customClass",
+  "_disabled",
+  "_hideLabel",
+  "_icons",
+  "_id",
+  "_label",
+  "_name",
+  "_on",
+  "_popoverAlign",
+  "_role",
+  "_shortKey",
+  "_syncValueBySelector",
+  "_tabIndex",
+  "_tooltipAlign",
+  "_type",
+  "_value",
+  "_variant"
+]);
 const KolProgress = /* @__PURE__ */ defineContainer("kol-progress", void 0, [
   "_label",
   "_max",
@@ -633,10 +622,8 @@ const KolQuote = /* @__PURE__ */ defineContainer("kol-quote", void 0, [
 ]);
 const KolSelect = /* @__PURE__ */ defineContainer("kol-select", void 0, [
   "_accessKey",
-  "_alert",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -659,9 +646,8 @@ const KolSelect = /* @__PURE__ */ defineContainer("kol-select", void 0, [
 const KolSingleSelect = /* @__PURE__ */ defineContainer("kol-single-select", void 0, [
   "_accessKey",
   "_placeholder",
-  "_alert",
   "_disabled",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -674,10 +660,11 @@ const KolSingleSelect = /* @__PURE__ */ defineContainer("kol-single-select", voi
   "_required",
   "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
-  "_value"
+  "_value",
+  "_hideClearButton",
+  "_rows"
 ]);
 const KolSkipNav = /* @__PURE__ */ defineContainer("kol-skip-nav", void 0, [
   "_label",
@@ -685,10 +672,13 @@ const KolSkipNav = /* @__PURE__ */ defineContainer("kol-skip-nav", void 0, [
 ]);
 const KolSpin = /* @__PURE__ */ defineContainer("kol-spin", void 0, [
   "_show",
+  "_label",
   "_variant"
 ]);
 const KolSplitButton = /* @__PURE__ */ defineContainer("kol-split-button", void 0, [
+  "_accessKey",
   "_ariaControls",
+  "_ariaDescription",
   "_ariaExpanded",
   "_ariaSelected",
   "_customClass",
@@ -700,29 +690,13 @@ const KolSplitButton = /* @__PURE__ */ defineContainer("kol-split-button", void
   "_name",
   "_on",
   "_role",
+  "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_type",
   "_value",
   "_variant"
 ]);
-const KolSymbol = /* @__PURE__ */ defineContainer("kol-symbol", void 0, [
-  "_label",
-  "_symbol"
-]);
-const KolTable = /* @__PURE__ */ defineContainer("kol-table", void 0, [
-  "_allowMultiSort",
-  "_data",
-  "_dataFoot",
-  "_headers",
-  "_label",
-  "_minWidth",
-  "_pagination",
-  "_paginationPosition",
-  "_selection",
-  "_on"
-]);
 const KolTableStateful = /* @__PURE__ */ defineContainer("kol-table-stateful", void 0, [
   "_allowMultiSort",
   "_data",
@@ -733,7 +707,9 @@ const KolTableStateful = /* @__PURE__ */ defineContainer("kol-table-stateful", v
   "_pagination",
   "_paginationPosition",
   "_selection",
-  "_on"
+  "_on",
+  "_tableSettings",
+  "_hasSettingsMenu"
 ]);
 const KolTableStateless = /* @__PURE__ */ defineContainer("kol-table-stateless", void 0, [
   "_data",
@@ -742,11 +718,14 @@ const KolTableStateless = /* @__PURE__ */ defineContainer("kol-table-stateless",
   "_label",
   "_minWidth",
   "_on",
-  "_selection"
+  "_selection",
+  "_tableSettings",
+  "_hasSettingsMenu"
 ]);
 const KolTabs = /* @__PURE__ */ defineContainer("kol-tabs", void 0, [
   "_align",
   "_behavior",
+  "_hasCreateButton",
   "_label",
   "_on",
   "_selected",
@@ -755,17 +734,16 @@ const KolTabs = /* @__PURE__ */ defineContainer("kol-tabs", void 0, [
 const KolTextarea = /* @__PURE__ */ defineContainer("kol-textarea", void 0, [
   "_accessKey",
   "_adjustHeight",
-  "_alert",
   "_disabled",
-  "_error",
-  "_hasCounter",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
   "_id",
   "_label",
   "_maxLength",
+  "_hasCounter",
+  "_maxLengthBehavior",
   "_msg",
   "_name",
   "_on",
@@ -775,16 +753,17 @@ const KolTextarea = /* @__PURE__ */ defineContainer("kol-textarea", void 0, [
   "_required",
   "_rows",
   "_shortKey",
+  "_spellCheck",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
 ]);
-const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container", void 0);
+const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container");
 const KolToolbar = /* @__PURE__ */ defineContainer("kol-toolbar", void 0, [
   "_label",
-  "_items"
+  "_items",
+  "_orientation"
 ]);
 const KolTree = /* @__PURE__ */ defineContainer("kol-tree", void 0, [
   "_label"
@@ -812,9 +791,9 @@ exports.KolAvatar = KolAvatar;
 exports.KolBadge = KolBadge;
 exports.KolBreadcrumb = KolBreadcrumb;
 exports.KolButton = KolButton;
-exports.KolButtonGroup = KolButtonGroup;
 exports.KolButtonLink = KolButtonLink;
 exports.KolCard = KolCard;
+exports.KolCardWc = KolCardWc;
 exports.KolCombobox = KolCombobox;
 exports.KolDetails = KolDetails;
 exports.KolDrawer = KolDrawer;
@@ -822,7 +801,6 @@ exports.KolForm = KolForm;
 exports.KolHeading = KolHeading;
 exports.KolIcon = KolIcon;
 exports.KolImage = KolImage;
-exports.KolIndentedText = KolIndentedText;
 exports.KolInputCheckbox = KolInputCheckbox;
 exports.KolInputColor = KolInputColor;
 exports.KolInputDate = KolInputDate;
@@ -836,11 +814,12 @@ exports.KolInputText = KolInputText;
 exports.KolKolibri = KolKolibri;
 exports.KolLink = KolLink;
 exports.KolLinkButton = KolLinkButton;
-exports.KolLinkGroup = KolLinkGroup;
-exports.KolLogo = KolLogo;
 exports.KolModal = KolModal;
 exports.KolNav = KolNav;
 exports.KolPagination = KolPagination;
+exports.KolPaginationWc = KolPaginationWc;
+exports.KolPopoverButton = KolPopoverButton;
+exports.KolPopoverButtonWc = KolPopoverButtonWc;
 exports.KolProgress = KolProgress;
 exports.KolQuote = KolQuote;
 exports.KolSelect = KolSelect;
@@ -848,8 +827,6 @@ exports.KolSingleSelect = KolSingleSelect;
 exports.KolSkipNav = KolSkipNav;
 exports.KolSpin = KolSpin;
 exports.KolSplitButton = KolSplitButton;
-exports.KolSymbol = KolSymbol;
-exports.KolTable = KolTable;
 exports.KolTableStateful = KolTableStateful;
 exports.KolTableStateless = KolTableStateless;
 exports.KolTabs = KolTabs;