@genexus/genexus-ide-ui 0.0.9

package/dist/esm/ch-notifications.entry.js

@@ -0,0 +1,99 @@
+import { r as registerInstance, h, H as Host } from './index-4f0a5746.js';
+
+const notificationsCss = "ch-notifications{--ch-notification-item-rtl-initial-X:1;display:flex;flex-direction:column;gap:14px;position:fixed;inset-block-end:86px;width:425px;max-width:75vw}ch-notifications.ch-notifications-position--bottom-end{--ch-notification-item-initial-X:var(--ch-notification-item-rtl-initial-X);inset-inline-end:70px}ch-notifications.ch-notifications-position--bottom-start{--ch-notification-item-initial-X:calc(\n    var(--ch-notification-item-rtl-initial-X) * -1\n  );inset-inline-start:70px}";
+
+const ChNotifications = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * `true` if the componentDidLoad lifecycle method was executed
+     */
+    this.didLoad = false;
+    this.lastNotificationID = 0;
+    this.currentNotifications = new Map();
+    this.notificationsSize = 0;
+    /**
+     *
+     */
+    this.delayToAnimateNewNotifications = 50;
+    /**
+     *
+     */
+    this.notifications = [];
+    /**
+     *
+     */
+    this.position = "bottom-end";
+    /**
+     *
+     */
+    this.timeToDismissNotifications = 5000;
+    /**
+     *
+     */
+    this.timeType = "Milliseconds";
+    this.getMessages = () => [...this.currentNotifications.values()];
+    this.getTimeToDismiss = () => this.timeType === "Seconds"
+      ? this.timeToDismissNotifications * 1000
+      : this.timeToDismissNotifications;
+  }
+  handleNewNotificationsChange(newNotifications) {
+    // Sometimes StencilJS calls this decorator before the component did load
+    if (this.didLoad) {
+      this.addNewNotifications(newNotifications);
+    }
+  }
+  handleNotificationClick(event) {
+    const notification = this.currentNotifications.get(event.detail);
+    if (!notification) {
+      return;
+    }
+    if (notification.closeOnClick) {
+      this.currentNotifications.delete(event.detail);
+      // Trigger render
+      this.notificationsSize--;
+    }
+  }
+  handleNotificationDismiss(event) {
+    this.currentNotifications.delete(event.detail);
+    // Trigger render
+    this.notificationsSize--;
+  }
+  addNewNotifications(notifications) {
+    if (!notifications) {
+      return;
+    }
+    let delayToAnimate = 0;
+    notifications.forEach(notification => {
+      var _a;
+      const notificationID = (_a = notification.Id) !== null && _a !== void 0 ? _a : this.lastNotificationID;
+      // If the notification did not have an ID, increment the counter
+      if (!notification.Id) {
+        this.lastNotificationID++;
+      }
+      notification["id"] = notificationID;
+      notification["delayToAnimate"] = delayToAnimate;
+      this.currentNotifications.set(notificationID, notification);
+      delayToAnimate++;
+    });
+  }
+  componentWillLoad() {
+    this.addNewNotifications(this.notifications);
+  }
+  componentDidLoad() {
+    this.didLoad = true;
+  }
+  render() {
+    const messages = this.getMessages();
+    return (h(Host, { tabindex: messages.length > 0 ? "0" : undefined, role: "alert", "aria-atomic": "true", class: `ch-notifications-position--${this.position}` }, messages.map(({ Id, Value, Class, delayToAnimate }) => (h("ch-notifications-item", { id: Id.toString(), key: Id, class: Class, style: {
+        "--delay-to-animate": `${delayToAnimate * this.delayToAnimateNewNotifications}ms`
+      }, "time-to-dismiss": this.getTimeToDismiss() +
+        delayToAnimate * this.delayToAnimateNewNotifications, innerHTML: Value })))));
+  }
+  static get watchers() { return {
+    "notifications": ["handleNewNotificationsChange"]
+  }; }
+};
+ChNotifications.style = notificationsCss;
+
+export { ChNotifications as ch_notifications };

package/dist/esm/ch-paginator-pages.entry.js

@@ -0,0 +1,152 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4f0a5746.js';
+
+const chPaginatorPagesCss = "button{all:unset}.pages{display:flex;align-items:center;list-style-type:none;margin:0;padding:0}";
+
+const ChPaginatorPages = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.pageChanged = createEvent(this, "pageChanged", 7);
+    /**
+     * The active page number.
+     */
+    this.page = 1;
+    /**
+     * The total number of pages.
+     */
+    this.totalPages = 1;
+    /**
+     * The maximum number of items to display in the pagination.
+     */
+    this.maxSize = 9;
+    /**
+     * Flag to render the first and last pages.
+     */
+    this.renderFirstLastPages = true;
+    /**
+     * The text to display for the dots.
+     */
+    this.textDots = "...";
+    this.clickHandler = (eventInfo) => {
+      const button = eventInfo.target;
+      this.page = parseInt(button.value);
+    };
+  }
+  pageHandler() {
+    this.pageChanged.emit({ page: this.page });
+  }
+  maxSizeHandler() {
+    this.validateMaxSize();
+  }
+  renderFirstLastPagesHandler() {
+    this.validateMaxSize();
+  }
+  componentDidUpdate() {
+    if (document.activeElement === this.el) {
+      this.buttonActive.focus();
+    }
+  }
+  keyDownHandler(eventInfo) {
+    switch (eventInfo.key) {
+      case "ArrowLeft":
+        this.page = Math.max(this.page - 1, 1);
+        break;
+      case "ArrowRight":
+        this.page = Math.min(this.page + 1, this.totalPages);
+        break;
+    }
+  }
+  focusHandler() {
+    this.buttonActive.focus();
+  }
+  getItems() {
+    const padLeft = Math.ceil((this.maxSize - 1) / 2);
+    const padRight = Math.floor((this.maxSize - 1) / 2);
+    let fillLeft, fillStart;
+    let fillRight, fillEnd;
+    if (this.maxSize === 0 || this.maxSize >= this.totalPages) {
+      fillStart = this.fillStart(false);
+      fillLeft = this.page - 1;
+      fillRight = this.totalPages - this.page;
+      fillEnd = this.fillEnd(false);
+    }
+    else if (this.page <= padLeft && this.page < this.totalPages - padRight) {
+      fillStart = this.fillStart(false);
+      fillLeft = this.page - 1;
+      fillEnd = this.fillEnd(true);
+      fillRight = padRight - fillEnd.length + (padLeft - fillLeft);
+    }
+    else if (this.page > padLeft && this.page < this.totalPages - padRight) {
+      fillStart = this.fillStart(true);
+      fillLeft = padLeft - fillStart.length;
+      fillEnd = this.fillEnd(true);
+      fillRight = padRight - fillEnd.length;
+    }
+    else if (this.page > padLeft && this.page >= this.totalPages - padRight) {
+      fillEnd = this.fillEnd(false);
+      fillRight = this.totalPages - this.page;
+      fillStart = this.fillStart(true);
+      fillLeft = padLeft - fillStart.length + padRight - fillRight;
+    }
+    const items = fillStart
+      .concat(this.getRangeItems(this.page - fillLeft, this.page - 1))
+      .concat([this.page])
+      .concat(this.getRangeItems(this.page + 1, this.page + fillRight))
+      .concat(fillEnd);
+    return {
+      items,
+      activeIndex: fillStart.length + fillLeft
+    };
+  }
+  fillStart(render) {
+    if (render) {
+      return this.renderFirstLastPages ? [1, this.textDots] : [this.textDots];
+    }
+    else {
+      return [];
+    }
+  }
+  fillEnd(render) {
+    if (render) {
+      return this.renderFirstLastPages
+        ? [this.textDots, this.totalPages]
+        : [this.textDots];
+    }
+    else {
+      return [];
+    }
+  }
+  getRangeItems(start, end) {
+    return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+  }
+  validateMaxSize() {
+    if (this.maxSize > 0) {
+      if (!this.renderFirstLastPages && this.maxSize < 3) {
+        this.maxSize = 3;
+      }
+      else if (this.renderFirstLastPages && this.maxSize < 5) {
+        this.maxSize = 5;
+      }
+    }
+  }
+  render() {
+    const { items, activeIndex } = this.getItems();
+    return (h("ol", { part: "pages", class: "pages" }, items.map((item, i) => {
+      if (typeof item === "number") {
+        return (h("li", null, h("button", { part: `page button ${i === activeIndex ? "active" : ""}`, value: item, onClick: this.clickHandler, ref: el => (this.buttonActive =
+            i === activeIndex ? el : this.buttonActive) }, item)));
+      }
+      else {
+        return (h("li", null, h("button", { part: "page button dots", disabled: true }, item)));
+      }
+    })));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "page": ["pageHandler"],
+    "maxSize": ["maxSizeHandler"],
+    "renderFirstLastPages": ["renderFirstLastPagesHandler"]
+  }; }
+};
+ChPaginatorPages.style = chPaginatorPagesCss;
+
+export { ChPaginatorPages as ch_paginator_pages };

package/dist/esm/ch-qr.entry.js

@@ -0,0 +1,82 @@
+import { r as registerInstance, h, H as Host } from './index-4f0a5746.js';
+
+/*
+ jquery-qrcode v0.14.0 - https://larsjung.de/jquery-qrcode/ */
+let G=null;class H{}H.render=function(w,B){G(w,B);};self.QrCreator=H;
+(function(w){function B(t,c,a,e){var b={},h=w(a,c);h.u(t);h.J();e=e||0;var r=h.h(),d=h.h()+2*e;b.text=t;b.level=c;b.version=a;b.O=d;b.a=function(b,a){b-=e;a-=e;return 0>b||b>=r||0>a||a>=r?!1:h.a(b,a)};return b}function C(t,c,a,e,b,h,r,d,g,x){function u(b,a,f,c,d,r,g){b?(t.lineTo(a+r,f+g),t.arcTo(a,f,c,d,h)):t.lineTo(a,f);}r?t.moveTo(c+h,a):t.moveTo(c,a);u(d,e,a,e,b,-h,0);u(g,e,b,c,b,0,-h);u(x,c,b,c,a,h,0);u(r,c,a,e,a,0,h);}function z(t,c,a,e,b,h,r,d,g,x){function u(b,a,c,d){t.moveTo(b+c,a);t.lineTo(b,
+a);t.lineTo(b,a+d);t.arcTo(b,a,b+c,a,h);}r&&u(c,a,h,h);d&&u(e,a,-h,h);g&&u(e,b,-h,-h);x&&u(c,b,h,-h);}function A(t,c){var a=c.fill;if("string"===typeof a)t.fillStyle=a;else {var e=a.type,b=a.colorStops;a=a.position.map((b)=>Math.round(b*c.size));if("linear-gradient"===e)var h=t.createLinearGradient.apply(t,a);else if("radial-gradient"===e)h=t.createRadialGradient.apply(t,a);else throw Error("Unsupported fill");b.forEach(([b,a])=>{h.addColorStop(b,a);});t.fillStyle=h;}}function y(t,c){a:{var a=c.text,e=
+c.v,b=c.N,h=c.K,r=c.P;b=Math.max(1,b||1);for(h=Math.min(40,h||40);b<=h;b+=1)try{var d=B(a,e,b,r);break a}catch(J){}d=void 0;}if(!d)return null;a=t.getContext("2d");c.background&&(a.fillStyle=c.background,a.fillRect(c.left,c.top,c.size,c.size));e=d.O;h=c.size/e;a.beginPath();for(r=0;r<e;r+=1)for(b=0;b<e;b+=1){var g=a,x=c.left+b*h,u=c.top+r*h,p=r,q=b,f=d.a,k=x+h,m=u+h,D=p-1,E=p+1,n=q-1,l=q+1,y=Math.floor(Math.min(.5,Math.max(0,c.R))*h),v=f(p,q),I=f(D,n),w=f(D,q);D=f(D,l);var F=f(p,l);l=f(E,l);q=f(E,
+q);E=f(E,n);p=f(p,n);x=Math.round(x);u=Math.round(u);k=Math.round(k);m=Math.round(m);v?C(g,x,u,k,m,y,!w&&!p,!w&&!F,!q&&!F,!q&&!p):z(g,x,u,k,m,y,w&&p&&I,w&&F&&D,q&&F&&l,q&&p&&E);}A(a,c);a.fill();return t}var v={minVersion:1,maxVersion:40,ecLevel:"L",left:0,top:0,size:200,fill:"#000",background:null,text:"no text",radius:.5,quiet:0};G=function(t,c){var a={};Object.assign(a,v,t);a.N=a.minVersion;a.K=a.maxVersion;a.v=a.ecLevel;a.left=a.left;a.top=a.top;a.size=a.size;a.fill=a.fill;a.background=a.background;
+a.text=a.text;a.R=a.radius;a.P=a.quiet;if(c instanceof HTMLCanvasElement){if(c.width!==a.size||c.height!==a.size)c.width=a.size,c.height=a.size;c.getContext("2d").clearRect(0,0,c.width,c.height);y(c,a);}else t=document.createElement("canvas"),t.width=a.size,t.height=a.size,a=y(t,a),c.appendChild(a);};})(function(){function w(c){var a=C.s(c);return {S:function(){return 4},b:function(){return a.length},write:function(c){for(var b=0;b<a.length;b+=1)c.put(a[b],8);}}}function B(){var c=[],a=0,e={B:function(){return c},
+c:function(b){return 1==(c[Math.floor(b/8)]>>>7-b%8&1)},put:function(b,h){for(var a=0;a<h;a+=1)e.m(1==(b>>>h-a-1&1));},f:function(){return a},m:function(b){var h=Math.floor(a/8);c.length<=h&&c.push(0);b&&(c[h]|=128>>>a%8);a+=1;}};return e}function C(c,a){function e(b,h){for(var a=-1;7>=a;a+=1)if(!(-1>=b+a||d<=b+a))for(var c=-1;7>=c;c+=1)-1>=h+c||d<=h+c||(r[b+a][h+c]=0<=a&&6>=a&&(0==c||6==c)||0<=c&&6>=c&&(0==a||6==a)||2<=a&&4>=a&&2<=c&&4>=c?!0:!1);}function b(b,a){for(var f=d=4*c+17,k=Array(f),m=0;m<
+f;m+=1){k[m]=Array(f);for(var p=0;p<f;p+=1)k[m][p]=null;}r=k;e(0,0);e(d-7,0);e(0,d-7);f=y.G(c);for(k=0;k<f.length;k+=1)for(m=0;m<f.length;m+=1){p=f[k];var q=f[m];if(null==r[p][q])for(var n=-2;2>=n;n+=1)for(var l=-2;2>=l;l+=1)r[p+n][q+l]=-2==n||2==n||-2==l||2==l||0==n&&0==l;}for(f=8;f<d-8;f+=1)null==r[f][6]&&(r[f][6]=0==f%2);for(f=8;f<d-8;f+=1)null==r[6][f]&&(r[6][f]=0==f%2);f=y.w(h<<3|a);for(k=0;15>k;k+=1)m=!b&&1==(f>>k&1),r[6>k?k:8>k?k+1:d-15+k][8]=m,r[8][8>k?d-k-1:9>k?15-k:14-k]=m;r[d-8][8]=!b;if(7<=
+c){f=y.A(c);for(k=0;18>k;k+=1)m=!b&&1==(f>>k&1),r[Math.floor(k/3)][k%3+d-8-3]=m;for(k=0;18>k;k+=1)m=!b&&1==(f>>k&1),r[k%3+d-8-3][Math.floor(k/3)]=m;}if(null==g){b=t.I(c,h);f=B();for(k=0;k<x.length;k+=1)m=x[k],f.put(4,4),f.put(m.b(),y.f(4,c)),m.write(f);for(k=m=0;k<b.length;k+=1)m+=b[k].j;if(f.f()>8*m)throw Error("code length overflow. ("+f.f()+">"+8*m+")");for(f.f()+4<=8*m&&f.put(0,4);0!=f.f()%8;)f.m(!1);for(;!(f.f()>=8*m);){f.put(236,8);if(f.f()>=8*m)break;f.put(17,8);}var u=0;m=k=0;p=Array(b.length);
+q=Array(b.length);for(n=0;n<b.length;n+=1){var v=b[n].j,w=b[n].o-v;k=Math.max(k,v);m=Math.max(m,w);p[n]=Array(v);for(l=0;l<p[n].length;l+=1)p[n][l]=255&f.B()[l+u];u+=v;l=y.C(w);v=z(p[n],l.b()-1).l(l);q[n]=Array(l.b()-1);for(l=0;l<q[n].length;l+=1)w=l+v.b()-q[n].length,q[n][l]=0<=w?v.c(w):0;}for(l=f=0;l<b.length;l+=1)f+=b[l].o;f=Array(f);for(l=u=0;l<k;l+=1)for(n=0;n<b.length;n+=1)l<p[n].length&&(f[u]=p[n][l],u+=1);for(l=0;l<m;l+=1)for(n=0;n<b.length;n+=1)l<q[n].length&&(f[u]=q[n][l],u+=1);g=f;}b=g;f=
+-1;k=d-1;m=7;p=0;a=y.F(a);for(q=d-1;0<q;q-=2)for(6==q&&--q;;){for(n=0;2>n;n+=1)null==r[k][q-n]&&(l=!1,p<b.length&&(l=1==(b[p]>>>m&1)),a(k,q-n)&&(l=!l),r[k][q-n]=l,--m,-1==m&&(p+=1,m=7));k+=f;if(0>k||d<=k){k-=f;f=-f;break}}}var h=A[a],r=null,d=0,g=null,x=[],u={u:function(b){b=w(b);x.push(b);g=null;},a:function(b,a){if(0>b||d<=b||0>a||d<=a)throw Error(b+","+a);return r[b][a]},h:function(){return d},J:function(){for(var a=0,h=0,c=0;8>c;c+=1){b(!0,c);var d=y.D(u);if(0==c||a>d)a=d,h=c;}b(!1,h);}};return u}
+function z(c,a){if("undefined"==typeof c.length)throw Error(c.length+"/"+a);var e=function(){for(var b=0;b<c.length&&0==c[b];)b+=1;for(var r=Array(c.length-b+a),d=0;d<c.length-b;d+=1)r[d]=c[d+b];return r}(),b={c:function(b){return e[b]},b:function(){return e.length},multiply:function(a){for(var h=Array(b.b()+a.b()-1),c=0;c<b.b();c+=1)for(var g=0;g<a.b();g+=1)h[c+g]^=v.i(v.g(b.c(c))+v.g(a.c(g)));return z(h,0)},l:function(a){if(0>b.b()-a.b())return b;for(var c=v.g(b.c(0))-v.g(a.c(0)),h=Array(b.b()),
+g=0;g<b.b();g+=1)h[g]=b.c(g);for(g=0;g<a.b();g+=1)h[g]^=v.i(v.g(a.c(g))+c);return z(h,0).l(a)}};return b}C.s=function(c){for(var a=[],e=0;e<c.length;e++){var b=c.charCodeAt(e);128>b?a.push(b):2048>b?a.push(192|b>>6,128|b&63):55296>b||57344<=b?a.push(224|b>>12,128|b>>6&63,128|b&63):(e++,b=65536+((b&1023)<<10|c.charCodeAt(e)&1023),a.push(240|b>>18,128|b>>12&63,128|b>>6&63,128|b&63));}return a};var A={L:1,M:0,Q:3,H:2},y=function(){function c(b){for(var a=0;0!=b;)a+=1,b>>>=1;return a}var a=[[],[6,18],
+[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],
+[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],e={w:function(b){for(var a=b<<10;0<=c(a)-c(1335);)a^=1335<<c(a)-c(1335);return (b<<10|a)^21522},A:function(b){for(var a=b<<12;0<=c(a)-c(7973);)a^=7973<<c(a)-c(7973);return b<<12|a},G:function(b){return a[b-1]},F:function(b){switch(b){case 0:return function(b,a){return 0==(b+a)%2};case 1:return function(b){return 0==b%2};case 2:return function(b,a){return 0==a%3};case 3:return function(b,a){return 0==
+(b+a)%3};case 4:return function(b,a){return 0==(Math.floor(b/2)+Math.floor(a/3))%2};case 5:return function(b,a){return 0==b*a%2+b*a%3};case 6:return function(b,a){return 0==(b*a%2+b*a%3)%2};case 7:return function(b,a){return 0==(b*a%3+(b+a)%2)%2};default:throw Error("bad maskPattern:"+b);}},C:function(b){for(var a=z([1],0),c=0;c<b;c+=1)a=a.multiply(z([1,v.i(c)],0));return a},f:function(b,a){if(4!=b||1>a||40<a)throw Error("mode: "+b+"; type: "+a);return 10>a?8:16},D:function(b){for(var a=b.h(),c=0,
+d=0;d<a;d+=1)for(var g=0;g<a;g+=1){for(var e=0,t=b.a(d,g),p=-1;1>=p;p+=1)if(!(0>d+p||a<=d+p))for(var q=-1;1>=q;q+=1)0>g+q||a<=g+q||(0!=p||0!=q)&&t==b.a(d+p,g+q)&&(e+=1);5<e&&(c+=3+e-5);}for(d=0;d<a-1;d+=1)for(g=0;g<a-1;g+=1)if(e=0,b.a(d,g)&&(e+=1),b.a(d+1,g)&&(e+=1),b.a(d,g+1)&&(e+=1),b.a(d+1,g+1)&&(e+=1),0==e||4==e)c+=3;for(d=0;d<a;d+=1)for(g=0;g<a-6;g+=1)b.a(d,g)&&!b.a(d,g+1)&&b.a(d,g+2)&&b.a(d,g+3)&&b.a(d,g+4)&&!b.a(d,g+5)&&b.a(d,g+6)&&(c+=40);for(g=0;g<a;g+=1)for(d=0;d<a-6;d+=1)b.a(d,g)&&!b.a(d+
+1,g)&&b.a(d+2,g)&&b.a(d+3,g)&&b.a(d+4,g)&&!b.a(d+5,g)&&b.a(d+6,g)&&(c+=40);for(g=e=0;g<a;g+=1)for(d=0;d<a;d+=1)b.a(d,g)&&(e+=1);return c+=Math.abs(100*e/a/a-50)/5*10}};return e}(),v=function(){for(var c=Array(256),a=Array(256),e=0;8>e;e+=1)c[e]=1<<e;for(e=8;256>e;e+=1)c[e]=c[e-4]^c[e-5]^c[e-6]^c[e-8];for(e=0;255>e;e+=1)a[c[e]]=e;return {g:function(b){if(1>b)throw Error("glog("+b+")");return a[b]},i:function(b){for(;0>b;)b+=255;for(;256<=b;)b-=255;return c[b]}}}(),t=function(){function c(b,c){switch(c){case A.L:return a[4*
+(b-1)];case A.M:return a[4*(b-1)+1];case A.Q:return a[4*(b-1)+2];case A.H:return a[4*(b-1)+3]}}var a=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,
+2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12,7,37,13],[5,122,98,1,123,99],[7,73,
+45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,
+151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],
+[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],
+[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],e={I:function(b,a){var e=c(b,a);if("undefined"==
+typeof e)throw Error("bad rs block @ typeNumber:"+b+"/errorCorrectLevel:"+a);b=e.length/3;a=[];for(var d=0;d<b;d+=1)for(var g=e[3*d],h=e[3*d+1],t=e[3*d+2],p=0;p<g;p+=1){var q=t,f={};f.o=h;f.j=q;a.push(f);}return a}};return e}();return C}());
+const QrCreator$1 = QrCreator;
+
+const chQrCss = ":host{display:block}";
+
+const ChQr = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Any kind of text, also links, email addresses, any thing.
+     */
+    this.text = undefined;
+    /**
+     * Defines how round the blocks should be. Numbers from 0 (squares) to 0.5 (maximum round) are supported.
+     */
+    this.radius = 0;
+    /**
+     * Means "Error correction levels". The four values L, M, Q, and H will use %7, 15%, 25%, and 30% of the QR
+     * code for error correction respectively. So on one hand the code will get bigger but chances are also higher
+     * that it will be read without errors later on. This value is by default High (H)
+     */
+    this.ecLevel = "H";
+    /**
+     * What color you want your QR code to be. By default is black.
+     */
+    this.fill = "black";
+    /**
+     * The background color. By default is transparent.
+     */
+    this.background = null;
+    /**
+     * The total size of the final QR code in pixels - it will be a square. This value is by default "128"
+     */
+    this.size = 128;
+  }
+  componentDidLoad() {
+    if (this.text) {
+      QrCreator$1.render({
+        text: this.text,
+        radius: this.radius,
+        ecLevel: this.ecLevel,
+        fill: this.fill,
+        background: this.background,
+        size: this.size // in pixels
+      }, this.qrContainer);
+    }
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "qr-container", ref: el => (this.qrContainer = el) })));
+  }
+};
+ChQr.style = chQrCss;
+
+export { ChQr as ch_qr };

package/dist/esm/ch-select-option.entry.js

@@ -0,0 +1,84 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+
+const chSelectOptionCss = ":host{display:block}:host .option{padding-left:16px;padding-right:16px;color:var(--text-color);font-size:var(--font-size);font-family:var(--font-family);height:32px;line-height:32px;display:flex;align-items:center;justify-content:space-between}:host .option:hover{transition:background-color 0.25s;background-color:var(--item-hover-color)}:host .option-selected{background-color:var(--item-active-color)}:host .option[disabled]{color:gray;cursor:default}:host .option[disabled] ch-icon{filter:grayscale(100%)}:host .option[disabled]:hover{background-color:transparent}:host .icon{display:inline-block;line-height:0}:host .left-icon{margin-inline-end:8px}:host .right-icon{margin-inline-start:16px}:host .left-container{display:flex;align-items:center}";
+
+const ChSelectItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.itemClicked = createEvent(this, "itemClicked", 7);
+    /**
+     * If enabled, the option icons will display its inherent/natural color
+     */
+    this.autoColor = true;
+  }
+  componentDidRender() {
+    if (this.el.hasAttribute("disabled")) {
+      this.selectOption.setAttribute("disabled", "");
+    }
+    if (this.el.hasAttribute("selected")) {
+      this.selectOption.classList.add("option-selected");
+      const selectedOptionText = this.el.parentElement.shadowRoot.querySelector("span.text");
+      selectedOptionText.innerHTML = this.el.innerHTML;
+    }
+  }
+  optionClickedHandler(event) {
+    const targetOption = event.el.value;
+    if (!event.disabled) {
+      this.setActiveOption(targetOption);
+      this.itemClicked.emit({ "option-value": targetOption });
+    }
+  }
+  setActiveOption(targetItem) {
+    const parent = this.el.parentElement;
+    const selectItems = parent.children;
+    let optionText = "";
+    for (let i = 0; i < selectItems.length; i++) {
+      const item = selectItems[i].shadowRoot.lastChild;
+      // remove old item selected class
+      if (item.classList.contains("option-selected")) {
+        item.classList.remove("option-selected");
+      }
+      selectItems[i].removeAttribute("aria-selected");
+      // remove pre-selection attribute
+      selectItems[i].removeAttribute("selected");
+      // set active item class
+      if (selectItems[i].value === targetItem.trim()) {
+        item.classList.add("option-selected");
+        selectItems[i].setAttribute("aria-selected", "true");
+        optionText = selectItems[i].innerHTML;
+      }
+    }
+    // update selected option text in select
+    const selectedOptionText = this.el.parentElement.shadowRoot.querySelector("span.text");
+    selectedOptionText.innerHTML = optionText;
+  }
+  resolveLeftIcon() {
+    if (this.leftIconSrc !== undefined) {
+      return this.leftIconSrc;
+    }
+    else {
+      return "";
+    }
+  }
+  resolveRightIcon() {
+    if (this.rightIconSrc !== undefined) {
+      return this.rightIconSrc;
+    }
+    else {
+      return "";
+    }
+  }
+  render() {
+    return (h(Host, { class: "option", role: "option", value: this.value, onClick: () => this.optionClickedHandler(this) }, h("div", { class: "option", exportparts: "option-text: select-option", ref: el => (this.selectOption = el), style: { height: this.height } }, h("div", { class: "left-container" }, this.leftIconSrc && (h("span", { class: "icon left-icon" }, h("ch-icon", { src: this.resolveLeftIcon(), style: {
+        "--icon-size": "20px",
+        "--icon-color": `var(--first-list-icon-color)`
+      }, "auto-color": this.autoColor }))), h("span", { class: "text", part: "option-text" }, h("slot", null))), this.rightIconSrc && (h("span", { class: "icon right-icon" }, h("ch-icon", { src: this.resolveRightIcon(), style: {
+        "--icon-size": "20px",
+        "--icon-color": `var(--first-list-icon-color)`
+      }, "auto-color": this.autoColor }))))));
+  }
+  get el() { return getElement(this); }
+};
+ChSelectItem.style = chSelectOptionCss;
+
+export { ChSelectItem as ch_select_option };

package/dist/esm/ch-select.entry.js

@@ -0,0 +1,111 @@
+import { r as registerInstance, c as createEvent, a as getAssetPath, h, H as Host, g as getElement } from './index-4f0a5746.js';
+import { C as ClickOutside } from './index-f3a45e56.js';
+
+const chSelectCss = ":host{--text-color:var(--black);--font-family:\"Source Sans Pro\", sans-serif;--title-font-weight:bold;--font-size:14px;--background-color:var(--whiteSmoke);--item-hover-color:var(--lightGray);--item-active-color:var(--silverGray);--icon-color:var(--black);--icon-size:20px;--arrow-color:var(--black);--padding-left:8px;--padding-right:8px;--justify-content:space-between;display:block;cursor:pointer;z-index:10}:host .icon{display:inline-block;line-height:0}:host .text{color:var(--text-color);font-family:var(--font-family);white-space:nowrap}:host .active{overflow:hidden;transition:max-height 0.5s;max-height:1000px}:host .inactive{overflow:hidden;max-height:0;transition:max-height 0.32s}:host .list-container{background-color:var(--background-color);display:flex;justify-content:var(--justify-content);padding:6px var(--padding-right) 6px var(--padding-left);height:32px;box-sizing:border-box;align-items:center}:host .list-container .left-container{display:flex;align-items:center;align-self:center;padding-inline-end:8px}:host .list-container .left-container .custom-icon{margin-inline-end:8px}:host .list-container .arrow-icon{transform:rotate(180deg);transition:transform 0.25s}:host .select-container.uncollapsed .arrow-icon{transform:rotate(0)}:host .select-options{width:fit-content;background-color:var(--background-color);position:absolute;z-index:100}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const ChSelect = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onToggle = createEvent(this, "onToggle", 7);
+    this.optionClickedEvent = createEvent(this, "optionClickedEvent", 7);
+    this.optionSelected = "";
+    this.arrowTop = getAssetPath(`./select-assets/arrow-top.svg`);
+    /**
+     * If enabled, the icon will display its inherent/natural color
+     */
+    this.autoColor = false;
+    /*
+     * This will track state changes (whether the
+     * dropdown component is open or closed)
+     */
+    this.toggle = false;
+  }
+  componentDidLoad() {
+    this.ro = new ResizeObserver(entries => {
+      for (const entry of entries) {
+        this.calculateSelectWidth(entry.contentBoxSize[0].inlineSize);
+        this.calculateSelectHeight();
+      }
+    });
+    this.ro.observe(this.el);
+    this.ro.observe(this.optionsContainerEl);
+  }
+  calculateSelectWidth(width) {
+    if (width !== 0) {
+      this.selectContainerEl.style.width = width + "px";
+    }
+  }
+  calculateSelectHeight() {
+    if (this.height !== "" && this.height) {
+      this.selectFlexContainerEl.style.height = this.height;
+    }
+  }
+  handleKeyDown(ev) {
+    switch (ev.key) {
+      case " ":
+        this.toggleComponent();
+        break;
+    }
+  }
+  closeSelect() {
+    // close the select when user clicks outside of component area.
+    if (this.toggle) {
+      this.toggleComponent();
+    }
+  }
+  optionClickedHandler(event) {
+    const targetOption = event.currentTarget.id;
+    this.toggleComponent();
+    this.optionClickedEvent.emit({ "option-value": targetOption });
+  }
+  /*
+   * This will manage the dropdown component event and state changes
+   */
+  toggleComponent() {
+    this.toggle = !this.toggle;
+    // When the user click emit the toggle state value
+    this.onToggle.emit({ visible: this.toggle });
+  }
+  resolveIcon() {
+    if (this.iconSrc !== undefined) {
+      return this.iconSrc;
+    }
+    else {
+      return "";
+    }
+  }
+  resolveArrowIcon() {
+    if (this.arrowIconSrc !== undefined) {
+      return this.arrowIconSrc;
+    }
+    else {
+      return this.arrowTop;
+    }
+  }
+  render() {
+    return (h(Host, { "aria-label": this.name, role: "listbox", "aria-expanded": this.toggle ? "true" : "false", tabindex: "0" }, h("div", { ref: el => (this.selectContainerEl = el), class: this.toggle
+        ? "select-container uncollapsed"
+        : "select-container collapsed" }, h("div", { class: "list-container", part: "select-box", onClick: () => this.toggleComponent(), ref: el => (this.selectFlexContainerEl = el) }, h("div", { class: "left-container" }, this.iconSrc && (h("span", { class: "icon custom-icon" }, h("ch-icon", { src: this.resolveIcon(), style: {
+        "--select-icon-size": "var(--icon-size)",
+        "--select-icon-color": `var(--icon-color)`
+      } }))), h("span", { class: "text" }, this.optionSelected ? this.optionSelected : this.name)), h("span", { class: "icon arrow-icon" }, h("div", { part: "collapse-icon" })))), h("div", { ref: el => (this.optionsContainerEl = el), class: this.toggle ? "select-options active" : "select-options inactive", part: "select-options" }, h("slot", null))));
+  }
+  static get assetsDirs() { return ["select-assets"]; }
+  get el() { return getElement(this); }
+};
+__decorate([
+  ClickOutside()
+], ChSelect.prototype, "closeSelect", null);
+ChSelect.style = chSelectCss;
+
+export { ChSelect as ch_select };

