pacem 0.52.1 → 0.52.2

package/dist/js/pacem-charts.min.js

@@ -1,6 +1,6 @@
 /**
- * pacem v0.52.1 (https://js.pacem.it)
- * Copyright 2025 Pacem (https://pacem.it)
+ * pacem v0.52.2 (https://js.pacem.it)
+ * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
 var Pacem,__decorate=this&&this.__decorate||function(t,e,i,r){var s,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var o=t.length-1;o>=0;o--)(s=t[o])&&(n=(a<3?s(n):a>3?s(e,i,n):s(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};!function(t){!function(e){!function(i){i.MANAGED_EVENTS=["keydown","keyup","click","dblclick","mouseover","mouseout","mouseenter","mouseleave","mousedown","mouseup","mousemove","contextmenu"];const r=864e5,s="pacem:chart-series:dataitem",a="pacem:chart-series:series";function n(t,e,i){i??=Math.min(o(t,e),10);const r=(e-t)/i,s=Math.pow(10,Math.floor(Math.log10(r))),a=[1,2,5,10].map(t=>t*s).filter(t=>t>=r).reduce((t,e)=>Math.min(t,e),Number.POSITIVE_INFINITY);return{min:Math.floor(t/a)*a,max:Math.ceil(e/a)*a,round:a}}function o(t,e){const i=e-t;if(!(i>0))return 2;const r=Math.floor(Math.log10(i)),s=Math.pow(10,-r);if(0!=r)return o(t*s,e*s);const a=t=>{const e=Math.floor(10*Math.abs(t));return(e+10-e%10).roundoff()},n=a(i);let h=10;0!==t&&(h=a(Math.abs(e)));const c=l(h,n);return 1===c?n:Math.max(c,10-c)}function l(t,e){return t<=0?e:l(e%t,t)}class ChartEvent extends t.CustomUIEvent{constructor(t,e,i){super(t,e,i)}}i.ChartEvent=ChartEvent;let h=class PacemChartSeriesElement extends e.PacemItemElement{get values(){return this.datasource}};__decorate([t.Watch({emit:!0,converter:t.PropertyConverters.Json})],h.prototype,"datasource",void 0),__decorate([t.Watch({emit:!0,converter:t.PropertyConverters.String})],h.prototype,"label",void 0),__decorate([t.Watch({emit:!0,converter:t.PropertyConverters.String})],h.prototype,"color",void 0),__decorate([t.Watch({emit:!0,converter:t.PropertyConverters.Boolean})],h.prototype,"datapoints",void 0),__decorate([t.Watch()],h.prototype,"_uiElements",void 0),h=__decorate([t.CustomElement({tagName:t.P+"-chart-series"})],h),i.PacemChartSeriesElement=h;const c="http://www.w3.org/2000/svg";class PacemSeriesChartElement extends e.PacemItemsContainerElement{constructor(){super(),this._itemPropertyChangedCallback=t=>{const e=t.detail.propertyName;"datasource"!==e&&"label"!==e&&"datapoints"!==e&&"cssClass"!==e&&"color"!==e||this.draw()},this._series=[],this._resizeHandler=t=>{this._size=t.detail,this.draw()},this._broadcastHandler=e=>{const i=e.currentTarget,r=t.CustomElementUtils.getAttachedPropertyValue(i,s);if(t.Utils.isNull(r))return;const n=this.getAnchorPoint(i),o=new ChartEvent("item"+e.type,{detail:{dataItem:r,anchorPoint:n}},e),l=t.CustomElementUtils.getAttachedPropertyValue(i,a);l instanceof h&&l.dispatchEvent(o),this.dispatchEvent(o)},this._key=t.Utils.uniqueCode()}validate(t){return t instanceof h}register(e){return!!super.register(e)&&(e.addEventListener(t.PropertyChangeEventName,this._itemPropertyChangedCallback,!1),!0)}unregister(e){return!!super.unregister(e)&&(e.removeEventListener(t.PropertyChangeEventName,this._itemPropertyChangedCallback,!1),!0)}propertyChangedCallback(e,i,r,s){if(super.propertyChangedCallback(e,i,r,s),"target"===e){this._div!=i&&this._div&&this._div.remove(),this._div=null,this._body=null;const e=i;e&&(e.classList.remove(t.PCSS+"-chart-area"),e.innerHTML=""),this._ensureResizer(),this.draw()}else if(!s)switch(e){case"items":this._databindAndDrawDebounced();break;case"datasource":this._databind();case"yAxisDensity":case"xAxisDensity":case"xAxisType":case"yAxisMax":case"xAxisPosition":case"yAxisFormat":this.draw()}}_databindAndDrawDebounced(){cancelAnimationFrame(this._handle),this._handle=requestAnimationFrame(()=>{this._databind(),this.draw()})}_databind(){this._datasource=t.Utils.isNullOrEmpty(this.datasource)?this.items:this.datasource}disconnectedCallback(){this._div&&this._div.remove();const e=this._resizer;t.Utils.isNull(e)||(e.removeEventListener(t.Components.ResizeEventName,this._resizeHandler,!1),e.remove(),this._resizer=null),super.disconnectedCallback()}viewActivatedCallback(){super.viewActivatedCallback(),this._ensureResizer(),this._databind(),this.draw()}_ensureResizer(i=this.target||this._div){if(t.Utils.isNull(this._resizer)){const i=t.CustomElementUtils.findAncestorShell(this);(this._resizer=i.appendChild(new e.PacemResizeElement)).addEventListener(t.Components.ResizeEventName,this._resizeHandler,!1)}this._resizer.target=i}get chartSize(){return this._size}get chartSeries(){return this._series}get chartBody(){return this._body}get chartGrid(){return this._grid}get chartMask(){return this._mask}get chartKey(){return this._key}get chartContainer(){return this._div}assignUiBehaviors(e,r,n,o){const l=!t.Utils.isNull(t.CustomElementUtils.getAttachedPropertyValue(e,s)),h=t.Utils.extend({series:r.label,color:o||r.color},n);t.CustomElementUtils.setAttachedPropertyValue(e,s,h),t.CustomElementUtils.setAttachedPropertyValue(e,a,r),l||i.MANAGED_EVENTS.forEach(t=>{e.addEventListener(t,this._broadcastHandler)})}disposeUiBehaviors(e){t.CustomElementUtils.deleteAttachedPropertyValue(e,s),t.CustomElementUtils.deleteAttachedPropertyValue(e,a),i.MANAGED_EVENTS.forEach(t=>{e.removeEventListener(t,this._broadcastHandler)})}ensureChartContainer(){if(t.Utils.isNull(this._div)){let e=this._div=this.target||document.createElement("div");e.classList.add(t.PCSS+"-chart-area"),e!=this.target&&this.parentElement.insertBefore(e,this)}return this._div}ensureChartBody(e,i,r){if(t.Utils.isNull(this._body)){let i=this._body=document.createElementNS(c,"svg");i.setAttribute("pacem",""),i.setAttribute("class",t.PCSS+"-"+e+"-chart"),i.setAttribute("preserveAspectRatio","xMinYMax slice");const r=this._grid=document.createElementNS(c,"svg");r.setAttribute("pacem",""),r.setAttribute("class","chart-grid");let s=document.createElementNS(c,"defs"),a=this._mask=document.createElementNS(c,"mask"),n=document.createElementNS(c,"rect");n.setAttribute("x","0"),n.setAttribute("y","0"),n.setAttribute("width","100%"),n.setAttribute("height","100%");let o=document.createElementNS(c,"rect");o.setAttribute("y","0"),o.setAttribute("width","100%"),o.setAttribute("fill","#fff"),a.id="gnrc_mask_"+this._key,a.appendChild(n),a.appendChild(o),s.appendChild(a),i.appendChild(s),i.appendChild(r),this._div.appendChild(i)}return this._body}chartDataItemToPoint(e,i){switch(this.xAxisType||"string"){case"number":return{x:parseFloat(e.label),y:e.value};case"date":return{x:t.Utils.parseDate(e.label).valueOf(),y:e.value};case"string":return{x:i.findIndex(t=>t.label==e.label),y:e.value};default:throw"Not supported."}}getVirtualGrid(e,i,s,a,o,l=this.xAxisType,h,c){const d=n(a,o,h),u=d.round;var m=[];for(let t=d.min;t<=d.max;t+=u)m.push(t.roundoff());let p=t.Utils.lang(this),v=null;const g=this.xAxisFormat;if(!t.Utils.isNullOrEmpty(g))switch(l){case"number":v=t=>Intl.NumberFormat(p,g).format(t);break;case"date":v=e=>Intl.DateTimeFormat(p,g).format(t.Utils.parseDate(e))}const y=function(e,i,s,a,n,o=10){const l="number"===i||"date"===i?a-s:Math.max(1,e.length-1);for(var h=[],c=1,d=o-1;d>1;d--)if(l%d===0){c=l/d;break}1===c&&l>o&&(c=l);const u="function"==typeof n?n:c>=r?t=>t.toLocaleDateString(n):t=>t.toLocaleTimeString(n),m="function"==typeof n?n:c<r?t=>t.toLocaleString(n):u,p="function"==typeof n?n:t=>t.toLocaleString(n);for(var v=0;v<=l;v+=c){let r;switch(i){case"string":if(v>=e.length)continue;r=e[v].label;break;case"number":r=p(s+v);break;case"date":r=(0==v?m:u)(t.Utils.parseDate(s+v));break;default:throw"Not supported."}h.push(r)}return h}(e,l,i,s,v??p,c);return{x:y,y:m}}wipeOut(t=this._series,e=0){for(var i=t.length-1;i>=e;i--)t[i].remove();t.splice(e)}buildLinearGradient(e,i=!1){const r=document.createElementNS(c,"linearGradient");r.id=this.chartKey+"_grad"+e+(i?"_inverted":""),i&&t.Utils.addClass(r,"bottom-up"),r.setAttribute("x1","0%"),r.setAttribute("x2","0%"),r.setAttribute("y1","0%"),r.setAttribute("y2","100%"),r.setAttribute("spreadMethod","pad");const s=document.createElementNS(c,"stop");s.setAttribute("offset","0%");const a=document.createElementNS(c,"stop");return a.setAttribute("offset","100%"),r.appendChild(s),r.appendChild(a),r}setGradientColor(t,e){for(let i=0;i<t.children.length;i++){const r=t.children.item(i);r instanceof SVGStopElement&&(r.style.stopColor=e)}}estimateYAxisLabelWidth(t){const e=this.formatYAxisLabel(t);return this.estimateLabelWidth(e)}estimateLabelWidth(e){const i=this._grid;if(t.Utils.isNull(i))throw new Error("Unable to estimate label without an underlying grid available.");const r=document.createElementNS(c,"text");r.textContent=e,i.appendChild(r);const s=t.Utils.offset(r);return r.remove(),s.width}formatYAxisLabel(e){const i=this.yAxisFormat;return t.Utils.isNullOrEmpty(i)?e.toString():Intl.NumberFormat(t.Utils.lang(this),i).format(e)}estimateXAxisLabelWidth(t){const e=this.formatXAxisLabel(t);return this.estimateLabelWidth(e)}formatXAxisLabel(e){const i=this.xAxisFormat,r=t.Utils.lang(this);switch(this.xAxisType){case"date":const s=t.Utils.Dates.parse(e);return t.Utils.isNullOrEmpty(i)?s.toLocaleString(r):Intl.DateTimeFormat(r,i).format(s);case"number":const a=e;return t.Utils.isNullOrEmpty(i)?a.toLocaleString(r):Intl.NumberFormat(r,i).format(a);default:return e}}draw(){this.drawSeries(this._datasource)}getAnchorPoint(e){const i=t.Utils.offset(e);return{x:i.left+.5*i.width,y:i.top+.5*i.height}}}__decorate([t.Watch({converter:t.PropertyConverters.Element})],PacemSeriesChartElement.prototype,"target",void 0),__decorate([t.Watch({emit:!1,converter:t.PropertyConverters.String})],PacemSeriesChartElement.prototype,"xAxisType",void 0),__decorate([t.Watch({emit:!1,converter:t.PropertyConverters.String})],PacemSeriesChartElement.prototype,"xAxisPosition",void 0),__decorate([t.Watch({emit:!1,converter:t.PropertyConverters.Json})],PacemSeriesChartElement.prototype,"datasource",void 0),__decorate([t.Watch({emit:!1,converter:t.PropertyConverters.Number})],PacemSeriesChartElement.prototype,"yAxisDensity",void 0),__decorate([t.Watch({emit:!1,converter:t.PropertyConverters.Number})],PacemSeriesChartElement.prototype,"xAxisDensity",void 0),__decorate([t.Watch({emit:!1,converter:t.PropertyConverters.Number})],PacemSeriesChartElement.prototype,"yAxisMin",void 0),__decorate([t.Watch({emit:!1,converter:t.PropertyConverters.Number})],PacemSeriesChartElement.prototype,"yAxisMax",void 0),__decorate([t.Watch({emit:!1,converter:t.PropertyConverters.Json})],PacemSeriesChartElement.prototype,"yAxisFormat",void 0),__decorate([t.Watch({emit:!1,converter:t.PropertyConverters.Json})],PacemSeriesChartElement.prototype,"xAxisFormat",void 0),__decorate([t.Throttle(!0)],PacemSeriesChartElement.prototype,"draw",null),i.PacemSeriesChartElement=PacemSeriesChartElement}(e.Charts||(e.Charts={}))}(t.Components||(t.Components={}))}(Pacem||(Pacem={})),function(t){!function(e){!function(e){const i="http://www.w3.org/2000/svg";let r=class PacemColumnChartElement extends e.PacemSeriesChartElement{constructor(){super(...arguments),this.groupWidth=0}propertyChangedCallback(t,e,i,r){super.propertyChangedCallback(t,e,i,r),"type"!==t&&"groupWidth"!==t||this.draw()}_safen(t=this.groupWidth){return Math.min(1,Math.max(t||.75,0))}drawSeries(e){if(!this.isReady||t.Utils.isNull(this.chartSize))return;this.ensureChartContainer();const r=this.type||"cluster",s=24;var a=this.chartSize;if(a.height<=s||a.width<=s)return;if(t.Utils.isNullOrEmpty(e)||e.every(e=>t.Utils.isNullOrEmpty(e.values)))return void this.wipeOut();const n=this.ensureChartBody("column",a.width,a.height);this.log(t.Logging.LogLevel.Debug,`Drawing ${r} chart.`);const o=this.xAxisType||"string";let l=this.yAxisMin??0,h=this.yAxisMax??0,c=0,d=0,u=0,m=1;const p={negative:[],positive:[]};for(let i of e){let e=i.values;if(!t.Utils.isNullOrEmpty(e)){let i=0;for(let r of e){p.positive[i]=p.positive[i]||0,p.negative[i]=p.negative[i]||0;let s=this.chartDataItemToPoint(r,e);t.Utils.isNull(this.yAxisMin)&&(l=Math.min(l,s.y)),t.Utils.isNull(this.yAxisMax)&&(h=Math.max(h,s.y)),c=Math.min(c,s.x),d=Math.max(d,s.x),s.y>0?p.positive[i]+=s.y:s.y<0&&(p.negative[i]+=s.y),i++}u=Math.max(u,e.length)}}const v="stack"===r;v&&(t.Utils.isNull(this.yAxisMin)&&(l=Math.min.apply(null,p.negative)),t.Utils.isNull(this.yAxisMax)&&(h=Math.max.apply(null,p.positive))),0===d&&d===c&&(d=1);const g=(d-c)/u,y=.5*g,_=g*this._safen(this.groupWidth),C=.5*_,f=e.find(e=>!t.Utils.isNullOrEmpty(e.values)),b=this.getVirtualGrid(f.values,c-y,d+y,l,h,o,this.yAxisDensity,this.xAxisDensity),x=b.y[b.y.length-1],A=b.y[0];if(x===A)return;const E=b.y.reduce((t,e)=>Math.max(t,this.estimateYAxisLabelWidth(e)+12),s),w=a.width-E-s,N=a.height-48,S=N*(1-(x-A-(h-l))/(x-A)),P=N*(x-h)/(x-A);m=w/S,n.setAttribute("height",a.height.toString()),n.setAttribute("width",a.width.toString()),n.setAttribute("viewBox",`0 0 ${a.width} ${a.height}`);let M=0;const U=100*m/(d-c),k=100/(h-l),$=2400/S,L=this.chartSeries,W=this.chartGrid,D=(y-c)*U,O=(t,e)=>{const i=this.chartDataItemToPoint(t,e);return{x:D+2*i.x*D,y:i.y*k}};var T=new Array(u);for(let r of e){let s,a,n,o;if(L.length>M)s=L[M],a=s.firstElementChild.firstElementChild,n=s.firstElementChild.lastElementChild,o=s.lastElementChild;else{s=document.createElementNS(i,"svg"),s.setAttribute("pacem",""),W.insertAdjacentElement("afterend",s);const t=document.createElementNS(i,"defs");t.appendChild(a=this.buildLinearGradient(M)),t.appendChild(n=this.buildLinearGradient(M,!0)),s.appendChild(t),s.appendChild(o=document.createElementNS(i,"g")),L.push(s)}var B="chart-series series-fill";t.Utils.isNullOrEmpty(r.className)||(B+=" "+r.className),s.setAttribute("class",B),s.setAttribute("x",E.toString()),s.setAttribute("y",P.toString()),s.setAttribute("width",w.toString()),s.setAttribute("height",(S+48).toString());const l=r.values,h=t=>{for(;t>=o.children.length;)o.appendChild(document.createElementNS(i,"rect"));const e=o.children.item(t);e.style.stroke=r.color;const s=l[t].value<0?n:a;return this.setGradientColor(s,r.color),e.style.fill=`url(#${s.id})`,e},c=10,d=(t,e,i,r=e)=>{const s=-Math.max(e.y,i.y),a=Math.abs(i.y-e.y),n=()=>{t.setAttribute("y",s.toFixed(c)),t.setAttribute("height",a.toFixed(c))};t.hasAttribute("y")?n():(t.setAttribute("y","-"+r.y.toFixed(c)),t.setAttribute("height","0"),requestAnimationFrame(n))};if(!t.Utils.isNullOrEmpty(l)){const i=O({value:0,label:l[0].label},l);if(v){const e=C*U,s=(_*U).toFixed(c);for(let a=0;a<l.length;a++){const n=l[a];t.Utils.isNullOrEmpty(T[a])&&(T[a]={positive:0,negative:0});const o=T[a];let u=o.positive,m=o.negative;const p=n.value<0,v=p?m:u+n.value,g=p?m+n.value:u,y=O({label:n.label,value:v},l),_=O({label:n.label,value:g},l),C=y.x-e,f=h(a);this.assignUiBehaviors(f,r,n),f.setAttribute("x",C.toFixed(c)),f.setAttribute("width",s),d(f,_,y,i),p?o.negative=g:o.positive=v}}else{const t=C*U,s=2*t/e.length,a=s.toFixed(c);for(let e=0;e<l.length;e++){const n=l[e],o=O(n,l),u=o.x-t+s*M,m=h(e);this.assignUiBehaviors(m,r,n),m.setAttribute("x",u.toFixed(c)),m.setAttribute("width",a),d(m,i,o)}}}for(let t=o.children.length-1;t>=l?.length;t--){const e=o.children.item(t);this.disposeUiBehaviors(e),e.remove()}M++}this.wipeOut(L,M);const H=`0 ${-(h*k+$)} ${100*m} ${100+2*$}`;for(var I of L)I.setAttribute("viewBox",H);let V,G=this.chartMask.children.item(1);if(G.setAttribute("x",(0).toString()),G.setAttribute("height",(a.height-s).toString()),W.setAttribute("viewBox",`0 0 ${a.width} ${a.height}`),b.x.length<1||b.y.length<=1){for(let t=W.children.length-1;t>=0;t--)W.children.item(t).remove();return}W.children.length>0?V=W.children.item(0):(V=document.createElementNS(i,"path"),W.appendChild(V));let z=0,F=(t,e,r,s)=>{const a=t+1;let n;return W.children.length<=a?(n=document.createElementNS(i,"text"),W.appendChild(n)):n=W.children.item(a),n.textContent=s,n.setAttribute("x",e.toString()),n.setAttribute("y",r.toString()),n},R=`M${E},24 v${N}`,Y=0;const q=w/b.x.length,J=N/(b.y.length-1);if("none"!==this.xAxisPosition){const t=.5*q+E;for(var j of b.x){let e=t+Y*q;if("top"===this.xAxisPosition){R+=` M${e},24 v-6`;let t=F(z++,e,0,j);t.setAttribute("text-anchor","middle"),t.setAttribute("alignment-baseline","hanging")}else{let t=N+s;R+=` M${e},${t} v6`,F(z++,e,t+s,j).setAttribute("text-anchor","middle")}Y++}}for(var X of(Y=0,b.y)){const t=N+s-Y*J,e=E-6;R+=` M${e},${t} H${w+E}`,F(z++,e-6,t,this.formatYAxisLabel(X)).setAttribute("text-anchor","end"),Y++}V.setAttribute("d",R);for(let t=W.children.length-1;t>z;t--)W.children.item(t).remove()}};__decorate([t.Watch({converter:t.PropertyConverters.String})],r.prototype,"type",void 0),__decorate([t.Watch({converter:t.PropertyConverters.Number})],r.prototype,"groupWidth",void 0),r=__decorate([t.CustomElement({tagName:t.P+"-column-chart"})],r),e.PacemColumnChartElement=r}(e.Charts||(e.Charts={}))}(t.Components||(t.Components={}))}(Pacem||(Pacem={})),function(t){!function(e){!function(e){function i(e,i,r){let s=e,a=e;const n=t.Utils.isNull(i),o=t.Utils.isNull(r);if(!n||!o){const t=3;let l,h;n||(l=(e.y-i.y)/(e.x-i.x)),o||(h=(r.y-e.y)/(r.x-e.x));const c=((h||l||0)+(l||h||0))/2,d=n?0:(e.x-i.x)/t,u=o?0:(r.x-e.x)/t;s={x:e.x-d,y:e.y-d*c},a={x:e.x+u,y:e.y+u*c}}return{c0:s,c1:a}}const r=t.CustomElementUtils.getAttachedPropertyValue,s=t.CustomElementUtils.setAttachedPropertyValue,a=(t.CustomElementUtils.deleteAttachedPropertyValue,"pacem:chart-series:area"),n="http://www.w3.org/2000/svg";let o=class PacemChartElement extends e.PacemSeriesChartElement{constructor(){super(...arguments),this.#t=!1,this._enterHandler=t=>{this.#t=!0},this._leaveHandler=t=>{this.#t=!1},this._moveHandler=t=>{this.#t},this._chartFillSeries=[]}_getVirtualGrid(t,e,i,r,s,a=this.xAxisType,n,o){return super.getVirtualGrid(t,e,i,r,s,a,n,o)}_wipe(t=this.chartSeries,e=0){super.wipeOut(t,e)}viewActivatedCallback(){super.viewActivatedCallback(),this._setupBehavior()}disconnectedCallback(){this._dismantleBehavior(),super.disconnectedCallback()}propertyChangedCallback(t,e,i,r){switch(super.propertyChangedCallback(t,e,i,r),t){case"type":case"aspectRatio":this.draw()}}_setupBehavior(){this.addEventListener("mouseenter",this._enterHandler,!1),this.addEventListener("mouseleave",this._enterHandler,!1),this.addEventListener("mousemove",this._moveHandler,!1)}_dismantleBehavior(){this.removeEventListener("mouseenter",this._enterHandler,!1),this.removeEventListener("mouseleave",this._leaveHandler,!1),this.removeEventListener("mousemove",this._moveHandler,!1)}#t;_buildLinearGradient(t){return super.buildLinearGradient(t)}_setGradientColor(t,e){super.setGradientColor(t,e)}drawSeries(e){if(!this.isReady||t.Utils.isNull(this.chartSize))return;this.ensureChartContainer();const o=this.type||"line",l=24;var h=this.chartSize;if(h.height<=l||h.width<=l)return;if(t.Utils.isNullOrEmpty(e)||e.every(e=>t.Utils.isNullOrEmpty(e.values)))return void this._wipe();const c=this.ensureChartBody("line",h.width,h.height);this.log(t.Logging.LogLevel.Debug,`Drawing ${o} chart.`);const d=this.xAxisType||"string";let u=this.yAxisMin??Number.NaN,m=this.yAxisMax??Number.NaN,p=Number.NaN,v=Number.NaN,g=1;for(let i of e){let e=i.values;if(e&&e.length){let i=0;for(let r of e){let s=this.chartDataItemToPoint(r,e);t.Utils.isNull(this.yAxisMin)&&(u=isNaN(u)?s.y:Math.min(u,s.y)),t.Utils.isNull(this.yAxisMax)&&(m=isNaN(m)?s.y:Math.max(m,s.y)),0===i?p=isNaN(p)?s.x:Math.min(p,s.x):i===e.length-1&&(v=isNaN(v)?s.x:Math.max(v,s.x)),i++}}}const y=e.find(e=>!t.Utils.isNullOrEmpty(e.values)),_=this._getVirtualGrid(y.values,p,v,u,m,d,this.yAxisDensity,this.xAxisDensity),C=_.y[_.y.length-1],f=_.y[0];if(C===f)return;const b=_.y.reduce((t,e)=>Math.max(t,this.estimateYAxisLabelWidth(e)+12),l),x=.5*_.x.reduce((t,e)=>Math.max(t,this.estimateXAxisLabelWidth(e)),l),A=Math.max(x,b),E=x,w=h.width-A-E,N=h.height-48,S=N*(1-(C-f-(m-u))/(C-f)),P=N*(C-m)/(C-f);("number"!==d||"monometric"!==this.aspectRatio&&"logaritmic"!==this.aspectRatio)&&(g=w/S,c.setAttribute("height",h.height.toString()),c.setAttribute("width",h.width.toString())),c.setAttribute("viewBox",`0 0 ${h.width} ${h.height}`);let M=0;const U=100*g/(v-p),k=100/(m-u),$=2400/S,L=(t,e)=>{let i=this.chartDataItemToPoint(t,e);return i.y*=k,i.x=(i.x-p)*U,i},W=this.chartSeries,D=this._chartFillSeries,O=this.chartGrid,T="spline"===o||"splinearea"===o;for(let l of e){let e,h,d;if(W.length>M)e=W[M],h=D[M],d=h.firstElementChild.firstElementChild;else{e=document.createElementNS(n,"svg"),e.setAttribute("pacem",""),c.appendChild(e),h=document.createElementNS(n,"svg"),h.setAttribute("pacem",""),c.insertBefore(h,c.children.item(M+2));const t=document.createElementNS(n,"defs");t.appendChild(d=this._buildLinearGradient(M)),h.appendChild(t),h.appendChild(document.createElementNS(n,"path")),D.push(h),e.appendChild(document.createElementNS(n,"path")),W.push(e)}let m="chart-series";const p="area"===o||"splinearea"===o;t.Utils.isNullOrEmpty(l.className)||(m+=" "+l.className),[e,h].forEach(t=>{t.setAttribute("class",m),t.setAttribute("x",A.toString()),t.setAttribute("y",P.toString()),t.setAttribute("width",w.toString()),t.setAttribute("height",(S+48).toString())}),t.Utils.addClass(h,t.PCSS+"-inert");let v=h.children.item(1),g=e.firstElementChild;g.style.stroke=l.color,v.style.stroke=g.style.fill="none",this._setGradientColor(d,l.color),v.style.fill=`url(#${d.id})`,v.style.display=p?"":"none";let y="",_=l.values;if(_&&_.length){const o=(t,i,r,s,a)=>{const o=i+1;let l;e.children.length>o?l=e.children.item(o):(l=document.createElementNS(n,"line"),l.setAttribute("class","circle"),e.appendChild(l));const h=t.x.toString(),c=(-t.y).toString();l.setAttribute("x1",h),l.setAttribute("y1",c),l.setAttribute("x2",h),l.setAttribute("y2",c),l.style.stroke=a,this.assignUiBehaviors(l,r,s,a)},h=()=>{const t=l.datapoints?_.length+1:1;for(let r=e.children.length-1;r>=t;r--){var i=e.children.item(r);this.disposeUiBehaviors(i),i.remove()}};if(T){let e,n,h;for(let c=0;c<_.length;c++){const d=_[c];if(isNaN(d.value))continue;let u;n||(n=L(d,_)),T&&c<_.length-1&&(u=L(_[c+1],_));let m=r(l,a,0);m+=d.value,s(l,a,m);var B=i(n,e,u);y+=t.Utils.isNullOrEmpty(y)?`M${n.x},${-n.y} `:`C${h.x},${-h.y} ${B.c0.x},${-B.c0.y} ${n.x},${-n.y} `,l.datapoints&&o(n,c,l,d,l.color),e=n,n=u,h=B.c1}}else{let e=0;for(let i of _){if(isNaN(i.value))continue;const n=L(i,_);let h=r(l,a,0);h+=i.value,s(l,a,h),y+=t.Utils.isNullOrEmpty(y)?`M${n.x},${-n.y} `:`L${n.x},${-n.y} `,l.datapoints&&o(n,e,l,i,l.color),e++}}h()}g.setAttribute("d",y),v.setAttribute("d",y+`V${-u*k} H0 Z`),M++}this._wipe(D,M),this._wipe(W,M);const H=`0 ${-(m*k+$)} ${100*g} ${100+2*$}`;for(var I of W.concat(D))I.setAttribute("viewBox",H);let V,G=this.chartMask.children.item(1);if(G.setAttribute("x",(0).toString()),G.setAttribute("height",(h.height-l).toString()),O.setAttribute("viewBox",`0 0 ${h.width} ${h.height}`),_.x.length<=1||_.y.length<=1){for(let t=O.children.length-1;t>=0;t--)O.children.item(t).remove();return}O.children.length>0?V=O.children.item(0):(V=document.createElementNS(n,"path"),O.appendChild(V));let z=0,F=(t,e,i,r)=>{const s=t+1;let a;return O.children.length<=s?(a=document.createElementNS(n,"text"),O.appendChild(a)):a=O.children.item(s),a.textContent=r,a.setAttribute("x",e.toString()),a.setAttribute("y",i.toString()),a},R=`M${A},24 v${N}`,Y=0;const q=w/(_.x.length-1),J=N/(_.y.length-1);if("none"!==this.xAxisPosition)for(var j of _.x){const t=A+Y*q;if("top"===this.xAxisPosition){R+=` M${t},24 v-6`;let e=F(z++,t,0,j);e.setAttribute("text-anchor","middle"),e.setAttribute("alignment-baseline","hanging")}else{let e=N+l;R+=` M${t},${e} v6`,F(z++,t,e+l,j).setAttribute("text-anchor","middle")}Y++}for(var X of(Y=0,_.y)){const t=N+l-Y*J,e=A-6;R+=` M${e},${t} H${w+A}`,F(z++,e-6,t,this.formatYAxisLabel(X)).setAttribute("text-anchor","end"),Y++}V.setAttribute("d",R);for(let t=O.children.length-1;t>z;t--)O.children.item(t).remove()}};__decorate([t.Watch({emit:!1,converter:t.PropertyConverters.String})],o.prototype,"type",void 0),__decorate([t.Watch({converter:t.PropertyConverters.String})],o.prototype,"aspectRatio",void 0),o=__decorate([t.CustomElement({tagName:t.P+"-chart"})],o),e.PacemChartElement=o}(e.Charts||(e.Charts={}))}(t.Components||(t.Components={}))}(Pacem||(Pacem={})),function(t){!function(e){!function(i){let r=class PacemPieSliceElement extends e.PacemItemElement{constructor(){super(...arguments),this._broadcastHandler=t=>{this.emit(t)}}findContainer(){return t.CustomElementUtils.findAncestorOfType(this,n)}get chart(){return this.container}getCenterOfMass(){const e=this.chart&&this.chart.area;if(t.Utils.isNull(e))return null;const i=t.Utils.offset(e),r=i.width/2+i.left,s=i.top+i.height/2,n=.5*Math.min(i.width,i.height),o=this.normalizedPolarCoords,l=a-o.angle;return{y:s-n*o.radius*Math.sin(l),x:r+n*o.radius*Math.cos(l)}}propertyChangedCallback(t,e,i,r){super.propertyChangedCallback(t,e,i,r),!r&&this.chart&&"normalizedPolarCoords"!=t&&this.chart.draw()}_assignUi(t){const e=this._ui=t;i.MANAGED_EVENTS.forEach(t=>{e.addEventListener(t,this._broadcastHandler)})}_disposeUi(){t.Utils.isNull(this._ui)||i.MANAGED_EVENTS.forEach(t=>{this._ui.removeEventListener(t,this._broadcastHandler)})}};__decorate([t.Watch({converter:t.PropertyConverters.Number})],r.prototype,"value",void 0),__decorate([t.Watch({converter:t.PropertyConverters.String})],r.prototype,"label",void 0),__decorate([t.Watch({converter:t.PropertyConverters.String})],r.prototype,"color",void 0),__decorate([t.Watch({converter:t.PropertyConverters.Json})],r.prototype,"normalizedPolarCoords",void 0),r=__decorate([t.CustomElement({tagName:t.P+"-pie-slice"})],r),i.PacemPieSliceElement=r;const s=2*Math.PI,a=.5*Math.PI;let n=class PacemPieChartElement extends e.PacemItemsContainerElement{constructor(){super(),this.cutout=0,this.slicePadding=0,this._slices=new WeakMap,this._key=t.Utils.uniqueCode()}validate(t){return t instanceof r}viewActivatedCallback(){super.viewActivatedCallback(),this.draw()}propertyChangedCallback(e,i,r,s){if(super.propertyChangedCallback(e,i,r,s),"target"===e){this._g=null,this._div&&this._div.remove();const e=i;e&&(e.classList.remove(t.PCSS+"-chart-area"),e.innerHTML=""),this.draw()}else s||"cutout"!==e&&"items"!==e&&"slicePadding"!==e||this.draw()}get area(){return this._svg}disconnectedCallback(){this._div&&this._div.remove(),super.disconnectedCallback()}_ensureArea(){if(t.Utils.isNull(this._g)){let e=this.target||(this._div=document.createElement("div"));e.classList.add(t.PCSS+"-chart-area");let i=this._svg=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("pacem",""),i.setAttribute("preserveAspectRatio","xMidYMid meet"),i.setAttribute("viewBox","0 0 100 100"),i.classList.add(t.PCSS+"-pie-chart");let r=document.createElementNS("http://www.w3.org/2000/svg","defs"),s=this._g=document.createElementNS("http://www.w3.org/2000/svg","g");i.appendChild(r),i.appendChild(s),e.appendChild(i),this._div&&this.parentElement.insertBefore(e,this)}if(this.maskBasedRendering){if(t.Utils.isNull(this._mask)){let t=document.createElementNS("http://www.w3.org/2000/svg","mask");t.id="pie_mask_"+this._key;let e=document.createElementNS("http://www.w3.org/2000/svg","rect");e.setAttribute("x","0"),e.setAttribute("y","0"),e.setAttribute("width","100"),e.setAttribute("height","100"),e.setAttribute("fill","#fff");let i=this._mask=document.createElementNS("http://www.w3.org/2000/svg","circle");i.setAttribute("cx","50"),i.setAttribute("cy","50");const r=this._svg.firstElementChild;t.appendChild(e),t.appendChild(i),r.appendChild(t),this._g.setAttribute("mask",`url(#${t.id})`)}const e=50*this._safeCutout;this._mask.setAttribute("r",`${e}`)}else t.Utils.isNull(this._mask)||(this._svg.firstElementChild.innerHTML="",this._mask=null,this._g.removeAttribute("mask"));const e=this._safeSlicePaddingPixels;if(e>0){const i=(e/this._svg.getCTM().a).roundoff(),r=this._sliceMaskId,s=this._svg.firstElementChild;let a=s.querySelector(`#${r}`);t.Utils.isNull(a)?(a=document.createElementNS("http://www.w3.org/2000/svg","mask"),a.id=r,s.appendChild(a)):a.innerHTML="";const n=document.createElementNS("http://www.w3.org/2000/svg","path"),o=`M${50+i},0 H100 V100 H0 V0 H50 V50 h${i} Z`;n.setAttribute("d",o),n.setAttribute("fill","#fff"),a.appendChild(n)}return this._g}get _sliceMaskId(){return"pieslice_mask_"+this._key}get _safeCutout(){return Math.min(1,Math.max(0,this.cutout))||0}get _safeSlicePaddingPixels(){return Math.max(0,this.slicePadding??0)}_drawSlice(t,e,i,r){const a=e.value>.5*i?1:0,n=s*e.value/i,o=360*r/i,l=e.value>=i?49.9:50*(1+Math.sin(n)),h=50*(1-Math.cos(n)),c=this._safeCutout,d=50*c;t.style.fill=e.color,t.style.transform=`rotate(${o}deg)`,t.style.transformOrigin="50% 50%";const u=this.maskBasedRendering?`M50,50 V0 A50,50 0 ${a} 1 ${l} ${h} L50,50 Z`:`M50,0 A50,50 0 ${a} 1 ${l} ${h} l${(50-l)*(1-c)},${(50-h)*(1-c)} A${d},${d} 0 ${a} 0 50,${50-d} Z`;t.setAttribute("d",u),e.normalizedPolarCoords={radius:c+Math.SQRT1_2*(1-c),angle:Math.PI*o/180+n/2}}_isSliceOk(t){return!t.disabled}_padSlice(t){this._safeSlicePaddingPixels>0?t.setAttribute("mask",`url(#${this._sliceMaskId})`):t.removeAttribute("mask")}draw(){const e=this._ensureArea(),i=e.children.length,r=this._svg.parentElement;let s=0,a=0,n=0;if(t.Utils.isNullOrEmpty(this.items))e.innerHTML="",t.Utils.removeClass(r,"chart-has-data");else{t.Utils.addClass(r,"chart-has-data");for(let t of this.items)this._isSliceOk(t)&&(a+=t.value);if(a<=0)e.innerHTML="",t.Utils.removeClass(r,"chart-has-data");else for(let r of this.items){if(!this._isSliceOk(r))continue;let o;if(s>=i){const i=document.createElementNS("http://www.w3.org/2000/svg","g");i.setAttribute("class","chart-series "+t.PCSS+"-pie-slice"+(t.Utils.isNullOrEmpty(r.className)?"":" "+r.className)),o=document.createElementNS("http://www.w3.org/2000/svg","path"),i.appendChild(o),e.appendChild(i),r._assignUi(i),this._slices.set(i,r)}else o=e.children.item(s).firstElementChild;r.value>0?(this._drawSlice(o,r,a,n),this._padSlice(o),n+=r.value,o.removeAttribute("display")):o.setAttribute("display","none"),s++}}for(;s<e.children.length;){const t=this._slices,i=e.children.item(s);t.has(i)&&(t.get(i)._disposeUi(),t.delete(i)),e.removeChild(i)}}};__decorate([t.Watch({converter:t.PropertyConverters.Number})],n.prototype,"cutout",void 0),__decorate([t.Watch({converter:t.PropertyConverters.Element})],n.prototype,"target",void 0),__decorate([t.Watch({converter:t.PropertyConverters.Boolean})],n.prototype,"maskBasedRendering",void 0),__decorate([t.Watch({converter:t.PropertyConverters.Number})],n.prototype,"slicePadding",void 0),__decorate([t.Debounce(!0)],n.prototype,"draw",null),n=__decorate([t.CustomElement({tagName:t.P+"-pie-chart"})],n),i.PacemPieChartElement=n}(e.Charts||(e.Charts={}))}(t.Components||(t.Components={}))}(Pacem||(Pacem={}));

package/dist/js/pacem-cms.d.ts

@@ -1,6 +1,6 @@
 /**
- * pacem v0.52.1 (https://js.pacem.it)
- * Copyright 2025 Pacem (https://pacem.it)
+ * pacem v0.52.2 (https://js.pacem.it)
+ * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
 declare namespace Pacem.Cms {

package/dist/js/pacem-cms.js

@@ -1,6 +1,6 @@
 /**
- * pacem v0.52.1 (https://js.pacem.it)
- * Copyright 2025 Pacem (https://pacem.it)
+ * pacem v0.52.2 (https://js.pacem.it)
+ * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {

package/dist/js/pacem-cms.min.js

@@ -1,6 +1,6 @@
 /**
- * pacem v0.52.1 (https://js.pacem.it)
- * Copyright 2025 Pacem (https://pacem.it)
+ * pacem v0.52.2 (https://js.pacem.it)
+ * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
 var Pacem,__decorate=this&&this.__decorate||function(e,t,r,a){var s,o=arguments.length,i=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(i=(o<3?s(i):o>3?s(t,r,i):s(t,r))||i);return o>3&&i&&Object.defineProperty(t,r,i),i};!function(e){!function(t){t.PermissionEditEventName="permissionedit";class PermissionEditEvent extends CustomEvent{constructor(e){super(t.PermissionEditEventName,{detail:e,cancelable:!1,bubbles:!0})}}t.PermissionEditEvent=PermissionEditEvent;t.Permissible=class Permissible{static canEdit(e,t){return this._canDoSomethingToResource(e,t,e=>e.update)}static canRead(e,t){return this._canDoSomethingToResource(e,t,e=>e.read)}static canAdd(e,t){return this._canDoSomethingToResource(e,t,e=>e.create)}static canDelete(e,t){return this._canDoSomethingToResource(e,t,e=>e.delete)}static canTranslate(e,t){return this._canDoSomethingToResource(e,t,e=>e.translate)}static _canDoSomethingToResource(t,r,a){if(e.Utils.isNullOrEmpty(t)||e.Utils.isNull(r))return!1;var s=!0;if(r.permissions&&r.permissions.length>0){s=!1;for(let e of r.permissions)if(a(e)&&t[e.claimType]&&t[e.claimType].indexOf(e.claimValue)>=0)return!0}return s}}}(e.Cms||(e.Cms={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){const r="pacem:metadatabag";t.SwaggerCmsParser=class SwaggerCmsParser{constructor(t=new e.Scaffolding.OpenApi.OpenApiParser){this._openApi=t,this._cachedMetadataUrls=[]}async load(e,t){let a=await this._openApi.load(e,t);if(null!=a){a[r]={};for(let e of a.endpoints)await this._enrichSchemas(a,e,t)}return a}async _enrichSchemas(e,t,r){const a=t.response;a&&a.meta&&(a.fields=await this._fetchMetadata(e,{name:a.fullType,schema:a.meta},r));const s=t.parameters;for(let t of s||[])if(t.meta&&t.fullType){let a=await this._fetchMetadata(e,{name:t.fullType,schema:t.meta},r);t.fields=a}}clearCache(){const e=this.cache,t=this._cachedMetadataUrls;if(e){for(let r of t)e.removeProperty(r);t.splice(0)}}async _fetchMetadata(t,a,s){let o=async a=>{let i=[];if(a&&a.name){if(t[r][a.name])return t[r][a.name];t[r][a.name]=i;let n,l={props:[]};if(!/^https?:\/\//.test(a.name))return void console.warn("Swagger entity definition keys must appear in form of absolute url. Their response to a GET request needs to be the entity metadata itself.\nNo other options are currently supported.");if(n=a.name,n){let e=async()=>{let e=await fetch(n,{credentials:"omit",mode:"cors",headers:s});if(e.ok)return await e.json()};this.cache?(l=this.cache.getPropertyValue(n),l||(l=await e(),this._cachedMetadataUrls.push(n),this.cache.setPropertyValue(n,l,!1))):l=await e()}let c=a.schema;for(let a in c.properties){let s=c.properties[a],n=l&&l.props.find(e=>e.prop===a),d=Object.assign({prop:a,type:s.type||"text",props:void 0},n||{isReadOnly:!0});if(n){let a=s.items&&s.items.$ref||s.$ref;if(a){let s=e.Scaffolding.OpenApi.getOpenApiDefinition(t,a),i=s.name;t[r][i]?d.props=t[r][i]:d.props=await o(s)}}i.push(d)}}return i};return await o(a)}}}(t.OpenApi||(t.OpenApi={}))}(e.Cms||(e.Cms={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){t.Functions={dismiss:(...e)=>{for(let r of e||[])delete t.Functions[r]},handleExpressionValueChange:(t,r,a)=>{if("value"===t.detail.propertyName&&!e.Utils.isNull(a)){const s=t.detail.currentValue;if(a instanceof HTMLElement){let t=e.CustomElementUtils.camelToKebab(r);e.Utils.isNullOrEmpty(s)?a.removeAttribute(t):a.setAttribute(t,s.toString())}else a[r]=s}}},t.EXPRESSION_METADATA_TYPE=(t,r=":host",a=":host.entity")=>{const s={},o=t.metadata,i=e.Components.Cms.Functions,n=[];s.value=`{{ ${a} instanceof HTMLElement && ${a}.getAttribute('${e.CustomElementUtils.camelToKebab(o.prop)}') }}`,s["on-"+e.PropertyChangeEventName]=`Pacem.Components.Cms.Functions.handleExpressionValueChange($event, '${o.prop}', ${a})`,s.converter=`{{ Pacem.CustomElementUtils.getWatchedProperty(${a}, '${o.prop}').config.converter }}`;const l=e.P+"-expression";let c=o.extra||{};if(e.Utils.isNullOrEmpty(c.selector)||(s.selector=c.selector),!e.Utils.isNullOrEmpty(c.filter))switch(typeof c.filter){case"string":s.filter=`{{ (e) => e.constructor.name === "${c.filter}" || e.localName === "${c.filter.toLowerCase()}" }}`;break;case"function":const t="fn"+e.Utils.uniqueCode();i[t]=c.filter,s.filter=`{{ Pacem.Components.Cms.Functions.${t}, once }}`,n.push(t)}if("function"==typeof c.labeler){const t="fn"+e.Utils.uniqueCode();i[t]=c.labeler,s.labeler=`{{ Pacem.Components.Cms.Functions.${t}, once }}`,n.push(t)}return n.length>0&&(s["on-unload"]=`{{ Pacem.Components.Cms.Functions.dismiss('${n.join("','")}') }}`),{tagName:l,attrs:s}}}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){class PacemElementPickerElementBase extends e.Components.Scaffolding.PacemBaseElement{}__decorate([e.Watch({converter:e.PropertyConverters.String})],PacemElementPickerElementBase.prototype,"selector",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Eval})],PacemElementPickerElementBase.prototype,"filter",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Eval})],PacemElementPickerElementBase.prototype,"labeler",void 0),t.PacemElementPickerElementBase=PacemElementPickerElementBase;let r=class PacemElementPickerElement extends PacemElementPickerElementBase{get inputFields(){return[this._select]}toggleReadonlyView(e){this._select.readonly=e}onChange(t){return e.Utils.fromResult(this.value=this._select.value)}acceptValue(e){this._select.value=e}getViewValue(e){return this._select.viewValue}convertValueAttributeToProperty(t){return e.PropertyConverters.Element.convert(t)}viewActivatedCallback(){super.viewActivatedCallback(),this._databind()}propertyChangedCallback(e,t,r,a){if(super.propertyChangedCallback(e,t,r,a),!a)switch(e){case"selector":case"filter":case"labeler":this._databind()}}_databind(){const t=this.labeler||(e=>{let t=e.constructor.name;return e.id&&(t+="#"+e.id),t}),r=[];document.querySelectorAll(this.selector||"[pacem]").forEach((a,s,o)=>{!e.Utils.isNull(this.filter)&&!0!==this.filter(a)||e.Utils.isNullOrEmpty(a.id)||r.push({element:a,label:t(a)})}),this._select.valueProperty="element",this._select.textProperty="label",this._select.datasource=r}};__decorate([e.ViewChild(e.P+"-select")],r.prototype,"_select",void 0),__decorate([e.Debounce(50)],r.prototype,"_databind",null),r=__decorate([e.CustomElement({tagName:e.P+"-element-picker",shadow:e.Defaults.USE_SHADOW_ROOT,template:`<${e.P}-select></${e.P}-select>`})],r),t.PacemElementPickerElement=r}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(r){let a;!function(e){e.Constant="const",e.PropertyReference="property",e.Expression="expr"}(a=r.ExpressionSource||(r.ExpressionSource={}));let s=class PacemExpressionElement extends r.PacemElementPickerElementBase{propertyChangedCallback(t,r,s,o){if(super.propertyChangedCallback(t,r,s,o),"converter"===t)this._setFeedbackText(this.value);else if(!o&&this._editing)switch(t){case"_source":if(s===a.PropertyReference)this._picker.focus();else this._editor.focus();break;case"_propRef":e.Utils.isNullOrEmpty(s)||(this._editor.focus(),this._editor.value="{{ #"+this._sourceRef.id+"."+s+"  }}"),this.changeHandler(new Event("change"))}}get inputFields(){return[this._editor]}toggleReadonlyView(e){e&&(this._editing=!1)}setPristine(){super.setPristine(),this._editing=!1}onChange(t){return e.Utils.fromResult(this.value=this._editor.value)}acceptValue(e){this._view.textContent=e||"...",this._setFeedbackText(e),this._reverseStructure(),e!==this._editor.value&&(this._editor.value=e)}_setFeedbackText(t=this.value){const r=this.converter;e.CustomElementUtils.isBindingAttribute(t)||"function"!=typeof(r&&r.convert)?this._eval.setAttribute("text",t):this._eval.text=void 0===t?"<undefined>":r.convert(t)}getViewValue(e){return e}convertValueAttributeToProperty(e){return e}_reverseStructure(){let r=()=>{this._source=this._sourceRef=this._propRef=void 0},s=this.value;if(e.Utils.isNullOrEmpty(s))r();else if(e.CustomElementUtils.isBindingAttribute(s)){const r=e.CustomElementUtils.parseBindingAttribute(s,this).dependencies;if(e.Utils.isNullOrEmpty(r)||r.length>1||t.RepeaterItem.isRepeaterItem(r[0].element))this._source=a.Expression;else{const e=r[0];this._source=a.PropertyReference,this._sourceRef=document.querySelector("#"+e.element.id),this._propRef=e.path}}else this._source=a.Constant}};__decorate([e.Watch({emit:!1})],s.prototype,"converter",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Boolean})],s.prototype,"_editing",void 0),__decorate([e.Watch({converter:e.PropertyConverters.String})],s.prototype,"_source",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Element})],s.prototype,"_sourceRef",void 0),__decorate([e.Watch({converter:e.PropertyConverters.String})],s.prototype,"_propRef",void 0),__decorate([e.ViewChild(e.P+"-element-picker")],s.prototype,"_picker",void 0),__decorate([e.ViewChild(e.P+"-textarea")],s.prototype,"_editor",void 0),__decorate([e.ViewChild("span."+e.PCSS+"-viewfinder")],s.prototype,"_view",void 0),__decorate([e.ViewChild(e.P+"-text")],s.prototype,"_eval",void 0),__decorate([e.Debounce(50)],s.prototype,"_reverseStructure",null),s=__decorate([e.CustomElement({tagName:e.P+"-expression",shadow:e.Defaults.USE_SHADOW_ROOT,template:`<${e.P}-collapse class="${e.PCSS}-expression" collapse="{{ !:host._editing }}">\n    <div class="expression-builder ${e.PCSS}-grid grid-tiny-rowgap grid-tiny-colgap ${e.PCSS}-pad pad-bottom-2">\n        <div class="${e.PCSS}-cell">\n            <${e.P}-select value="{{ :host._source, twoway }}" class="display-block">\n                <${e.P}-data-item value="${a.Constant}" label="constant value"></${e.P}-data-item>\n                <${e.P}-data-item value="${a.PropertyReference}" label="property reference"></${e.P}-data-item>\n                <${e.P}-data-item value="${a.Expression}" label="complex expression"></${e.P}-data-item>\n            </${e.P}-select>\n        </div>\n\n        <${e.P}-panel class="${e.PCSS}-cell cols-hd-6" hide="{{ :host._source !== '${a.PropertyReference}' }}">\n            <${e.P}-element-picker value="{{ :host._sourceRef, twoway }}" selector="{{ :host.selector }}" filter="{{ :host.filter }}" labeler="{{ :host.labeler }}" class="display-block"></${e.P}-element-picker>\n        </${e.P}-panel>\n        <${e.P}-panel class="${e.PCSS}-cell cols-hd-6" hide="{{ :host._source !== '${a.PropertyReference}' }}">\n            <${e.P}-property-picker value="{{ :host._propRef, twoway }}" disabled="{{ !:host._sourceRef }}" target="{{ :host._sourceRef }}" on-change="::_editor.focus()" class="display-block"></${e.P}-property-picker>\n        </${e.P}-panel>\n\n        <${e.P}-panel class="${e.PCSS}-cell">\n            <${e.P}-textarea class="display-block" placeholder="{{ '{{ '+ (:host._source || '') +'... }}' }}" change-policy="${e.Components.Scaffolding.ChangePolicy.Blur}"></${e.P}-textarea>\n        </${e.P}-panel>\n    </div>\n</${e.P}-collapse>\n<div class="${e.PCSS}-fieldset">\n    <div class="fieldset-left">\n        <div class="${e.PCSS}-fieldgroup ${e.PCSS}-viewfinder">\n            <div class="text-truncate ${e.PCSS}-pad pad-x-1"><span class="${e.PCSS}-viewfinder text-tech">{{ :host.value || '...' }}</span></div>\n            <${e.P}-panel class="fieldgroup-prepend">\n                <${e.P}-button class="flat edit ${e.PCSS}-pad pad-left-1" on-click=":host._editing = !:host._editing" hide="{{ :host.readonly }}"></${e.P}-button>\n            </${e.P}-panel>\n            <${e.P}-panel class="fieldgroup-append text-tech display-flex flex-middle flex-nowrap" hide="{{ $pacem.isNullOrEmpty(:host.value) }}">\n                <i class="${e.PCSS}-icon text-primary">keyboard_arrow_right</i>\n                <${e.P}-text text="?" class="bg-primary ${e.PCSS}-pad pad-left-1 pad-right-1 ${e.PCSS}-margin margin-right-1 text-truncate" eval></${e.P}-text>\n            </${e.P}-panel>\n        </div>\n    </div>\n</div>`})],s),r.PacemExpressionElement=s}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(r){const a={props:[{prop:"permissions",type:"array",display:{name:"Permissions"},props:{display:{cssClass:[e.PCSS+"-cell",e.PCSS+"-grid","grid-novgap","grid-tiny-colgap","grid-nospace"],name:"Permission"},props:Array.prototype.concat.apply([{prop:"claimType",type:"string",display:{cssClass:[e.PCSS+"-cell","cols-hd-4","cols-lg-6","field-stretch","field-minimal"],name:"Claim type"},validators:[{type:"required",errorMessage:"!"}]},{prop:"claimValue",type:"string",display:{cssClass:[e.PCSS+"-cell","cols-hd-4","cols-lg-6","field-stretch","field-minimal"],name:"Claim value"},validators:[{type:"required",errorMessage:"!"}]}],["read","update","create","delete"].map((t,r)=>({prop:t,type:"boolean",display:{cssClass:[e.PCSS+"-cell","cols-hd-1","cols-3","field-minimal",e.PCSS+"-pad pad-left-2"],name:t.charAt(0).toUpperCase()+t.substr(1)}})))}}]};function s(t){t.display=t.display||{name:t.prop,cssClass:[]};(t.display.cssClass=t.display.cssClass||[]).push(e.PCSS+"-cell")}r.DEFAULT_METADATA={display:{name:"Widget",cssClass:[e.PCSS+"-grid","grid-novgap","grid-tiny-colgap","grid-nospace"]},props:[{prop:"tag",type:"string",display:{name:"Tag",cssClass:[e.PCSS+"-cell"]}}]},r.gridifyMetadata=function(t){var a=t&&t.props||[],o=t&&t.display||{name:"Element"};if(!e.Utils.isNull(o)){const e=o.cssClass=o.cssClass||[];Array.prototype.push.apply(e,r.DEFAULT_METADATA.display.cssClass)}return a.forEach(s),{display:o,props:a}},r.buildWidgetMetadata=function(t){var a=e.Utils.extend({},r.DEFAULT_METADATA.display,t&&t.display||{}),o=e.Utils.clone(r.DEFAULT_METADATA.props);return Array.prototype.push.apply(o,(t&&t.props||[]).filter(e=>"tag"!==e.prop&&(s(e),!0))),{display:a,props:o}};const o=e.PCSS+"-widget";r.EXPRESSION_WIDGET_METADATA_EXTRA={selector:"."+o,labeler:t=>e.Utils.isNullOrEmpty(t.tag)?(t.metadata&&t.metadata.display&&t.metadata.display.name||"")+"#"+t.id:t.tag};r.Widget=class Widget{static findAll(t){return e.CustomElementUtils.findAll("."+o,r=>r instanceof PacemWidgetElement&&!e.Utils.isNullOrEmpty(r.id)&&(e.Utils.isNull(t)||t(r)))}};let i=class PacemWidgetToolbarElement extends t.PacemElement{get editButton(){return this._btnEdit}get permissionsButton(){return this._btnPerms}get removeButton(){return this._btnRemove}_edit(e){const t=this._proxy.dom.find(e=>"core"in e.attributes);t.open(this.target,!0),t.metadata=this.target.metadata,this._popoutJustInCase()}_editPermissions(e){const t=this._proxy.dom.find(e=>"permissions"in e.attributes);t.open(this.target),t.metadata=this.target.permissionMetadata,this._popoutJustInCase()}_popoutJustInCase(){const t=e.CustomElementUtils.findAncestorOfType(this,e.Components.UI.PacemBalloonElement);e.Utils.isNullOrEmpty(t)||t.popout()}};__decorate([e.Watch({emit:!1,converter:e.PropertyConverters.Element})],i.prototype,"target",void 0),__decorate([e.ViewChild(".buttons > div")],i.prototype,"_toolbar",void 0),__decorate([e.ViewChild(e.P+"-button[edit]")],i.prototype,"_btnEdit",void 0),__decorate([e.ViewChild(e.P+"-button[permissions]")],i.prototype,"_btnPerms",void 0),__decorate([e.ViewChild(e.P+"-button[remove]")],i.prototype,"_btnRemove",void 0),__decorate([e.ViewChild(e.P+"-shell-proxy")],i.prototype,"_proxy",void 0),i=__decorate([e.CustomElement({tagName:e.P+"-widget-toolbar",shadow:e.Defaults.USE_SHADOW_ROOT,template:`<${e.P}-span class="toolbar-text" content="{{ '<i class=&quot;${e.PCSS}-icon&quot;>'+ (::target.metadata && ::target.metadata.display && ::target.metadata.display.icon || 'widgets') +'</i> '+ (::target.tag || (::target.metadata && ::target.metadata.display && ::target.metadata.display.name || ::target.localName) +'#'+ ::target.id) }}"></${e.P}-span>\n<div class="buttons ${e.PCSS}-buttonset ${e.PCSS}-pad ${e.PCSS}-margin pad-0 margin-left-2">\n    <div class="buttonset-left">\n        <${e.P}-button edit class="button edit" on-click=":host._edit($event)"></${e.P}-button>\n        <${e.P}-button permissions class="button" on-click=":host._editPermissions($event)" css-class="{{ {'button-success': ::target.permissions.length > 0} }}" icon-glyph="verified_user"></${e.P}-button>\n        <${e.P}-button remove class="button button-danger delete"></${e.P}-button>\n    </div>\n<div>\n<${e.P}-shell-proxy>\n    <${e.P}-modal-form core></${e.P}-modal-form>\n    <${e.P}-modal-form permissions></${e.P}-modal-form>\n</${e.P}-shell-proxy>`})],i),r.PacemWidgetToolbarElement=i;class PacemWidgetElement extends t.PacemElement{constructor(e,t="widget"){super(t),this.permissionMetadata=a,this.metadata=e}connectedCallback(){super.connectedCallback(),e.Utils.isNullOrEmpty(this.id)&&(this.id="wdg"+e.Utils.uniqueCode()),e.Utils.addClass(this,o)}propertyChangedCallback(t,r,a,s){switch(super.propertyChangedCallback(t,r,a,s),t){case"editable":a?this.isReady&&this._ensureBalloon():this._disposeBalloon();break;case"editing":e.Utils.isNull(this._balloon)||(this._balloon.disabled=!a),(a?e.Utils.addClass:e.Utils.removeClass).apply(this,[this,"widget-"+t]);break;case"metadata":this._assignIcon(a)}}viewActivatedCallback(){super.viewActivatedCallback(),this._assignIcon(),this._ensureBalloon()}disconnectedCallback(){super.disconnectedCallback()}_assignIcon(e=this.metadata){this.dataset.icon=e&&e.display&&e.display.icon||"widgets"}_ensureBalloon(){if(e.Utils.isNull(this._balloon)){const r=this._balloon=document.createElement(e.P+"-balloon");r.target=this,r.disabled=!this.editing,r.options={behavior:t.UI.BalloonBehavior.Menu,trigger:t.UI.BalloonTrigger.Hover},r.innerHTML=`<${e.P}-widget-toolbar target="{{ #${this.id} }}"><${e.P}-widget-toolbar>`,e.CustomElementUtils.findAncestorShell(this).appendChild(r)}}_disposeBalloon(){e.Utils.isNull(this._balloon)||(this._balloon.remove(),this._balloon=null)}}__decorate([e.Watch({emit:!1,converter:e.PropertyConverters.Boolean})],PacemWidgetElement.prototype,"editing",void 0),__decorate([e.Watch({emit:!1,converter:e.PropertyConverters.Boolean})],PacemWidgetElement.prototype,"editable",void 0),__decorate([e.Watch({emit:!0,reflectBack:!0,converter:e.PropertyConverters.String})],PacemWidgetElement.prototype,"tag",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.Json})],PacemWidgetElement.prototype,"permissions",void 0),__decorate([e.Watch({emit:!1,converter:e.PropertyConverters.Json})],PacemWidgetElement.prototype,"metadata",void 0),__decorate([e.Watch({emit:!1,converter:e.PropertyConverters.Json})],PacemWidgetElement.prototype,"permissionMetadata",void 0),r.PacemWidgetElement=PacemWidgetElement}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){t.FETCH_CREDENTIALS_METADATA={prop:"fetchCredentials",type:"string",dataType:"enumeration",display:{name:"Fetch Credentials"},extra:{enum:["same-origin","omit","include"]}},t.ACCESS_TOKEN_METADATA={prop:"accessToken",type:t.EXPRESSION_METADATA_TYPE,display:{name:"Access Token"},extra:e.Utils.extend({},t.EXPRESSION_WIDGET_METADATA_EXTRA,{filter:e=>e instanceof t.PacemWidgetDataElement||e instanceof t.PacemWidgetFetchElement})};class PacemBearerWidgetElement extends t.PacemWidgetElement{constructor(){super(...arguments),this.fetchCredentials="same-origin"}propertyChangedCallback(t,r,a,s){super.propertyChangedCallback(t,r,a,s),"accessToken"===t&&(e.Utils.isNullOrEmpty(a)?this.fetchHeaders={}:this.fetchHeaders={Authorization:"Bearer "+a})}}__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.String})],PacemBearerWidgetElement.prototype,"fetchCredentials",void 0),__decorate([e.Watch({emit:!1,converter:e.PropertyConverters.Json})],PacemBearerWidgetElement.prototype,"fetchHeaders",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.String})],PacemBearerWidgetElement.prototype,"accessToken",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Boolean})],PacemBearerWidgetElement.prototype,"fetching",void 0),t.PacemBearerWidgetElement=PacemBearerWidgetElement}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){const r={display:{icon:"cloud_circle",name:"Api Manifest",description:"OpenApi parser for WebApi scaffolding."},props:[{prop:"url",type:"text",display:{name:"Url",description:"Insert the url of the OpenApi json configuration.",cssClass:["cols-lg-8"],watermark:"https://domain.com/swagger/v1/swagger.json"},extra:{tooltip:!0},validators:[{type:"required",errorMessage:"Url field is required."}]},{prop:"usecache",type:"boolean",display:{name:"Cache results",description:"Whether to cache the manifest per-url.",cssClass:["cols-lg-4"],ui:"switcher"},extra:{tooltip:!0}},t.ACCESS_TOKEN_METADATA]};let a=class PacemWidgetApiManifestElement extends t.PacemBearerWidgetElement{constructor(a=new e.Cms.OpenApi.SwaggerCmsParser,s=new e.Storage){super(t.buildWidgetMetadata(r)),this._openapi=a,this._cache=s}propertyChangedCallback(e,t,r,a){switch(super.propertyChangedCallback(e,t,r,a),e){case"url":case"editing":case"editable":this._scaffold();break;case"usecache":this._openapi.cache=r?this._cache:null}}viewActivatedCallback(){super.viewActivatedCallback(),this.usecache&&(this._openapi.cache=this._cache),this._scaffold()}_scaffold(){this.editing&&this.editable&&!e.Utils.isNullOrEmpty(this.url)&&(this.fetching=!0,this._openapi.load(this.url).then(e=>{this.manifest=e,this.fetching=!1},e=>{this.fetching=!1}))}};__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.String})],a.prototype,"url",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.Boolean})],a.prototype,"usecache",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Json})],a.prototype,"manifest",void 0),a=__decorate([e.CustomElement({tagName:e.P+"-widget-apimanifest"})],a),t.PacemWidgetApiManifestElement=a}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){const r={display:{icon:"timer",name:"Clock",description:"Timer widget."},props:[{prop:"interval",type:t.EXPRESSION_METADATA_TYPE,display:{name:"Interval (msec)"},extra:{selector:"."+e.PCSS+"-widget",step:1e3},validators:[{type:"range",errorMessage:"Negative numbers not allowed",params:{min:0}}]}]};let a=class PacemWidgetClockElement extends t.PacemWidgetElement{constructor(){super(t.buildWidgetMetadata(r)),this.interval=0}};__decorate([e.Watch({reflectBack:!0,converter:e.PropertyConverters.Number})],a.prototype,"interval",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Number})],a.prototype,"time",void 0),a=__decorate([e.CustomElement({tagName:e.P+"-widget-clock",template:`<${e.P}-timer interval="{{ :host.interval }}" on-tick="{{ :host.time = Date.now() }}"></${e.P}-timer>`})],a),t.PacemWidgetClockElement=a}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){const r={display:{icon:"storage",name:"Data",description:"Data object widget."},props:[{prop:"model",type:t.EXPRESSION_METADATA_TYPE,display:{name:"Model"},extra:{selector:"."+e.PCSS+"-widget"}}]};let a=class PacemWidgetDataElement extends t.PacemWidgetElement{constructor(){super(t.buildWidgetMetadata(r))}};__decorate([e.Watch({reflectBack:!0,converter:e.PropertyConverters.Json})],a.prototype,"model",void 0),a=__decorate([e.CustomElement({tagName:e.P+"-widget-data"})],a),t.PacemWidgetDataElement=a}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(r){const a={props:[{prop:"name",type:"string",isReadOnly:!0,display:{name:"Name",cssClass:["cols-md-4","cols-lg-3","cols-hd-2"]}},{prop:"value",type:r.EXPRESSION_METADATA_TYPE,display:{name:"Value",cssClass:["cols-md-8","cols-lg-9","cols-hd-10"]}}]},s={display:{icon:"wifi",name:"Api Fetcher",description:"Fetching widget that retrieves data from a REST endpoint."},props:[{prop:"manifest",type:r.EXPRESSION_METADATA_TYPE,isComplexType:!0,display:{name:"Api Manifest"},extra:{selector:e.P+"-widget-apimanifest"},validators:[{type:"required",errorMessage:"Api Manifest is a required field."}]},{prop:"endpoint",type:"object",isComplexType:!0,display:{name:"Endpoint",ui:"oneToMany"},validators:[{type:"required",errorMessage:"Api Manifest is a required field."}],extra:{source:t=>t.endpoints.map(t=>e.Utils.extend(t,{fullPath:`[${t.method.toUpperCase()}] ${t.path}`})).sort(),textProperty:"fullPath",valueProperty:"fullPath",dependsOn:[{prop:"manifest",hide:!0}]}},{prop:"parameters",type:"array",display:{name:"Parameters"},props:r.gridifyMetadata(a),extra:{lockItems:!0,dependsOn:[{prop:"endpoint",hide:!0}]}},r.ACCESS_TOKEN_METADATA]},o=e.P+"-widget-fetch-parameter";let i=class PacemWidgetFetchParameterElement extends t.PacemEventTarget{propertyChangedCallback(t,r,a,s){super.propertyChangedCallback(t,r,a.first),"value"!==t||e.Utils.isNull(this._fetcher)||this._fetcher.fetch()}viewActivatedCallback(){super.viewActivatedCallback();this._fetcher=e.CustomElementUtils.findAncestorOfType(this,n);e.Utils.isNull(this._fetcher)||e.Utils.isNull(this.value)||this._fetcher.fetch()}};__decorate([e.Watch({reflectBack:!0,converter:e.PropertyConverters.Boolean})],i.prototype,"required",void 0),__decorate([e.Watch({reflectBack:!0,converter:e.PropertyConverters.String})],i.prototype,"name",void 0),__decorate([e.Watch({reflectBack:!0,converter:e.PropertyConverters.String})],i.prototype,"value",void 0),i=__decorate([e.CustomElement({tagName:o})],i),r.PacemWidgetFetchParameterElement=i;let n=class PacemWidgetFetchElement extends r.PacemBearerWidgetElement{constructor(){super(r.buildWidgetMetadata(s)),this._onerror=e=>{this.failure=!(this.success=!1)},this._onsuccess=e=>{this.failure=!(this.success=!0)},this._onresult=e=>{this.result=e.detail}}get _parameters(){return Array.from(this._itemsElement.children).filter(e=>e.localName===o)}fetch(){const t=this._fetcher,r=this._parameters||[],a=this.endpoint;if(!e.Utils.isNull(a))for(let t of a.parameters)if(t.required&&e.Utils.isNull(r.find(e=>e.name===t.name)))return;const s={};for(let t of r)if(e.Utils.isNullOrEmpty(t.value)){if(t.required)return}else s[t.name]=t.value;return t.url=this.url,t.method=this.method,t.credentials=this.fetchCredentials,t.headers=this.fetchHeaders,t.parameters=s,t.fetch()}viewActivatedCallback(){super.viewActivatedCallback(),this.fetch()}propertyChangedCallback(t,r,a,s){if(super.propertyChangedCallback(t,r,a,s),"endpoint"!==t||e.Utils.isNullOrEmpty(a))switch(t){case"parameters":case"fetchHeaders":case"fetchCredentials":case"url":case"method":this.fetch()}else this._mergeEndpoint(a)}_mergeEndpoint(t=this.endpoint){this.url=this.manifest.baseUrl+t.path,this.method=t.method,this.fields=t.response.fields;const r=this._itemsElement,a=this._parameters;for(let r=a.length-1;r>=0;r--){let s=a[r],o=t.parameters.find(e=>e.name===s.name);e.Utils.isNull(o)&&s.remove()}for(let s of t.parameters){let t=a.find(e=>e.name===s.name);if(e.Utils.isNull(t)){let e=t=document.createElement(o);e.name=s.name,r.appendChild(e)}t.required=s.required}this.parameters=a}};__decorate([e.Watch({reflectBack:!0,emit:!0,converter:e.PropertyConverters.Json})],n.prototype,"manifest",void 0),__decorate([e.Watch({reflectBack:!0,emit:!0,converter:e.PropertyConverters.Json})],n.prototype,"endpoint",void 0),__decorate([e.Watch({reflectBack:!0,emit:!1,converter:e.PropertyConverters.String})],n.prototype,"url",void 0),__decorate([e.Watch({reflectBack:!0,emit:!1,converter:e.PropertyConverters.String})],n.prototype,"method",void 0),__decorate([e.Watch({reflectBack:!0,emit:!1,converter:e.PropertyConverters.Json})],n.prototype,"fields",void 0),__decorate([e.Watch()],n.prototype,"parameters",void 0),__decorate([e.Watch()],n.prototype,"result",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Boolean})],n.prototype,"fetching",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Boolean})],n.prototype,"success",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Boolean})],n.prototype,"failure",void 0),__decorate([e.ViewChild(e.P+"-fetch")],n.prototype,"_fetcher",void 0),__decorate([e.ViewChild("div[hidden]")],n.prototype,"_itemsElement",void 0),n=__decorate([e.CustomElement({tagName:e.P+"-widget-fetch",shadow:e.Defaults.USE_SHADOW_ROOT,template:`<${e.P}-fetch autofetch="false" fetching="{{ :host.fetching, twoway }}" debounce="100"\non-${e.Net.FetchResultEventName}=":host._onresult($event)" on-${e.Net.FetchErrorEventName}=":host._onerror($event)" on-${e.Net.FetchSuccessEventName}=":host._onsuccess($event)"></${e.P}-fetch><div hidden><${e.P}-content></${e.P}-content></div>`})],n),r.PacemWidgetFetchElement=n}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){let r=class PacemWidgetTranslatorElement extends t.PacemWidgetElement{};r=__decorate([e.CustomElement({tagName:e.P+"-widget-translator"})],r),t.PacemWidgetTranslatorElement=r}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(r){r.DATACOLUMNS_METADATA_TYPE=(t,r=":host",a=":host.entity")=>{const s={},o=t.metadata,i=e.Components.Cms.Functions,n=[];s.properties=`{{ Pacem.CustomElementUtils.getWatchedProperty(${a}, '${o.prop}').config.converter }}`;const l=e.P+"-datacolumns";let c=o.extra||{};if(!e.Utils.isNullOrEmpty(c.properties))switch(typeof c.properties){case"string":s.properties=`{{ ${a}.${c.properties} }}`;break;case"function":const t="fn"+e.Utils.uniqueCode();i[t]=c.properties,s.properties=`{{ Pacem.Components.Cms.Functions.${t}(${r}), once }}`,n.push(t)}return n.length>0&&(s["on-unload"]=`{{ Pacem.Components.Cms.Functions.dismiss('${n.join("','")}') }}`),{tagName:l,attrs:s}};const a={display:{name:"Columns"},props:[{prop:"header",type:"string",display:{cssClass:["form-minimal"],name:"Header"}},{prop:"content",type:r.EXPRESSION_METADATA_TYPE,display:{name:"Content"},extra:r.EXPRESSION_WIDGET_METADATA_EXTRA}]};let s=class PacemDataColumnElement extends t.PacemElement{propertyChangedCallback(e,t,r,a){switch(super.propertyChangedCallback(e,t,r,a),e){case"content":this.contentExpression=r;break;case"contentExpression":this.setAttribute("content",r||"")}}viewActivatedCallback(){super.viewActivatedCallback(),this._form.entity=this,this._form.metadata=r.gridifyMetadata(a)}};__decorate([e.Watch({converter:e.PropertyConverters.String})],s.prototype,"header",void 0),__decorate([e.Watch({converter:e.PropertyConverters.String})],s.prototype,"content",void 0),__decorate([e.Watch({converter:e.PropertyConverters.String})],s.prototype,"contentExpression",void 0),__decorate([e.ViewChild(e.P+"-form")],s.prototype,"_form",void 0),s=__decorate([e.CustomElement({tagName:e.P+"-widget-datacolumn",shadow:e.Defaults.USE_SHADOW_ROOT,template:`<${e.P}-form class="panel-body" autogenerate="true"></${e.P}-form>`})],s),r.PacemDataColumnElement=s;let o=class PacemDataColumnsElement extends e.Components.Scaffolding.PacemBaseElement{constructor(){super(...arguments),this._dropHandler=e=>{this.changeHandler(e)},this._columnifyMetadata=(e=this.properties)=>(e||[]).map(e=>({header:"function"==typeof e.display?.name?e.prop:e.display?.name||e.prop,content:`{{ ^item.${e.prop} }}`})).sort((e,t)=>e.header>t.header?1:-1)}get inputFields(){return[]}toggleReadonlyView(e){}onChange(t){return e.Utils.fromResult(this.value=this._repeater.datasource)}acceptValue(t){e.Utils.isNull(this._repeater)||(this._repeater.datasource=e.Utils.clone(t||[]))}getViewValue(e){return"[DataColumns]"}convertValueAttributeToProperty(t){return e.PropertyConverters.Json.convert(t,this)}viewActivatedCallback(){super.viewActivatedCallback(),this._propDragger.addEventListener(e.UI.DragDropEventType.End,this._dropHandler,!1),this._colDragger.addEventListener(e.UI.DragDropEventType.End,this._dropHandler,!1)}disconnectedCallback(){e.Utils.isNull(this._propDragger)||this._propDragger.removeEventListener(e.UI.DragDropEventType.End,this._dropHandler,!1),e.Utils.isNull(this._colDragger)||this._colDragger.removeEventListener(e.UI.DragDropEventType.End,this._dropHandler,!1),super.disconnectedCallback()}};__decorate([e.ViewChild(`${e.P}-repeater[columns]`)],o.prototype,"_repeater",void 0),__decorate([e.ViewChild(`${e.P}-drag-drop[properties]`)],o.prototype,"_propDragger",void 0),__decorate([e.ViewChild(`${e.P}-drag-drop[columns]`)],o.prototype,"_colDragger",void 0),__decorate([e.ViewChild("div[drop-target]")],o.prototype,"_dropTarget",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Json})],o.prototype,"properties",void 0),o=__decorate([e.CustomElement({tagName:e.P+"-widget-datacolumns",shadow:e.Defaults.USE_SHADOW_ROOT,template:`<div class="${e.PCSS}-datacolumns">\n    <div class="datacolumns-main display-flex flex-fill">\n\n        <${e.P}-drag-drop mode="${e.UI.DragDataMode.Alias}" disabled="{{ :host.readonly }}" handle-selector="*[handle]"\n              drop-behavior="${e.UI.DropBehavior.InsertChild}" drop-targets="{{ [::_dropTarget] }}" columns></${e.P}-drag-drop>   \n        <${e.P}-repeater class="display-flex flex-fill" columns>   \n            \x3c!-- columns --\x3e\n            <div class="display-flex flex-nowrap" drop-target>\n                <template>\n                    <${e.P}-panel behaviors="{{ [::_colDragger] }}">\n                        <div class="${e.PCSS}-panel panel-side-left side-auto">\n                            <div class="panel-side">\n                                <${e.P}-button class="display-block button-flat icon-glyph-small" icon-glyph="drag_indicator" handle></${e.P}-button>\n                                <${e.P}-button class="display-block button-flat icon-glyph-small" on-click=":host.value.splice(^index, 1)" icon-glyph="clear"></${e.P}-button>\n                            </div>\n                            <div class="panel-heading">\n                                <${e.P}-text text="{{ ^item.header }}"></${e.P}-text>\n                            </div>\n                            <${e.P}-widget-datacolumn class="panel-body" header="{{ ^item.header, twoway }}" content-expression="{{ ^item.content, twoway }}"></${e.P}-widget-datacolumn>\n                        </div>\n                    </${e.P}-panel>\n                </template>\n            </div>\n        </${e.P}-repeater>\n\n    </div>\n    <${e.P}-panel class="datacolumns-props" hide="{{ :host.readonly }}">\n        <${e.P}-drag-drop mode="${e.UI.DragDataMode.Copy}" disabled="{{ :host.readonly }}" handle-selector="*[handle]"\n              drop-behavior="${e.UI.DropBehavior.InsertChild}" drop-targets="{{ [::_dropTarget] }}" properties></${e.P}-drag-drop>\n        <${e.P}-repeater datasource="{{ :host._columnifyMetadata(:host.properties) }}">\n        \x3c!-- properties --\x3e\n            <template>\n                <${e.P}-panel behaviors="{{ [::_propDragger] }}" class="${e.PCSS}-panel panel-side-left side-auto panel-primary panel-filled ${e.PCSS}-margin margin-bottom-1">\n                    <div class="panel-side">\n                        <${e.P}-button class="display-block button-flat icon-glyph-small" icon-glyph="drag_indicator" handle></${e.P}-button>\n                    </div>\n                    <div class="text-truncate panel-body">\n                        <${e.P}-span text="{{ ^item.header }}"></${e.P}-span>\n                    </div>\n                </${e.P}-panel>\n            </template>\n        </${e.P}-repeater>\n    </${e.P}-panel>\n</div>`})],o),r.PacemDataColumnsElement=o}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){class PacemUiWidgetElement extends t.PacemWidgetElement{constructor(e,t=1,r){super(e,r),this.colspan=t,this.rowspan=1}connectedCallback(){super.connectedCallback(),e.Utils.addClass(this,"ui-widget "+e.PCSS+"-cell cols-xs-start-1 cols-xs-12 rows-xs-start-auto")}propertyChangedCallback(t,r,a,s){switch(super.propertyChangedCallback(t,r,a,s),t){case"row":e.Utils.removeClass(this,`rows-start-${r+1}`),e.Utils.addClass(this,`rows-start-${a+1}`);break;case"rowspan":e.Utils.removeClass(this,`rows-${r}`),e.Utils.addClass(this,`rows-${a}`);break;case"column":e.Utils.removeClass(this,`cols-start-${r+1}`),e.Utils.addClass(this,`cols-start-${a+1}`);break;case"colspan":e.Utils.removeClass(this,`cols-${r}`),e.Utils.addClass(this,`cols-${a}`);break;case"borders":(this.borders?e.Utils.addClass:e.Utils.removeClass).apply(this,[this,e.PCSS+"-border"]);break;case"corners":(this.borders?e.Utils.addClass:e.Utils.removeClass).apply(this,[this,e.PCSS+"-corners"])}}get container(){return this._container}findContainer(){return e.CustomElementUtils.findAncestor(this,e=>e instanceof PacemCompositeWidgetElement)}viewActivatedCallback(){super.viewActivatedCallback();let t=this._container=this.findContainer();e.Utils.isNull(t)||t.register(this)}disconnectedCallback(){e.Utils.isNull(this._container)||this._container.unregister(this),super.disconnectedCallback()}}__decorate([e.Watch({emit:!0,reflectBack:!0,converter:e.PropertyConverters.Number})],PacemUiWidgetElement.prototype,"column",void 0),__decorate([e.Watch({emit:!0,reflectBack:!0,converter:e.PropertyConverters.Number})],PacemUiWidgetElement.prototype,"row",void 0),__decorate([e.Watch({emit:!0,reflectBack:!0,converter:e.PropertyConverters.Number})],PacemUiWidgetElement.prototype,"colspan",void 0),__decorate([e.Watch({emit:!0,reflectBack:!0,converter:e.PropertyConverters.Number})],PacemUiWidgetElement.prototype,"rowspan",void 0),__decorate([e.Watch({emit:!0,reflectBack:!0,converter:e.PropertyConverters.Boolean})],PacemUiWidgetElement.prototype,"borders",void 0),__decorate([e.Watch({emit:!0,reflectBack:!0,converter:e.PropertyConverters.Boolean})],PacemUiWidgetElement.prototype,"corners",void 0),t.PacemUiWidgetElement=PacemUiWidgetElement,t.WidgetRegisterEventName="widgetregister",t.WidgetUnregisterEventName="widgetunregister",t.LayoutChangeEventName="layoutchange";class WidgetRegisterEvent extends CustomEvent{constructor(r,a){super(t.WidgetRegisterEventName,e.Utils.extend(a||{},{detail:r}))}}t.WidgetRegisterEvent=WidgetRegisterEvent;class WidgetUnregisterEvent extends CustomEvent{constructor(r,a){super(t.WidgetUnregisterEventName,e.Utils.extend(a||{},{detail:r}))}}t.WidgetUnregisterEvent=WidgetUnregisterEvent;class PacemCompositeWidgetElement extends PacemUiWidgetElement{get itemsElement(){return this}validate(e){return e instanceof PacemUiWidgetElement}viewActivatedCallback(){super.viewActivatedCallback(),e.Utils.addClass(this.itemsElement,e.PCSS+"-items-element")}appendItem(e){this.itemsElement.appendChild(e)}register(t){if(!this.validate(t))return this.log(e.Logging.LogLevel.Debug,`${t&&t.localName} element couldn't be registered in a ${this.localName} element.`),!1;let r=!1;const a=this.items=this.items||[];return e.Utils.isNullOrEmpty(a)?(this.items=[t],r=!0):-1===a.indexOf(t)&&(a.push(t),r=!0),r&&this.dispatchEvent(new WidgetRegisterEvent(t)),r}unregister(t){const r=this.items,a=!e.Utils.isNullOrEmpty(r)&&r.indexOf(t);if(a>=0){let e=r.splice(a,1);return this.dispatchEvent(new WidgetUnregisterEvent(e[0])),!0}return!1}}__decorate([e.Watch()],PacemCompositeWidgetElement.prototype,"items",void 0),t.PacemCompositeWidgetElement=PacemCompositeWidgetElement}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){const r=t.buildWidgetMetadata({display:{icon:"font_download",name:"Text",description:"Plain text widget."},props:[{prop:"text",type:t.EXPRESSION_METADATA_TYPE,display:{name:"Text"},extra:t.EXPRESSION_WIDGET_METADATA_EXTRA}]});let a=class PacemWidgetTextElement extends t.PacemUiWidgetElement{constructor(){super(r)}};__decorate([e.Watch({reflectBack:!0,converter:e.PropertyConverters.String})],a.prototype,"text",void 0),a=__decorate([e.CustomElement({tagName:e.P+"-widget-text",shadow:e.Defaults.USE_SHADOW_ROOT,template:`<${e.P}-text text="{{ :host.text }}"></${e.P}-text>`})],a),t.PacemWidgetTextElement=a}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){function r(){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");return e.style.pointerEvents="none",e.style.zIndex="1000",e.setAttribute("height","100%"),e.setAttribute("width","100%"),e.setAttribute("preserveAspectRatio","none"),e.setAttribute("class","grid-cell-wrapper"),e.innerHTML='<rect class="grid-cell" width="100%" height="100%"></rect>',e}t.GRID_COLUMNS=12;const a=t.GRID_COLUMNS,s={display:{icon:"grid_on",name:"Grid",description:"Composition Widget that lays out child-widgets in a grid container."},props:[{prop:"rows",type:"int",display:{name:"Rows",cssClass:["cols-lg-4"]},validators:[{type:"required",errorMessage:""},{type:"range",errorMessage:"",params:{min:1,max:24}}]},{prop:"rowGap",type:"int",display:{name:"Row gap",cssClass:["cols-lg-4"]},validators:[{type:"range",errorMessage:"",params:{min:0,max:3,step:.25}}]},{prop:"columnGap",type:"int",display:{name:"Column gap",cssClass:["cols-lg-4"]},validators:[{type:"range",errorMessage:"",params:{min:0,max:3,step:.25}}]}]};let o=class PacemGridWidgetElement extends t.PacemCompositeWidgetElement{constructor(){super(t.buildWidgetMetadata(s),a,"grid"),this._widgetPropertyChange=e=>{if("row"===e.detail.propertyName||"rowspan"===e.detail.propertyName){const t=e.target;this.rows=Math.max(this.rows,t.row+t.rowspan)}},this._dragDropHandler=t=>{const r=t.detail,s=r.element;switch(t.type){case e.UI.DragDropEventType.Start:this._gridBoxes.forEach(e=>{e.style.pointerEvents="auto"}),this._initState={colspan:s.colspan,rowspan:s.rowspan,col:s.column,row:s.row};break;case e.UI.DragDropEventType.End:this._gridBoxes.forEach(e=>{e.style.pointerEvents="none"});break;case e.UI.DragDropEventType.Over:var o=r.target,i=+o.style.gridColumnStart-1,n=+o.style.gridRowStart-1;const t=i+this._initState.colspan,l=n+this._initState.rowspan;if(!this._intersects(s,i,n,s.colspan,s.rowspan)){let e=!1;t<=(this.columns||a)&&(e=s.column!==i,s.column=i),l<=(this.rows||1)&&(e=e||s.row!==n,s.row=n)}}},this._resizeHandler=t=>{switch(t.type){case e.UI.RescaleEventType.Start:e.Utils.addClass(t.detail.element,e.PCSS+"-rescaling"),this._gridBoxes.forEach(e=>{e.style.pointerEvents="auto"});break;case e.UI.RescaleEventType.End:this._gridBoxes.forEach(e=>{e.style.pointerEvents="none"}),e.Utils.removeClass(t.detail.element,e.PCSS+"-rescaling");break;case e.UI.RescaleEventType.Rescale:t.preventDefault();const s={x:t.clientX,y:t.clientY},o=t.detail.handle,i=document.elementsFromPoint(s.x,s.y).find(e=>this._dragDrop.dropTargets.indexOf(e)>=0);if(i){var r=+i.style.gridColumnStart,a=+i.style.gridRowStart;const e=t.detail.element,s=e.column+1,n=e.row+1,l=1+r-s,c=1+a-n;if(!this._intersects(e,e.column,e.row,l,c)){let t=!1;r>=s&&o.endsWith("right")&&(t=e.colspan!==l,e.colspan=l),a>=n&&o.startsWith("bottom")&&(t=t||e.rowspan!==c,e.rowspan=c)}}}},this._gridBoxes=[]}register(t){let r=super.register(t);if(r){const r=t.row||0,a=t.column||0,s=t.colspan||2,o=t.rowspan||1;let i=!this._intersects(t,a,r,s,o);if(i)t.row=r,t.column=a,t.colspan=s,t.rowspan=o;else{if(!i){let e=(e=!1)=>{let r=this.columns-1;e||(r=r-s+1);for(let e=0;e<this.rows;e++){for(let a=0;a<=r;a++)if(!this._intersects(t,a,e,s,o)){t.column=a,t.row=e,t.colspan=Math.min(r+1-a,s),t.rowspan=o,i=!0;break}if(i)break}};e(),!i&&s>1&&e(!0)}i||(this.rows++,t.row=this.rows-1,t.column=0)}t.behaviors=[this._dragDrop,this._rescaler],t.addEventListener(e.PropertyChangeEventName,this._widgetPropertyChange,!1)}return r}unregister(t){let r=super.unregister(t);if(r){t.removeEventListener(e.PropertyChangeEventName,this._widgetPropertyChange,!1);const r=t.behaviors.indexOf(this._dragDrop);r>=0&&t.behaviors.splice(r,1);const a=t.behaviors.indexOf(this._rescaler);a>=0&&t.behaviors.splice(a,1)}return r}_intersects(e,t,r,a,s){for(let o of this.items){let i=o;if(i!==e&&(i.column<t+a&&i.column+i.colspan>t&&i.row<r+s&&i.row+i.rowspan>r))return!0}return!1}connectedCallback(){super.connectedCallback(),e.Utils.addClass(this,e.PCSS+"-grid");let r=this._dragDrop=document.createElement(e.P+"-drag-drop"),a=document.createElement("div");document.body.appendChild(a),r.floater=a,r.mode=e.UI.DragDataMode.Alias,r.dropBehavior=e.UI.DropBehavior.None,r.addEventListener(e.UI.DragDropEventType.Start,this._dragDropHandler,!1),r.addEventListener(e.UI.DragDropEventType.Over,this._dragDropHandler,!1),r.addEventListener(e.UI.DragDropEventType.End,this._dragDropHandler,!1),document.body.appendChild(r);let s=this._rescaler=document.createElement(e.P+"-rescale");s.handles=[e.UI.RescaleHandle.Right,e.UI.RescaleHandle.Bottom],s.addEventListener(e.UI.RescaleEventType.Start,this._resizeHandler,!1),s.addEventListener(e.UI.RescaleEventType.Rescale,this._resizeHandler,!1),s.addEventListener(e.UI.RescaleEventType.End,this._resizeHandler,!1),document.body.appendChild(s),e.Utils.isNullOrEmpty(this.columns)&&(this.columns=t.GRID_COLUMNS),e.Utils.isNullOrEmpty(this.rows)&&(this.rows=1)}viewActivatedCallback(){super.viewActivatedCallback(),this.adapt()}propertyChangedCallback(e,t,r,a){super.propertyChangedCallback(e,t,r,a),this.adapt()}disconnectedCallback(){var t=this._dragDrop,r=this._rescaler;e.Utils.isNull(t)||(t.floater.remove(),t.removeEventListener(e.UI.DragDropEventType.Start,this._dragDropHandler,!1),t.removeEventListener(e.UI.DragDropEventType.Over,this._dragDropHandler,!1),t.removeEventListener(e.UI.DragDropEventType.End,this._dragDropHandler,!1),t.remove(),this._dragDrop=null),e.Utils.isNull(r)||(r.removeEventListener(e.UI.RescaleEventType.Start,this._resizeHandler,!1),r.removeEventListener(e.UI.RescaleEventType.Rescale,this._resizeHandler,!1),r.removeEventListener(e.UI.RescaleEventType.End,this._resizeHandler,!1),r.remove(),this._rescaler=null),super.disconnectedCallback()}_normalize(e,t=1){return"string"==typeof e?e:(null==e&&(e=t),this.unitPixels(e)+"px")}unitPixels(e){return e*(this.unit||8)}adapt(){this.style.marginTop=this.unitPixels(this.marginTop||0)+"px",this.style.marginBottom=this.unitPixels(this.marginBottom||0)+"px",this.style.gridTemplateColumns=`repeat(${this.columns||a}, 1fr)`;let e=this._normalize(this.minRowheight,3),t=this._normalize(this.rowheight||"auto");this.style.gridTemplateRows=`repeat(${this.rows||1}, minmax(${e}, ${t}))`,this.style.gridRowGap=this._normalize(this.rowGap,1),this.style.gridColumnGap=this._normalize(this.columnGap,1),this._setGridLines()}_setGridLines(){var t=0;const s=this.editing;if(s){const e=this.columns||a,s=e*(this.rows||1);t=s;for(let t=0;t<s;t++){for(;this._gridBoxes.length<=t;){let e=r();this.appendChild(e),this._gridBoxes.push(e)}let a=this._gridBoxes[t];const s=t%e,o=Math.floor(t/e);a.style.gridColumn=(s+1).toString(),a.style.gridRow=(o+1).toString()}}for(let e of this._gridBoxes.splice(t))e.remove();e.Utils.isNull(this._dragDrop)||e.Utils.isNull(this._rescaler)||(this._dragDrop.disabled=this._rescaler.disabled=!s,this._dragDrop.dropTargets=this._gridBoxes)}};__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.Number})],o.prototype,"unit",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.Number})],o.prototype,"marginTop",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.Number})],o.prototype,"marginBottom",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.Number})],o.prototype,"columns",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.Number})],o.prototype,"rows",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.String})],o.prototype,"minRowheight",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.String})],o.prototype,"rowheight",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.Number})],o.prototype,"rowGap",void 0),__decorate([e.Watch({emit:!1,reflectBack:!0,converter:e.PropertyConverters.Number})],o.prototype,"columnGap",void 0),__decorate([e.Debounce(100)],o.prototype,"adapt",null),o=__decorate([e.CustomElement({tagName:e.P+"-widget-grid"})],o),t.PacemGridWidgetElement=o}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){let r=class PacemWidgetPickerElement extends t.PacemCompositeWidgetElement{register(e){const t=super.register(e);return t&&(e.hide=!0),t}};__decorate([e.ViewChild(e.P+"-drag-drop")],r.prototype,"_dragDrop",void 0),r=__decorate([e.CustomElement({tagName:e.P+"-widget-picker",shadow:e.Defaults.USE_SHADOW_ROOT,template:`<${e.P}-repeater datasource="{{ :host.items }}">\n    <template>\n        <${e.P}-panel behaviors="{{ [::_dragDrop] }}" class="${e.PCSS}-widget-itempicker display-flex flex-fill flex-middle flex-nowrap">\n            <i class="${e.PCSS}-icon flex-auto" dragger>drag_indicator</i>\n            <${e.P}-icon icon="{{ ^item.metadata.display.icon }}" class="flex-auto ${e.PCSS}-margin margin-x-1"></${e.P}-icon>\n            <${e.P}-text text="{{ ^item.metadata.display.name }}"></${e.P}-text>\n        </${e.P}-panel>\n    </template>\n</${e.P}-repeater>\n<${e.P}-drag-drop handle-selector="i.${e.PCSS}-icon[dragger]"></${e.P}-drag-drop>\n<${e.P}-content></${e.P}-content>`})],r),t.PacemWidgetPickerElement=r}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={})),function(e){!function(t){!function(t){const r={display:{name:"DataColumn"},props:[{prop:"header",type:"string",display:{name:"Header"}},{prop:"content",type:t.EXPRESSION_METADATA_TYPE,display:{name:"Content"},extra:t.EXPRESSION_WIDGET_METADATA_EXTRA}]},a=t.buildWidgetMetadata({display:{icon:"table_chart",name:"DataGrid",description:"DataGrid widget."},props:[{prop:"datasource",type:t.EXPRESSION_METADATA_TYPE,display:{name:"Datasource"},extra:e.Utils.extend({},t.EXPRESSION_WIDGET_METADATA_EXTRA,{filter:e=>e instanceof t.PacemWidgetDataElement||e instanceof t.PacemWidgetFetchElement})},{prop:"columns",type:t.DATACOLUMNS_METADATA_TYPE,display:{name:"Columns"},extra:{properties:"datarowMetadata"},props:t.gridifyMetadata(r)}]});function s(t,r=[]){const{head:a,body:s}=function(t=[]){const r=document.createDocumentFragment(),a=document.createDocumentFragment();let s=1;for(let o of t){const t=document.createElement("div");t.classList.add(e.PCSS+"-headcell"),t.textContent=o.header,r.appendChild(t);const i=new e.Components.PacemSpanElement;i.classList.add(e.PCSS+"-datacell","datacell-corners"),i.style.gridColumn=s.toString(),i.setAttribute("css","{{ {'grid-row': ^index+2} }}"),i.setAttribute("content",o.content),a.appendChild(i),s++}const o=new e.Components.PacemPanelElement;return o.classList.add(e.PCSS+"-datarow"),o.setAttribute("css","{{ {'grid-row': ^index+2} }}"),o.setAttribute("css-class","{{ {'datarow-alt': ^index % 2 === 1} }}"),o.style.gridColumn="1/"+(t.length+1),a.appendChild(o),{head:r,body:a}}(r),o=document.createElement("div");o.appendChild(a);const i=document.createElement("div");return i.appendChild(s),`<${e.P}-repeater datasource="{{ #${t}.datasource }}">\n    <div class="${e.PCSS}-datatable" style="grid-template-columns: ${function(e=[]){var t="";for(let r of e||[]){const e=r.width||1;t+="number"==typeof e?e+"fr ":"auto "}return t}(r)}">\n    ${o.innerHTML}\n    <template>${i.innerHTML}</template>\n</div></${e.P}-repeater>`}let o=class PacemWidgetDataGridElement extends t.PacemUiWidgetElement{constructor(){super(a),this.columns=[],this.datasource=[],this.datarowMetadata=[],this._builtUponDatasource=!1}_gridify(e=this.columns){var t="";for(let r of e||[]){const e=r.width||1;t+="number"==typeof e?e+"fr ":"auto "}return t}propertyChangedCallback(e,t,r,a){if(super.propertyChangedCallback(e,t,r,a),!a)switch(e){case"columns":this.innerHTML=s(this.id,r);break;case"datasource":this._extractMetadataJustInCase(r)}}viewActivatedCallback(){super.viewActivatedCallback(),this.innerHTML=s(this.id,this.columns)}_seekArray(t){if(e.Utils.isArray(t))return t;if("object"==typeof t)for(let r in t){const a=this._seekArray(t[r]);if(!e.Utils.isNull(a))return a}return null}_extractMetadataJustInCase(t=this.datasource){if((e.Utils.isNullOrEmpty(this.datarowMetadata)||this._builtUponDatasource)&&!e.Utils.isNullOrEmpty(t)){const r=this._seekArray(t);if(!e.Utils.isNullOrEmpty(r)){const e=[],t=r[0];for(let r in t)e.push({prop:r,type:typeof t[r]});this.datarowMetadata=e,this._builtUponDatasource=!0}}}};__decorate([e.Watch({reflectBack:!0,converter:e.PropertyConverters.Json})],o.prototype,"columns",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Json})],o.prototype,"datasource",void 0),__decorate([e.Watch({converter:e.PropertyConverters.Json})],o.prototype,"datarowMetadata",void 0),__decorate([e.ViewChild(`.${e.PCSS}-datatable`)],o.prototype,"_datatable",void 0),__decorate([e.ViewChild("template")],o.prototype,"_template",void 0),__decorate([e.ViewChild(e.P+"-repeater")],o.prototype,"_repeater",void 0),o=__decorate([e.CustomElement({tagName:e.P+"-widget-datagrid"})],o),t.PacemWidgetDataGridElement=o}(t.Cms||(t.Cms={}))}(e.Components||(e.Components={}))}(Pacem||(Pacem={}));

package/dist/js/pacem-core.d.ts

@@ -1,6 +1,6 @@
 /**
- * pacem v0.52.1 (https://js.pacem.it)
- * Copyright 2025 Pacem (https://pacem.it)
+ * pacem v0.52.2 (https://js.pacem.it)
+ * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
 declare namespace Pacem {

package/dist/js/pacem-core.js

@@ -1,6 +1,6 @@
 /**
- * pacem v0.52.1 (https://js.pacem.it)
- * Copyright 2025 Pacem (https://pacem.it)
+ * pacem v0.52.2 (https://js.pacem.it)
+ * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {