@public-ui/hydrate 2.2.9-rc.0 → 2.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +27 -22
  2. package/dist/index.mjs +27 -22
  3. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -229,7 +229,7 @@ var HYDRATED_STYLE_ID = "sty-id";
229
229
  var HYDRATE_CHILD_ID = "c-id";
230
230
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
231
231
  var XLINK_NS = "http://www.w3.org/1999/xlink";
232
- var h = (nodeName, vnodeData, ...children) => {
232
+ var h$1 = (nodeName, vnodeData, ...children) => {
233
233
  let child = null;
234
234
  let key = null;
235
235
  let slotName = null;
@@ -331,7 +331,7 @@ var convertToPrivate = (node) => {
331
331
  if (node.vname) {
332
332
  vnodeData.name = node.vname;
333
333
  }
334
- return h(node.vtag, vnodeData, ...node.vchildren || []);
334
+ return h$1(node.vtag, vnodeData, ...node.vchildren || []);
335
335
  }
336
336
  const vnode = newVNode(node.vtag, node.vtext);
337
337
  vnode.$attrs$ = node.vattrs;
@@ -1166,7 +1166,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
1166
1166
  const hostElm = hostRef.$hostElement$;
1167
1167
  const cmpMeta = hostRef.$cmpMeta$;
1168
1168
  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
1169
- const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
1169
+ const rootVnode = isHost(renderFnResults) ? renderFnResults : h$1(null, null, renderFnResults);
1170
1170
  hostTagName = hostElm.tagName;
1171
1171
  if (cmpMeta.$attrsToReflect$) {
1172
1172
  rootVnode.$attrs$ = rootVnode.$attrs$ || {};
@@ -1890,14 +1890,14 @@ var hAsync = (nodeName, vnodeData, ...children) => {
1890
1890
  const flatChildren = children.flat(Infinity);
1891
1891
  if (flatChildren.some((child) => child instanceof Promise)) {
1892
1892
  return Promise.all(flatChildren).then((resolvedChildren) => {
1893
- return h(nodeName, vnodeData, ...resolvedChildren);
1893
+ return h$1(nodeName, vnodeData, ...resolvedChildren);
1894
1894
  }).catch((err2) => {
1895
- return h(nodeName, vnodeData);
1895
+ return h$1(nodeName, vnodeData);
1896
1896
  });
1897
1897
  }
1898
- return h(nodeName, vnodeData, ...flatChildren);
1898
+ return h$1(nodeName, vnodeData, ...flatChildren);
1899
1899
  }
1900
- return h(nodeName, vnodeData);
1900
+ return h$1(nodeName, vnodeData);
1901
1901
  };
1902
1902
  function proxyHostElement(elm, cmpMeta) {
1903
1903
  if (typeof elm.componentOnReady !== "function") {
@@ -2658,9 +2658,9 @@ var loglevel = {exports: {}};
2658
2658
  }));
2659
2659
  }(loglevel));
2660
2660
 
2661
- var l = loglevel.exports;
2661
+ var h = loglevel.exports;
2662
2662
 
2663
- const $=new Map,M=[],Y=new Map,a$1={A11yUi:{CSS_STYLE_CACHE:$,HYDRATED_HISTORY:M,STYLING_TASK_QUEUE:Y,Themes:{}}};let y=!1;const I=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,O=e=>typeof e=="string"&&I.test(e),A=e=>{if(O(e)===!1)throw new Error(`[Theming] The theme identifier "${typeof e=="string"?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},k=(e,t,s,o)=>p(e,t,s,o),p=(e,t,s,o)=>{o=o??{},o.append=o.append??!1,A(e),y===!1&&(y=!0,l.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.
2663
+ const M=new Map,Y=[],$=new Map,o$1={A11yUi:{CSS_STYLE_CACHE:M,HYDRATED_HISTORY:Y,STYLING_TASK_QUEUE:$,Themes:{}}};let y=!1;const I=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,O=t=>typeof t=="string"&&I.test(t),p=t=>{if(O(t)===!1)throw new Error(`[Theming] The theme identifier "${typeof t=="string"?t:""}" (Type: ${typeof t}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},R=(t,e,s,a)=>u$1(t,e,s,a),u$1=(t,e,s,a)=>{a=a??{},a.append=a.append??!1,p(t),y===!1&&(y=!0,h.warn(`[Theming] The theme process is locked. This means that the theme "${t}" should not be patched.
2664
2664
 
2665
2665
  import { register } from 'adopted-style-sheets';
2666
2666
  import { defineCustomElements } from '...';
@@ -2670,7 +2670,7 @@ const $=new Map,M=[],Y=new Map,a$1={A11yUi:{CSS_STYLE_CACHE:$,HYDRATED_HISTORY:M
2670
2670
  .then(() => {
2671
2671
  // run your app or website
2672
2672
  })
2673
- .catch(console.warn);`)),(typeof a$1.A11yUi.Themes[e]!="object"||a$1.A11yUi.Themes[e]===null)&&(a$1.A11yUi.Themes[e]={}),o.append&&typeof a$1.A11yUi.Themes[e][t]=="string"?a$1.A11yUi.Themes[e][t]+=s:a$1.A11yUi.Themes[e][t]=s;},P$1=(e,t,s,o)=>u$1(e,t,s,o),u$1=(e,t,s,o)=>(A(e),typeof t=="object"&&t!==null&&Object.getOwnPropertyNames(t).forEach(n=>{const r=t[n],i=n.toLowerCase(),m=typeof o?.transformTagName=="function"&&!["GLOBAL","PROPERTIES"].includes(n)?o.transformTagName(i):n;typeof r=="string"&&r.length>0&&p(e,m.toUpperCase(),r,s);}),e);const w=new Set,q=/--[^;]+/g,J=/:/,V=(e,t)=>{let s=t.match(q);if(Array.isArray(s)){s=s.filter(n=>J.test(n));const o=document.createElement("style");o.innerHTML=`.${e} {${s.join(";")}}`,document.querySelector("head")?.appendChild(o);}w.add(e);},f=(e,t)=>typeof a$1.A11yUi=="object"&&a$1.A11yUi!==null&&typeof a$1.A11yUi.Themes=="object"&&a$1.A11yUi.Themes!==null&&typeof a$1.A11yUi.Themes[e]=="object"&&a$1.A11yUi.Themes[e]!==null&&typeof a$1.A11yUi.Themes[e][t]=="string"?a$1.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",W=e=>{for(const t of Array.from(e.childNodes))if(t instanceof HTMLStyleElement&&t.tagName==="STYLE"&&t.dataset.themingFallback===void 0)e.removeChild(t);else break},X=(e,t)=>{try{if(a$1.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const s=[];t.forEach(o=>{const n=new CSSStyleSheet;n.replaceSync(o),s.push(n);}),e.adoptedStyleSheets=s;}catch{[...t].reverse().forEach((s,o)=>{if(typeof s!="string"||s.length===0)return;const n=document.createElement("style");switch(n.dataset.themingFallback="",o){case 4:n.dataset.themingBaseA11y="";break;case 3:n.dataset.themingBaseGlobal="";break;case 2:n.dataset.themingBaseComponent="";break;case 1:n.dataset.themingCustomGlobal="";break;case 0:n.dataset.themingCustomComponent="";break;default:n.dataset.themingUnknown="";break}n.innerHTML=s,e.insertBefore(n,e.firstChild);});}},Z$1=(e,t,s)=>{if(s!==!1){const o=[...Array.from(e.childNodes).filter(r=>r instanceof HTMLStyleElement&&r.tagName==="STYLE")];let n;try{n=[...Array.from(e.adoptedStyleSheets)];}catch{n=[];}s?.mode==="before"?(o.reverse().forEach(r=>t.unshift(r.innerHTML)),n.reverse().forEach(r=>t.unshift(Array.from(r.cssRules).map(i=>i.cssText).join("")))):s?.mode==="after"&&(o.forEach(r=>t.push(r.innerHTML)),n.forEach(r=>t.push(Array.from(r.cssRules).map(i=>i.cssText).join(""))));}},L=(e,t,s)=>{const o=t.name||"default";let n;try{if(e.shadowRoot===null)throw new Error("ShadowRoot is null");n=e.shadowRoot;}catch{n=e;}if(a$1.A11yUi.CSS_STYLE_CACHE.get(o)?.has(e.tagName))_(e,n,a$1.A11yUi.CSS_STYLE_CACHE.get(o)?.get(e.tagName),s);else {const r=f(o,"PROPERTIES"),i=f(o,"GLOBAL"),m=f(o,e.tagName);w.has(o)===!1&&V(o,i);const h=[r,i,m];Z$1(n,h,t.encroachCss),t.loglevel==="debug"&&console.log(e.tagName,h),t.cache===!0&&(a$1.A11yUi.CSS_STYLE_CACHE.has(o)===!1&&a$1.A11yUi.CSS_STYLE_CACHE.set(o,new Map),a$1.A11yUi.CSS_STYLE_CACHE.get(o)?.set(e.tagName,h)),_(e,n,h,s);}},_=(e,t,s,o)=>{W(t),X(t,s),e.style.display=o;},N=e=>{e.loglevel==="debug"&&a$1.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:a$1.A11yUi.STYLING_TASK_QUEUE.size});},se=e=>{a$1.A11yUi.STYLING_TASK_QUEUE.delete(e);},j=(e,t)=>{se(e),N(t);},oe=e=>{for(const t of e)if(a$1.A11yUi.STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:s,themeDetails:o}=a$1.A11yUi.STYLING_TASK_QUEUE.get(t.target);L(t.target,o,s),j(t.target,o);}};try{new MutationObserver(oe);}catch{}
2673
+ .catch(console.warn);`)),(typeof o$1.A11yUi.Themes[t]!="object"||o$1.A11yUi.Themes[t]===null)&&(o$1.A11yUi.Themes[t]={}),a.append&&typeof o$1.A11yUi.Themes[t][e]=="string"?o$1.A11yUi.Themes[t][e]+=s:o$1.A11yUi.Themes[t][e]=s;},P$1=(t,e,s,a)=>g(t,e,s,a),g=(t,e,s,a)=>(p(t),typeof e=="object"&&e!==null&&Object.getOwnPropertyNames(e).forEach(r=>{const n=e[r],i=r.toLowerCase(),c=typeof a?.transformTagName=="function"&&!["GLOBAL","PROPERTIES"].includes(r)?a.transformTagName(i):r;typeof n=="string"&&n.length>0&&u$1(t,c.toUpperCase(),n,s);}),t);const C=new Set,F=/--[^;]+/g,V=/:/,q=(t,e)=>{let s=e.match(F);if(Array.isArray(s)){s=s.filter(r=>V.test(r));const a=document.createElement("style");a.innerHTML=`.${t} {${s.join(";")}}`,document.querySelector("head")?.appendChild(a);}C.add(t);},f=(t,e)=>typeof o$1.A11yUi=="object"&&o$1.A11yUi!==null&&typeof o$1.A11yUi.Themes=="object"&&o$1.A11yUi.Themes!==null&&typeof o$1.A11yUi.Themes[t]=="object"&&o$1.A11yUi.Themes[t]!==null&&typeof o$1.A11yUi.Themes[t][e]=="string"?o$1.A11yUi.Themes[t][e].replace(/\r?\n/g,""):"",J=t=>{for(const e of Array.from(t.childNodes))if(e instanceof HTMLStyleElement&&e.tagName==="STYLE"&&e.dataset.themingFallback===void 0)t.removeChild(e);else break},W=(t,e)=>{try{if(o$1.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const s=[];e.forEach(a=>{const r=new CSSStyleSheet;r.replaceSync(a),s.push(r);}),t.adoptedStyleSheets=s;}catch{[...e].reverse().forEach((a,r)=>{if(typeof a!="string"||a.length===0)return;const n=document.createElement("style");switch(n.dataset.themingFallback="",r){case 4:n.dataset.themingBaseA11y="";break;case 3:n.dataset.themingBaseGlobal="";break;case 2:n.dataset.themingBaseComponent="";break;case 1:n.dataset.themingCustomGlobal="";break;case 0:n.dataset.themingCustomComponent="";break;default:n.dataset.themingUnknown="";break}n.innerHTML=a,t.insertBefore(n,t.firstChild);});}},X=(t,e,s)=>{if(s!==!1){const a=[...Array.from(t.childNodes).filter(n=>n instanceof HTMLStyleElement&&n.tagName==="STYLE")];let r;try{r=[...Array.from(t.adoptedStyleSheets)];}catch{r=[];}s?.mode==="before"?(a.reverse().forEach(n=>e.unshift(n.innerHTML)),r.reverse().forEach(n=>e.unshift(Array.from(n.cssRules).map(i=>i.cssText).join("")))):s?.mode==="after"&&(a.forEach(n=>e.push(n.innerHTML)),r.forEach(n=>e.push(Array.from(n.cssRules).map(i=>i.cssText).join(""))));}},w=(t,e,s)=>{const a=e.name||"default";let r;try{if(t.shadowRoot===null)throw new Error("ShadowRoot is null");r=t.shadowRoot;}catch{r=t;}if(o$1.A11yUi.CSS_STYLE_CACHE.get(a)?.has(t.tagName))L(t,r,o$1.A11yUi.CSS_STYLE_CACHE.get(a)?.get(t.tagName),s);else {const n=f(a,"PROPERTIES"),i=f(a,"GLOBAL"),c=f(a,t.tagName);C.has(a)===!1&&q(a,i);const m=[n,i,c];X(r,m,e.encroachCss),e.loglevel==="debug"&&console.log(t.tagName,m),e.cache===!0&&(o$1.A11yUi.CSS_STYLE_CACHE.has(a)===!1&&o$1.A11yUi.CSS_STYLE_CACHE.set(a,new Map),o$1.A11yUi.CSS_STYLE_CACHE.get(a)?.set(t.tagName,m)),L(t,r,m,s);}},L=(t,e,s,a)=>{J(e),W(e,s),t.style.visibility=a;},v=t=>{t.loglevel==="debug"&&o$1.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:o$1.A11yUi.STYLING_TASK_QUEUE.size});},te=t=>{o$1.A11yUi.STYLING_TASK_QUEUE.delete(t);},_=(t,e)=>{te(t),v(e);},se=t=>{for(const e of t)if(o$1.A11yUi.STYLING_TASK_QUEUE.has(e.target)&&e.target.classList.contains("hydrated")){const{styleVisibility:s,themeDetails:a}=o$1.A11yUi.STYLING_TASK_QUEUE.get(e.target);w(e.target,a,s),_(e.target,a);}};try{new MutationObserver(se);}catch{}
2674
2674
 
2675
2675
  const alertTypeOptions = ['default', 'info', 'success', 'warning', 'error'];
2676
2676
  const alertVariantOptions = ['card', 'msg'];
@@ -3718,7 +3718,7 @@ class KoliBriDevHelper {
3718
3718
  }
3719
3719
  KoliBriDevHelper.getCssStyle = f;
3720
3720
  KoliBriDevHelper.patchTheme = P$1;
3721
- KoliBriDevHelper.patchThemeTag = k;
3721
+ KoliBriDevHelper.patchThemeTag = R;
3722
3722
  KoliBriDevHelper.querySelector = koliBriQuerySelector;
3723
3723
  KoliBriDevHelper.querySelectorAll = koliBriQuerySelectorAll;
3724
3724
  KoliBriDevHelper.stringifyJson = stringifyJson;
@@ -11616,11 +11616,11 @@ class KolNav {
11616
11616
  const collapsible = this.state._collapsible === true;
11617
11617
  const hideLabel = this.state._hideLabel === true;
11618
11618
  const orientation = this.state._orientation;
11619
- return (hAsync(Host, { key: '15caf1d6555a0a681971c8c5c954e8ce953f9062', class: "kol-nav" }, hAsync("div", { key: '5b56881e031a680795cf41245a3f794468ded92b', class: {
11619
+ return (hAsync(Host, { key: '2f99b331652b65a6a32b0437f7b6ff97e0c479c4', class: "kol-nav" }, hAsync("div", { key: 'd1825525e2da6232d7a866d2d404bcf8cd470216', class: {
11620
11620
  nav: true,
11621
11621
  [orientation]: true,
11622
11622
  'is-compact': this.state._hideLabel,
11623
- } }, hAsync("nav", { key: '9ad6ca299ff178c8e6642fe9aa433d9629a1bf30', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: 'cd88455dab0988db51ad06ff3a9dd9b53d486ab3', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: 'f0fb3fcc467aa38e7d407493bf27880083106fe0', class: "compact" }, hAsync(KolButtonTag, { key: '2b8dfdd6df4e1ec6923fdab79b8d5cdfedf06299', _ariaControls: "nav", _ariaExpanded: !hideLabel, _icons: hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left', _hideLabel: true, _label: translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {
11623
+ } }, hAsync("nav", { key: '17062f279e5193ac2f70324d1cdea290ee8390dd', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: 'e03c1e27b4c635ed92b3f2f3f53299ca029dbd1e', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: 'a2f2f57fa121eb06842b97954e4eb1235fb8bfd6', class: "compact" }, hAsync(KolButtonWcTag, { key: '53141f7e5a40005cf8a657c520b23cce17dced74', class: "toggle-button", _ariaControls: "nav", _ariaExpanded: !hideLabel, _icons: hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left', _hideLabel: true, _label: translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {
11624
11624
  onClick: () => {
11625
11625
  this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: this.state._hideLabel === false });
11626
11626
  },
@@ -12936,10 +12936,9 @@ async function convertValueToCoords(state, options) {
12936
12936
  crossAxis: 0,
12937
12937
  alignmentAxis: null
12938
12938
  } : {
12939
- mainAxis: 0,
12940
- crossAxis: 0,
12941
- alignmentAxis: null,
12942
- ...rawValue
12939
+ mainAxis: rawValue.mainAxis || 0,
12940
+ crossAxis: rawValue.crossAxis || 0,
12941
+ alignmentAxis: rawValue.alignmentAxis
12943
12942
  };
12944
12943
  if (alignment && typeof alignmentAxis === 'number') {
12945
12944
  crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
@@ -13061,7 +13060,11 @@ const shift$1 = function (options) {
13061
13060
  ...limitedCoords,
13062
13061
  data: {
13063
13062
  x: limitedCoords.x - x,
13064
- y: limitedCoords.y - y
13063
+ y: limitedCoords.y - y,
13064
+ enabled: {
13065
+ [mainAxis]: checkMainAxis,
13066
+ [crossAxis]: checkCrossAxis
13067
+ }
13065
13068
  }
13066
13069
  };
13067
13070
  }
@@ -13150,6 +13153,7 @@ const size = function (options) {
13150
13153
  name: 'size',
13151
13154
  options,
13152
13155
  async fn(state) {
13156
+ var _state$middlewareData, _state$middlewareData2;
13153
13157
  const {
13154
13158
  placement,
13155
13159
  rects,
@@ -13184,10 +13188,11 @@ const size = function (options) {
13184
13188
  const noShift = !state.middlewareData.shift;
13185
13189
  let availableHeight = overflowAvailableHeight;
13186
13190
  let availableWidth = overflowAvailableWidth;
13187
- if (isYAxis) {
13188
- availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
13189
- } else {
13190
- availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
13191
+ if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
13192
+ availableWidth = maximumClippingWidth;
13193
+ }
13194
+ if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
13195
+ availableHeight = maximumClippingHeight;
13191
13196
  }
13192
13197
  if (noShift && !alignment) {
13193
13198
  const xMin = max(overflow.left, 0);
package/dist/index.mjs CHANGED
@@ -225,7 +225,7 @@ var HYDRATED_STYLE_ID = "sty-id";
225
225
  var HYDRATE_CHILD_ID = "c-id";
226
226
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
227
227
  var XLINK_NS = "http://www.w3.org/1999/xlink";
228
- var h = (nodeName, vnodeData, ...children) => {
228
+ var h$1 = (nodeName, vnodeData, ...children) => {
229
229
  let child = null;
230
230
  let key = null;
231
231
  let slotName = null;
@@ -327,7 +327,7 @@ var convertToPrivate = (node) => {
327
327
  if (node.vname) {
328
328
  vnodeData.name = node.vname;
329
329
  }
330
- return h(node.vtag, vnodeData, ...node.vchildren || []);
330
+ return h$1(node.vtag, vnodeData, ...node.vchildren || []);
331
331
  }
332
332
  const vnode = newVNode(node.vtag, node.vtext);
333
333
  vnode.$attrs$ = node.vattrs;
@@ -1162,7 +1162,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
1162
1162
  const hostElm = hostRef.$hostElement$;
1163
1163
  const cmpMeta = hostRef.$cmpMeta$;
1164
1164
  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
1165
- const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
1165
+ const rootVnode = isHost(renderFnResults) ? renderFnResults : h$1(null, null, renderFnResults);
1166
1166
  hostTagName = hostElm.tagName;
1167
1167
  if (cmpMeta.$attrsToReflect$) {
1168
1168
  rootVnode.$attrs$ = rootVnode.$attrs$ || {};
@@ -1886,14 +1886,14 @@ var hAsync = (nodeName, vnodeData, ...children) => {
1886
1886
  const flatChildren = children.flat(Infinity);
1887
1887
  if (flatChildren.some((child) => child instanceof Promise)) {
1888
1888
  return Promise.all(flatChildren).then((resolvedChildren) => {
1889
- return h(nodeName, vnodeData, ...resolvedChildren);
1889
+ return h$1(nodeName, vnodeData, ...resolvedChildren);
1890
1890
  }).catch((err2) => {
1891
- return h(nodeName, vnodeData);
1891
+ return h$1(nodeName, vnodeData);
1892
1892
  });
1893
1893
  }
1894
- return h(nodeName, vnodeData, ...flatChildren);
1894
+ return h$1(nodeName, vnodeData, ...flatChildren);
1895
1895
  }
1896
- return h(nodeName, vnodeData);
1896
+ return h$1(nodeName, vnodeData);
1897
1897
  };
1898
1898
  function proxyHostElement(elm, cmpMeta) {
1899
1899
  if (typeof elm.componentOnReady !== "function") {
@@ -2654,9 +2654,9 @@ var loglevel = {exports: {}};
2654
2654
  }));
2655
2655
  }(loglevel));
2656
2656
 
2657
- var l = loglevel.exports;
2657
+ var h = loglevel.exports;
2658
2658
 
2659
- const $=new Map,M=[],Y=new Map,a$1={A11yUi:{CSS_STYLE_CACHE:$,HYDRATED_HISTORY:M,STYLING_TASK_QUEUE:Y,Themes:{}}};let y=!1;const I=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,O=e=>typeof e=="string"&&I.test(e),A=e=>{if(O(e)===!1)throw new Error(`[Theming] The theme identifier "${typeof e=="string"?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},k=(e,t,s,o)=>p(e,t,s,o),p=(e,t,s,o)=>{o=o??{},o.append=o.append??!1,A(e),y===!1&&(y=!0,l.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.
2659
+ const M=new Map,Y=[],$=new Map,o$1={A11yUi:{CSS_STYLE_CACHE:M,HYDRATED_HISTORY:Y,STYLING_TASK_QUEUE:$,Themes:{}}};let y=!1;const I=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,O=t=>typeof t=="string"&&I.test(t),p=t=>{if(O(t)===!1)throw new Error(`[Theming] The theme identifier "${typeof t=="string"?t:""}" (Type: ${typeof t}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},R=(t,e,s,a)=>u$1(t,e,s,a),u$1=(t,e,s,a)=>{a=a??{},a.append=a.append??!1,p(t),y===!1&&(y=!0,h.warn(`[Theming] The theme process is locked. This means that the theme "${t}" should not be patched.
2660
2660
 
2661
2661
  import { register } from 'adopted-style-sheets';
2662
2662
  import { defineCustomElements } from '...';
@@ -2666,7 +2666,7 @@ const $=new Map,M=[],Y=new Map,a$1={A11yUi:{CSS_STYLE_CACHE:$,HYDRATED_HISTORY:M
2666
2666
  .then(() => {
2667
2667
  // run your app or website
2668
2668
  })
2669
- .catch(console.warn);`)),(typeof a$1.A11yUi.Themes[e]!="object"||a$1.A11yUi.Themes[e]===null)&&(a$1.A11yUi.Themes[e]={}),o.append&&typeof a$1.A11yUi.Themes[e][t]=="string"?a$1.A11yUi.Themes[e][t]+=s:a$1.A11yUi.Themes[e][t]=s;},P$1=(e,t,s,o)=>u$1(e,t,s,o),u$1=(e,t,s,o)=>(A(e),typeof t=="object"&&t!==null&&Object.getOwnPropertyNames(t).forEach(n=>{const r=t[n],i=n.toLowerCase(),m=typeof o?.transformTagName=="function"&&!["GLOBAL","PROPERTIES"].includes(n)?o.transformTagName(i):n;typeof r=="string"&&r.length>0&&p(e,m.toUpperCase(),r,s);}),e);const w=new Set,q=/--[^;]+/g,J=/:/,V=(e,t)=>{let s=t.match(q);if(Array.isArray(s)){s=s.filter(n=>J.test(n));const o=document.createElement("style");o.innerHTML=`.${e} {${s.join(";")}}`,document.querySelector("head")?.appendChild(o);}w.add(e);},f=(e,t)=>typeof a$1.A11yUi=="object"&&a$1.A11yUi!==null&&typeof a$1.A11yUi.Themes=="object"&&a$1.A11yUi.Themes!==null&&typeof a$1.A11yUi.Themes[e]=="object"&&a$1.A11yUi.Themes[e]!==null&&typeof a$1.A11yUi.Themes[e][t]=="string"?a$1.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",W=e=>{for(const t of Array.from(e.childNodes))if(t instanceof HTMLStyleElement&&t.tagName==="STYLE"&&t.dataset.themingFallback===void 0)e.removeChild(t);else break},X=(e,t)=>{try{if(a$1.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const s=[];t.forEach(o=>{const n=new CSSStyleSheet;n.replaceSync(o),s.push(n);}),e.adoptedStyleSheets=s;}catch{[...t].reverse().forEach((s,o)=>{if(typeof s!="string"||s.length===0)return;const n=document.createElement("style");switch(n.dataset.themingFallback="",o){case 4:n.dataset.themingBaseA11y="";break;case 3:n.dataset.themingBaseGlobal="";break;case 2:n.dataset.themingBaseComponent="";break;case 1:n.dataset.themingCustomGlobal="";break;case 0:n.dataset.themingCustomComponent="";break;default:n.dataset.themingUnknown="";break}n.innerHTML=s,e.insertBefore(n,e.firstChild);});}},Z$1=(e,t,s)=>{if(s!==!1){const o=[...Array.from(e.childNodes).filter(r=>r instanceof HTMLStyleElement&&r.tagName==="STYLE")];let n;try{n=[...Array.from(e.adoptedStyleSheets)];}catch{n=[];}s?.mode==="before"?(o.reverse().forEach(r=>t.unshift(r.innerHTML)),n.reverse().forEach(r=>t.unshift(Array.from(r.cssRules).map(i=>i.cssText).join("")))):s?.mode==="after"&&(o.forEach(r=>t.push(r.innerHTML)),n.forEach(r=>t.push(Array.from(r.cssRules).map(i=>i.cssText).join(""))));}},L=(e,t,s)=>{const o=t.name||"default";let n;try{if(e.shadowRoot===null)throw new Error("ShadowRoot is null");n=e.shadowRoot;}catch{n=e;}if(a$1.A11yUi.CSS_STYLE_CACHE.get(o)?.has(e.tagName))_(e,n,a$1.A11yUi.CSS_STYLE_CACHE.get(o)?.get(e.tagName),s);else {const r=f(o,"PROPERTIES"),i=f(o,"GLOBAL"),m=f(o,e.tagName);w.has(o)===!1&&V(o,i);const h=[r,i,m];Z$1(n,h,t.encroachCss),t.loglevel==="debug"&&console.log(e.tagName,h),t.cache===!0&&(a$1.A11yUi.CSS_STYLE_CACHE.has(o)===!1&&a$1.A11yUi.CSS_STYLE_CACHE.set(o,new Map),a$1.A11yUi.CSS_STYLE_CACHE.get(o)?.set(e.tagName,h)),_(e,n,h,s);}},_=(e,t,s,o)=>{W(t),X(t,s),e.style.display=o;},N=e=>{e.loglevel==="debug"&&a$1.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:a$1.A11yUi.STYLING_TASK_QUEUE.size});},se=e=>{a$1.A11yUi.STYLING_TASK_QUEUE.delete(e);},j=(e,t)=>{se(e),N(t);},oe=e=>{for(const t of e)if(a$1.A11yUi.STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:s,themeDetails:o}=a$1.A11yUi.STYLING_TASK_QUEUE.get(t.target);L(t.target,o,s),j(t.target,o);}};try{new MutationObserver(oe);}catch{}
2669
+ .catch(console.warn);`)),(typeof o$1.A11yUi.Themes[t]!="object"||o$1.A11yUi.Themes[t]===null)&&(o$1.A11yUi.Themes[t]={}),a.append&&typeof o$1.A11yUi.Themes[t][e]=="string"?o$1.A11yUi.Themes[t][e]+=s:o$1.A11yUi.Themes[t][e]=s;},P$1=(t,e,s,a)=>g(t,e,s,a),g=(t,e,s,a)=>(p(t),typeof e=="object"&&e!==null&&Object.getOwnPropertyNames(e).forEach(r=>{const n=e[r],i=r.toLowerCase(),c=typeof a?.transformTagName=="function"&&!["GLOBAL","PROPERTIES"].includes(r)?a.transformTagName(i):r;typeof n=="string"&&n.length>0&&u$1(t,c.toUpperCase(),n,s);}),t);const C=new Set,F=/--[^;]+/g,V=/:/,q=(t,e)=>{let s=e.match(F);if(Array.isArray(s)){s=s.filter(r=>V.test(r));const a=document.createElement("style");a.innerHTML=`.${t} {${s.join(";")}}`,document.querySelector("head")?.appendChild(a);}C.add(t);},f=(t,e)=>typeof o$1.A11yUi=="object"&&o$1.A11yUi!==null&&typeof o$1.A11yUi.Themes=="object"&&o$1.A11yUi.Themes!==null&&typeof o$1.A11yUi.Themes[t]=="object"&&o$1.A11yUi.Themes[t]!==null&&typeof o$1.A11yUi.Themes[t][e]=="string"?o$1.A11yUi.Themes[t][e].replace(/\r?\n/g,""):"",J=t=>{for(const e of Array.from(t.childNodes))if(e instanceof HTMLStyleElement&&e.tagName==="STYLE"&&e.dataset.themingFallback===void 0)t.removeChild(e);else break},W=(t,e)=>{try{if(o$1.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const s=[];e.forEach(a=>{const r=new CSSStyleSheet;r.replaceSync(a),s.push(r);}),t.adoptedStyleSheets=s;}catch{[...e].reverse().forEach((a,r)=>{if(typeof a!="string"||a.length===0)return;const n=document.createElement("style");switch(n.dataset.themingFallback="",r){case 4:n.dataset.themingBaseA11y="";break;case 3:n.dataset.themingBaseGlobal="";break;case 2:n.dataset.themingBaseComponent="";break;case 1:n.dataset.themingCustomGlobal="";break;case 0:n.dataset.themingCustomComponent="";break;default:n.dataset.themingUnknown="";break}n.innerHTML=a,t.insertBefore(n,t.firstChild);});}},X=(t,e,s)=>{if(s!==!1){const a=[...Array.from(t.childNodes).filter(n=>n instanceof HTMLStyleElement&&n.tagName==="STYLE")];let r;try{r=[...Array.from(t.adoptedStyleSheets)];}catch{r=[];}s?.mode==="before"?(a.reverse().forEach(n=>e.unshift(n.innerHTML)),r.reverse().forEach(n=>e.unshift(Array.from(n.cssRules).map(i=>i.cssText).join("")))):s?.mode==="after"&&(a.forEach(n=>e.push(n.innerHTML)),r.forEach(n=>e.push(Array.from(n.cssRules).map(i=>i.cssText).join(""))));}},w=(t,e,s)=>{const a=e.name||"default";let r;try{if(t.shadowRoot===null)throw new Error("ShadowRoot is null");r=t.shadowRoot;}catch{r=t;}if(o$1.A11yUi.CSS_STYLE_CACHE.get(a)?.has(t.tagName))L(t,r,o$1.A11yUi.CSS_STYLE_CACHE.get(a)?.get(t.tagName),s);else {const n=f(a,"PROPERTIES"),i=f(a,"GLOBAL"),c=f(a,t.tagName);C.has(a)===!1&&q(a,i);const m=[n,i,c];X(r,m,e.encroachCss),e.loglevel==="debug"&&console.log(t.tagName,m),e.cache===!0&&(o$1.A11yUi.CSS_STYLE_CACHE.has(a)===!1&&o$1.A11yUi.CSS_STYLE_CACHE.set(a,new Map),o$1.A11yUi.CSS_STYLE_CACHE.get(a)?.set(t.tagName,m)),L(t,r,m,s);}},L=(t,e,s,a)=>{J(e),W(e,s),t.style.visibility=a;},v=t=>{t.loglevel==="debug"&&o$1.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:o$1.A11yUi.STYLING_TASK_QUEUE.size});},te=t=>{o$1.A11yUi.STYLING_TASK_QUEUE.delete(t);},_=(t,e)=>{te(t),v(e);},se=t=>{for(const e of t)if(o$1.A11yUi.STYLING_TASK_QUEUE.has(e.target)&&e.target.classList.contains("hydrated")){const{styleVisibility:s,themeDetails:a}=o$1.A11yUi.STYLING_TASK_QUEUE.get(e.target);w(e.target,a,s),_(e.target,a);}};try{new MutationObserver(se);}catch{}
2670
2670
 
2671
2671
  const alertTypeOptions = ['default', 'info', 'success', 'warning', 'error'];
2672
2672
  const alertVariantOptions = ['card', 'msg'];
@@ -3714,7 +3714,7 @@ class KoliBriDevHelper {
3714
3714
  }
3715
3715
  KoliBriDevHelper.getCssStyle = f;
3716
3716
  KoliBriDevHelper.patchTheme = P$1;
3717
- KoliBriDevHelper.patchThemeTag = k;
3717
+ KoliBriDevHelper.patchThemeTag = R;
3718
3718
  KoliBriDevHelper.querySelector = koliBriQuerySelector;
3719
3719
  KoliBriDevHelper.querySelectorAll = koliBriQuerySelectorAll;
3720
3720
  KoliBriDevHelper.stringifyJson = stringifyJson;
@@ -11612,11 +11612,11 @@ class KolNav {
11612
11612
  const collapsible = this.state._collapsible === true;
11613
11613
  const hideLabel = this.state._hideLabel === true;
11614
11614
  const orientation = this.state._orientation;
11615
- return (hAsync(Host, { key: '15caf1d6555a0a681971c8c5c954e8ce953f9062', class: "kol-nav" }, hAsync("div", { key: '5b56881e031a680795cf41245a3f794468ded92b', class: {
11615
+ return (hAsync(Host, { key: '2f99b331652b65a6a32b0437f7b6ff97e0c479c4', class: "kol-nav" }, hAsync("div", { key: 'd1825525e2da6232d7a866d2d404bcf8cd470216', class: {
11616
11616
  nav: true,
11617
11617
  [orientation]: true,
11618
11618
  'is-compact': this.state._hideLabel,
11619
- } }, hAsync("nav", { key: '9ad6ca299ff178c8e6642fe9aa433d9629a1bf30', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: 'cd88455dab0988db51ad06ff3a9dd9b53d486ab3', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: 'f0fb3fcc467aa38e7d407493bf27880083106fe0', class: "compact" }, hAsync(KolButtonTag, { key: '2b8dfdd6df4e1ec6923fdab79b8d5cdfedf06299', _ariaControls: "nav", _ariaExpanded: !hideLabel, _icons: hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left', _hideLabel: true, _label: translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {
11619
+ } }, hAsync("nav", { key: '17062f279e5193ac2f70324d1cdea290ee8390dd', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: 'e03c1e27b4c635ed92b3f2f3f53299ca029dbd1e', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: 'a2f2f57fa121eb06842b97954e4eb1235fb8bfd6', class: "compact" }, hAsync(KolButtonWcTag, { key: '53141f7e5a40005cf8a657c520b23cce17dced74', class: "toggle-button", _ariaControls: "nav", _ariaExpanded: !hideLabel, _icons: hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left', _hideLabel: true, _label: translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {
11620
11620
  onClick: () => {
11621
11621
  this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: this.state._hideLabel === false });
11622
11622
  },
@@ -12932,10 +12932,9 @@ async function convertValueToCoords(state, options) {
12932
12932
  crossAxis: 0,
12933
12933
  alignmentAxis: null
12934
12934
  } : {
12935
- mainAxis: 0,
12936
- crossAxis: 0,
12937
- alignmentAxis: null,
12938
- ...rawValue
12935
+ mainAxis: rawValue.mainAxis || 0,
12936
+ crossAxis: rawValue.crossAxis || 0,
12937
+ alignmentAxis: rawValue.alignmentAxis
12939
12938
  };
12940
12939
  if (alignment && typeof alignmentAxis === 'number') {
12941
12940
  crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
@@ -13057,7 +13056,11 @@ const shift$1 = function (options) {
13057
13056
  ...limitedCoords,
13058
13057
  data: {
13059
13058
  x: limitedCoords.x - x,
13060
- y: limitedCoords.y - y
13059
+ y: limitedCoords.y - y,
13060
+ enabled: {
13061
+ [mainAxis]: checkMainAxis,
13062
+ [crossAxis]: checkCrossAxis
13063
+ }
13061
13064
  }
13062
13065
  };
13063
13066
  }
@@ -13146,6 +13149,7 @@ const size = function (options) {
13146
13149
  name: 'size',
13147
13150
  options,
13148
13151
  async fn(state) {
13152
+ var _state$middlewareData, _state$middlewareData2;
13149
13153
  const {
13150
13154
  placement,
13151
13155
  rects,
@@ -13180,10 +13184,11 @@ const size = function (options) {
13180
13184
  const noShift = !state.middlewareData.shift;
13181
13185
  let availableHeight = overflowAvailableHeight;
13182
13186
  let availableWidth = overflowAvailableWidth;
13183
- if (isYAxis) {
13184
- availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
13185
- } else {
13186
- availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
13187
+ if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
13188
+ availableWidth = maximumClippingWidth;
13189
+ }
13190
+ if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
13191
+ availableHeight = maximumClippingHeight;
13187
13192
  }
13188
13193
  if (noShift && !alignment) {
13189
13194
  const xMin = max(overflow.left, 0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/hydrate",
3
- "version": "2.2.9-rc.0",
3
+ "version": "2.2.9",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": {
@@ -46,10 +46,10 @@
46
46
  ],
47
47
  "devDependencies": {
48
48
  "rimraf": "6.0.1",
49
- "@public-ui/components": "2.2.9-rc.0"
49
+ "@public-ui/components": "2.2.9"
50
50
  },
51
51
  "peerDependencies": {
52
- "@public-ui/components": "2.2.9-rc.0"
52
+ "@public-ui/components": "2.2.9"
53
53
  },
54
54
  "sideEffects": false,
55
55
  "type": "commonjs",