package/dist/esm/ch-sidebar-menu-list-item.entry.js

@@ -0,0 +1,79 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+
+const chSidebarMenuListItemCss = ":host{display:block;cursor:pointer}:host .icon{display:inline-block;line-height:0}:host .main-container{transition:background-color 0.25s;position:relative}:host .main-container:hover{background-color:var(--item-hover-color)}:host .text{color:var(--text-color)}:host(.collapsable){overflow:hidden}:host(.item--active) .main-container{background-color:var(--item-active-color)}:host(.item) .main-container:active{background-color:var(--item-active-color)}:host(.list-one__item) .main-container{display:flex;justify-content:space-between;padding:var(--first-list-text-vertical-padding) 8px var(--first-list-text-vertical-padding) 16px;min-height:40px;box-sizing:border-box;align-items:start}:host(.list-one__item) .main-container .left-container{display:flex;align-items:start;padding-inline-end:8px}:host(.list-one__item) .main-container .left-container .custom-icon{margin-inline-end:8px}:host(.list-one__item) .main-container .left-container .text{font-size:var(--first-list-font-size);text-transform:var(--first-list-text-transform);line-height:var(--first-list-line-height)}:host(.list-one__item) .main-container .arrow-icon{transform:rotate(180deg);transition:transform 0.25s}:host(.list-one__item.uncollapsed) .arrow-icon{transform:rotate(0)}:host(.list-one__item.speed-zero){transition-duration:0.01s !important}:host(.switch-order) .main-container{flex-direction:row-reverse}:host(.switch-order) .left-container{flex-direction:row-reverse;padding-inline-end:0 !important}:host(.switch-order) .text{opacity:0}:host(.switch-order) .custom-icon{margin-inline-end:0 !important}:host(.list-two__item) .main-container{display:flex;align-items:self-start;padding-inline-start:44px;padding-top:var(--second-list-text-vertical-padding);padding-bottom:var(--second-list-text-vertical-padding);min-height:20px}:host(.list-two__item) .main-container .arrow-icon{transform:rotate(0);transition:transform 0.25s;margin-inline-end:4px}:host(.list-two__item) .main-container .text{font-size:var(--second-list-font-size);font-weight:700;letter-spacing:0.027em;text-transform:var(--second-list-text-transform);line-height:var(--second-list-line-height)}:host(.list-two__item:not(.collapsable)) .main-container{padding-inline-start:51px}:host(.list-two__item.uncollapsed) .arrow-icon{transform:rotate(90deg)}:host(.list-three__item) .main-container{padding-inline-start:73px;padding-top:var(--third-list-text-vertical-padding);padding-bottom:var(--third-list-text-vertical-padding)}:host(.list-three__item) .main-container .text{font-size:var(--third-list-font-size);text-transform:var(--third-list-text-transform);line-height:var(--third-list-line-height)}";
+
+const ChSidebarMenuListItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.itemClickedEvent = createEvent(this, "itemClickedEvent", 7);
+    /**
+     * If enabled, the icon will display its inherent/natural color
+     */
+    this.autoColor = false;
+    /**
+     * If this attribute is present the item will be initially uncollapsed
+     */
+    this.uncollapsed = false;
+    this.collapsable = false;
+  }
+  componentWillLoad() {
+    // SET THE TPYE OF ITEM
+    if (this.el.parentElement.classList.contains("list-one")) {
+      this.listTypeItem = "one";
+    }
+    else if (this.el.parentElement.classList.contains("list-two")) {
+      this.listTypeItem = "two";
+    }
+    else {
+      this.listTypeItem = "three";
+    }
+    // SET COLLAPSABLE OR NOT
+    if (this.el.querySelector("ch-sidebar-menu-list") !== null) {
+      this.collapsable = true;
+    }
+  }
+  itemClicked() {
+    const itemId = this.el.getAttribute("id");
+    this.itemClickedEvent.emit({ "item-id": itemId });
+  }
+  firstListItemIcon() {
+    if (this.itemIconSrc !== undefined) {
+      return this.itemIconSrc;
+    }
+  }
+  listItemContent() {
+    if (this.listTypeItem === "one") {
+      return [
+        h("div", { class: "main-container", onClick: this.itemClicked.bind(this) }, h("div", { class: "left-container" }, h("span", { class: "icon custom-icon" }, h("ch-icon", { src: this.firstListItemIcon(), style: {
+            "--icon-size": "20px",
+            "--icon-color": `var(--first-list-icon-color)`
+          }, "auto-color": this.autoColor })), h("span", { class: "text" }, h("slot", null))), this.collapsable ? (h("span", { class: "icon arrow-icon" }, h("div", { part: "collapse-item-icon" }))) : null),
+        h("slot", { name: "list" })
+      ];
+    }
+    if (this.listTypeItem === "two") {
+      return [
+        h("div", { class: "main-container", onClick: this.itemClicked.bind(this) }, this.collapsable ? (h("span", { class: "icon arrow-icon" }, h("div", { part: "collapse-item2-icon" }))) : null, h("span", { class: "text" }, h("slot", null))),
+        h("slot", { name: "list" })
+      ];
+    }
+    if (this.listTypeItem === "three") {
+      return (h("div", { class: "main-container", onClick: this.itemClicked.bind(this) }, h("span", { class: "text" }, h("slot", null))));
+    }
+  }
+  render() {
+    return (h(Host, { class: {
+        item: true,
+        collapsable: this.collapsable,
+        uncollapsed: this.uncollapsed,
+        "list-one__item": this.listTypeItem === "one",
+        "list-two__item": this.listTypeItem === "two",
+        "list-three__item": this.listTypeItem === "three"
+      } }, this.listItemContent()));
+  }
+  static get assetsDirs() { return ["sidebar-menu-list-item-assets"]; }
+  get el() { return getElement(this); }
+};
+ChSidebarMenuListItem.style = chSidebarMenuListItemCss;
+
+export { ChSidebarMenuListItem as ch_sidebar_menu_list_item };