@genexus/genexus-ide-ui 0.0.20 → 0.0.21

package/dist/genexus-ide-ui/{p-69baf840.entry.js → p-999a3e61.entry.js}

@@ -1,3 +1,3 @@
-import{r as t,c as e,h as r,H as o,g as i}from"./p-ee37a0b3.js";import{c as a,g as n}from"./p-64765a81.js";var c=a((function(t){
+import{r as t,c as r,h as e,H as o,g as i}from"./p-976c3a09.js";import{c as a,g as n}from"./p-64765a81.js";var c=a((function(t){
 /*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */
-self,t.exports=(()=>{var t={d:(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.d(e,{default:()=>V});var r={};function o(t,e,r,o,i={}){e instanceof HTMLCollection||e instanceof NodeList?e=Array.from(e):Array.isArray(e)||(e=[e]),Array.isArray(r)||(r=[r]);for(const a of e)for(const e of r)a[t](e,o,{capture:!1,...i});return Array.prototype.slice.call(arguments,1)}t.r(r),t.d(r,{adjustableInputNumbers:()=>p,createElementFromString:()=>n,createFromTemplate:()=>c,eventPath:()=>s,off:()=>a,on:()=>i,resolveElement:()=>l});const i=o.bind(null,"addEventListener"),a=o.bind(null,"removeEventListener");function n(t){const e=document.createElement("div");return e.innerHTML=t.trim(),e.firstElementChild}function c(t){const e=(t,e)=>{const r=t.getAttribute(e);return t.removeAttribute(e),r},r=(t,o={})=>{const i=e(t,":obj"),a=e(t,":ref"),n=i?o[i]={}:o;a&&(o[a]=t);for(const o of Array.from(t.children)){const t=e(o,":arr"),i=r(o,t?{}:n);t&&(n[t]||(n[t]=[])).push(Object.keys(i).length?i:o)}return o};return r(n(t))}function s(t){let e=t.path||t.composedPath&&t.composedPath();if(e)return e;let r=t.target.parentElement;for(e=[t.target,r];r=r.parentElement;)e.push(r);return e.push(document,window),e}function l(t){return t instanceof Element?t:"string"==typeof t?t.split(/>>/g).reduce(((t,e,r,o)=>(t=t.querySelector(e),r<o.length-1?t.shadowRoot:t)),document):null}function p(t,e=(t=>t)){function r(r){const o=[.001,.01,.1][Number(r.shiftKey||2*r.ctrlKey)]*(r.deltaY<0?1:-1);let i=0,a=t.selectionStart;t.value=t.value.replace(/[\d.]+/g,((t,r)=>r<=a&&r+t.length>=a?(a=r,e(Number(t),o,i)):(i++,t))),t.focus(),t.setSelectionRange(a,a),r.preventDefault(),t.dispatchEvent(new Event("input"))}i(t,"focus",(()=>i(window,"wheel",r,{passive:!1}))),i(t,"blur",(()=>a(window,"wheel",r)))}const{min:h,max:d,floor:u,round:g}=Math;function f(t,e,r){e/=100,r/=100;const o=u(t=t/360*6),i=t-o,a=r*(1-e),n=r*(1-i*e),c=r*(1-(1-i)*e),s=o%6;return[255*[r,n,a,a,c,r][s],255*[c,r,r,n,a,a][s],255*[a,a,c,r,r,n][s]]}function m(t,e,r){const o=(2-(e/=100))*(r/=100)/2;return 0!==o&&(e=1===o?0:o<.5?e*r/(2*o):e*r/(2-2*o)),[t,100*e,100*o]}function v(t,e,r){const o=h(t/=255,e/=255,r/=255),i=d(t,e,r),a=i-o;let n,c;if(0===a)n=c=0;else{c=a/i;const o=((i-t)/6+a/2)/a,s=((i-e)/6+a/2)/a,l=((i-r)/6+a/2)/a;t===i?n=l-s:e===i?n=1/3+o-l:r===i&&(n=2/3+s-o),n<0?n+=1:n>1&&(n-=1)}return[360*n,100*c,100*i]}function b(t,e,r,o){return e/=100,r/=100,[...v(255*(1-h(1,(t/=100)*(1-(o/=100))+o)),255*(1-h(1,e*(1-o)+o)),255*(1-h(1,r*(1-o)+o)))]}function y(t,e,r){e/=100;const o=2*(e*=(r/=100)<.5?r:1-r)/(r+e)*100,i=100*(r+e);return[t,isNaN(o)?0:o,i]}function w(t){return v(...t.match(/.{2}/g).map((t=>parseInt(t,16))))}function x(t=0,e=0,r=0,o=1){const i=(t,e)=>(r=-1)=>e(~r?t.map((t=>Number(t.toFixed(r)))):t),a={h:t,s:e,v:r,a:o,toHSVA(){const t=[a.h,a.s,a.v,a.a];return t.toString=i(t,(t=>`hsva(${t[0]}, ${t[1]}%, ${t[2]}%, ${a.a})`)),t},toHSLA(){const t=[...m(a.h,a.s,a.v),a.a];return t.toString=i(t,(t=>`hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${a.a})`)),t},toRGBA(){const t=[...f(a.h,a.s,a.v),a.a];return t.toString=i(t,(t=>`rgba(${t[0]}, ${t[1]}, ${t[2]}, ${a.a})`)),t},toCMYK(){const t=function(t,e,r){const o=f(t,e,r),i=o[0]/255,a=o[1]/255,n=o[2]/255,c=h(1-i,1-a,1-n);return[100*(1===c?0:(1-i-c)/(1-c)),100*(1===c?0:(1-a-c)/(1-c)),100*(1===c?0:(1-n-c)/(1-c)),100*c]}(a.h,a.s,a.v);return t.toString=i(t,(t=>`cmyk(${t[0]}%, ${t[1]}%, ${t[2]}%, ${t[3]}%)`)),t},toHEXA(){const t=function(t,e,r){return f(t,e,r).map((t=>g(t).toString(16).padStart(2,"0")))}(a.h,a.s,a.v),e=a.a>=1?"":Number((255*a.a).toFixed(0)).toString(16).toUpperCase().padStart(2,"0");return e&&t.push(e),t.toString=()=>`#${t.join("").toUpperCase()}`,t},clone:()=>x(a.h,a.s,a.v,a.a)};return a}const k=t=>Math.max(Math.min(t,1),0);function z(t){const e={options:Object.assign({lock:null,onchange:()=>0,onstop:()=>0},t),_keyboard(t){const{options:r}=e,{type:o,key:i}=t;if(document.activeElement===r.wrapper){const{lock:r}=e.options,a="ArrowUp"===i,n="ArrowRight"===i,c="ArrowDown"===i,s="ArrowLeft"===i;if("keydown"===o&&(a||n||c||s)){let o=0,i=0;"v"===r?o=a||n?1:-1:"h"===r?o=a||n?-1:1:(i=a?-1:c?1:0,o=s?-1:n?1:0),e.update(k(e.cache.x+.01*o),k(e.cache.y+.01*i)),t.preventDefault()}else i.startsWith("Arrow")&&(e.options.onstop(),t.preventDefault())}},_tapstart(t){i(document,["mouseup","touchend","touchcancel"],e._tapstop),i(document,["mousemove","touchmove"],e._tapmove),t.cancelable&&t.preventDefault(),e._tapmove(t)},_tapmove(t){const{options:r,cache:o}=e,{lock:i,element:a,wrapper:n}=r,c=n.getBoundingClientRect();let s=0,l=0;if(t){const e=t&&t.touches&&t.touches[0];s=t?(e||t).clientX:0,l=t?(e||t).clientY:0,s<c.left?s=c.left:s>c.left+c.width&&(s=c.left+c.width),l<c.top?l=c.top:l>c.top+c.height&&(l=c.top+c.height),s-=c.left,l-=c.top}else o&&(s=o.x*c.width,l=o.y*c.height);"h"!==i&&(a.style.left=`calc(${s/c.width*100}% - ${a.offsetWidth/2}px)`),"v"!==i&&(a.style.top=`calc(${l/c.height*100}% - ${a.offsetHeight/2}px)`),e.cache={x:s/c.width,y:l/c.height};const p=k(s/c.width),h=k(l/c.height);switch(i){case"v":return r.onchange(p);case"h":return r.onchange(h);default:return r.onchange(p,h)}},_tapstop(){e.options.onstop(),a(document,["mouseup","touchend","touchcancel"],e._tapstop),a(document,["mousemove","touchmove"],e._tapmove)},trigger(){e._tapmove()},update(t=0,r=0){const{left:o,top:i,width:a,height:n}=e.options.wrapper.getBoundingClientRect();"h"===e.options.lock&&(r=t),e._tapmove({clientX:o+a*t,clientY:i+n*r})},destroy(){const{options:t,_tapstart:r,_keyboard:o}=e;a(document,["keydown","keyup"],o),a([t.wrapper,t.element],"mousedown",r),a([t.wrapper,t.element],"touchstart",r,{passive:!1})}},{options:r,_tapstart:o,_keyboard:n}=e;return i([r.wrapper,r.element],"mousedown",o),i([r.wrapper,r.element],"touchstart",o,{passive:!1}),i(document,["keydown","keyup"],n),e}function $(t={}){t=Object.assign({onchange:()=>0,className:"",elements:[]},t);const e=i(t.elements,"click",(e=>{t.elements.forEach((r=>r.classList[e.target===r?"add":"remove"](t.className))),t.onchange(e),e.stopPropagation()}));return{destroy:()=>a(...e)}}const H={variantFlipOrder:{start:"sme",middle:"mse",end:"ems"},positionFlipOrder:{top:"tbrl",right:"rltb",bottom:"btrl",left:"lrbt"},position:"bottom",margin:8};function A(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}class V{constructor(t){A(this,"_initializingActive",!0),A(this,"_recalc",!0),A(this,"_nanopop",null),A(this,"_root",null),A(this,"_color",x()),A(this,"_lastColor",x()),A(this,"_swatchColors",[]),A(this,"_setupAnimationFrame",null),A(this,"_eventListener",{init:[],save:[],hide:[],show:[],clear:[],change:[],changestop:[],cancel:[],swatchselect:[]}),this.options=t=Object.assign({...V.DEFAULT_OPTIONS},t);const{swatches:e,components:r,theme:o,sliders:i,lockOpacity:a,padding:n}=t;["nano","monolith"].includes(o)&&!i&&(t.sliders="h"),r.interaction||(r.interaction={});const{preview:c,opacity:s,hue:l,palette:p}=r;r.opacity=!a&&s,r.palette=p||c||s||l,this._preBuild(),this._buildComponents(),this._bindEvents(),this._finalBuild(),e&&e.length&&e.forEach((t=>this.addSwatch(t)));const{button:h,app:d}=this._root;this._nanopop=((t,e,r)=>{const o="object"!=typeof t||t instanceof HTMLElement?{reference:t,popper:e,...r}:t;return{update(t=o){const{reference:e,popper:r}=Object.assign(o,t);if(!r||!e)throw new Error("Popper- or reference-element missing.");return((t,e,r)=>{const{container:o,margin:i,position:a,variantFlipOrder:n,positionFlipOrder:c}={container:document.documentElement.getBoundingClientRect(),...H,...r},{left:s,top:l}=e.style;e.style.left="0",e.style.top="0";const p=t.getBoundingClientRect(),h=e.getBoundingClientRect(),d={t:p.top-h.height-i,b:p.bottom+i,r:p.right+i,l:p.left-h.width-i},u={vs:p.left,vm:p.left+p.width/2+-h.width/2,ve:p.left+p.width-h.width,hs:p.top,hm:p.bottom-p.height/2-h.height/2,he:p.bottom-h.height},[g,f="middle"]=a.split("-"),m=c[g],v=n[f],{top:b,left:y,bottom:w,right:x}=o;for(const t of m){const r="t"===t||"b"===t,o=d[t],[i,a]=r?["top","left"]:["left","top"],[n,c]=r?[h.height,h.width]:[h.width,h.height],[s,l]=r?[w,x]:[x,w],[p,g]=r?[b,y]:[y,b];if(!(o<p||o+n>s))for(const n of v){const s=u[(r?"v":"h")+n];if(!(s<g||s+c>l))return e.style[a]=s-h[a]+"px",e.style[i]=o-h[i]+"px",t+n}}return e.style.left=s,e.style.top=l,null})(e,r,o)}}})(h,d,{margin:n}),h.setAttribute("role","button"),h.setAttribute("aria-label",this._t("btn:toggle"));const u=this;this._setupAnimationFrame=requestAnimationFrame((function e(){if(!d.offsetWidth)return requestAnimationFrame(e);u.setColor(t.default),u._rePositioningPicker(),t.defaultRepresentation&&(u._representation=t.defaultRepresentation,u.setColorRepresentation(u._representation)),t.showAlways&&u.show(),u._initializingActive=!1,u._emit("init")}))}_preBuild(){const{options:t}=this;for(const e of["el","container"])t[e]=l(t[e]);this._root=(t=>{const{components:e,useAsButton:r,inline:o,appClass:i,theme:a,lockOpacity:n}=t.options,s=t=>t?"":'style="display:none" hidden',l=e=>t._t(e),p=c(`\n      <div :ref="root" class="pickr">\n\n        ${r?"":'<button type="button" :ref="button" class="pcr-button"></button>'}\n\n        <div :ref="app" class="pcr-app ${i||""}" data-theme="${a}" ${o?'style="position: unset"':""} aria-label="${l("ui:dialog")}" role="window">\n          <div class="pcr-selection" ${s(e.palette)}>\n            <div :obj="preview" class="pcr-color-preview" ${s(e.preview)}>\n              <button type="button" :ref="lastColor" class="pcr-last-color" aria-label="${l("btn:last-color")}"></button>\n              <div :ref="currentColor" class="pcr-current-color"></div>\n            </div>\n\n            <div :obj="palette" class="pcr-color-palette">\n              <div :ref="picker" class="pcr-picker"></div>\n              <div :ref="palette" class="pcr-palette" tabindex="0" aria-label="${l("aria:palette")}" role="listbox"></div>\n            </div>\n\n            <div :obj="hue" class="pcr-color-chooser" ${s(e.hue)}>\n              <div :ref="picker" class="pcr-picker"></div>\n              <div :ref="slider" class="pcr-hue pcr-slider" tabindex="0" aria-label="${l("aria:hue")}" role="slider"></div>\n            </div>\n\n            <div :obj="opacity" class="pcr-color-opacity" ${s(e.opacity)}>\n              <div :ref="picker" class="pcr-picker"></div>\n              <div :ref="slider" class="pcr-opacity pcr-slider" tabindex="0" aria-label="${l("aria:opacity")}" role="slider"></div>\n            </div>\n          </div>\n\n          <div class="pcr-swatches ${e.palette?"":"pcr-last"}" :ref="swatches"></div>\n\n          <div :obj="interaction" class="pcr-interaction" ${s(Object.keys(e.interaction).length)}>\n            <input :ref="result" class="pcr-result" type="text" spellcheck="false" ${s(e.interaction.input)} aria-label="${l("aria:input")}">\n\n            <input :arr="options" class="pcr-type" data-type="HEXA" value="${n?"HEX":"HEXA"}" type="button" ${s(e.interaction.hex)}>\n            <input :arr="options" class="pcr-type" data-type="RGBA" value="${n?"RGB":"RGBA"}" type="button" ${s(e.interaction.rgba)}>\n            <input :arr="options" class="pcr-type" data-type="HSLA" value="${n?"HSL":"HSLA"}" type="button" ${s(e.interaction.hsla)}>\n            <input :arr="options" class="pcr-type" data-type="HSVA" value="${n?"HSV":"HSVA"}" type="button" ${s(e.interaction.hsva)}>\n            <input :arr="options" class="pcr-type" data-type="CMYK" value="CMYK" type="button" ${s(e.interaction.cmyk)}>\n\n            <input :ref="save" class="pcr-save" value="${l("btn:save")}" type="button" ${s(e.interaction.save)} aria-label="${l("aria:btn:save")}">\n            <input :ref="cancel" class="pcr-cancel" value="${l("btn:cancel")}" type="button" ${s(e.interaction.cancel)} aria-label="${l("aria:btn:cancel")}">\n            <input :ref="clear" class="pcr-clear" value="${l("btn:clear")}" type="button" ${s(e.interaction.clear)} aria-label="${l("aria:btn:clear")}">\n          </div>\n        </div>\n      </div>\n    `),h=p.interaction;return h.options.find((t=>!t.hidden&&!t.classList.add("active"))),h.type=()=>h.options.find((t=>t.classList.contains("active"))),p})(this),t.useAsButton&&(this._root.button=t.el),t.container.appendChild(this._root.root)}_finalBuild(){const t=this.options,e=this._root;if(t.container.removeChild(e.root),t.inline){const r=t.el.parentElement;t.el.nextSibling?r.insertBefore(e.app,t.el.nextSibling):r.appendChild(e.app)}else t.container.appendChild(e.app);t.useAsButton?t.inline&&t.el.remove():t.el.parentNode.replaceChild(e.root,t.el),t.disabled&&this.disable(),t.comparison||(e.button.style.transition="none",t.useAsButton||(e.preview.lastColor.style.transition="none")),this.hide()}_buildComponents(){const t=this,e=this.options.components,r=(t.options.sliders||"v").repeat(2),[o,i]=r.match(/^[vh]+$/g)?r:[],a=()=>this._color||(this._color=this._lastColor.clone()),n={palette:z({element:t._root.palette.picker,wrapper:t._root.palette.palette,onstop:()=>t._emit("changestop","slider",t),onchange(r,o){if(!e.palette)return;const i=a(),{_root:n,options:c}=t,{lastColor:s,currentColor:l}=n.preview;t._recalc&&(i.s=100*r,i.v=100-100*o,i.v<0&&(i.v=0),t._updateOutput("slider"));const p=i.toRGBA().toString(0);this.element.style.background=p,this.wrapper.style.background=`\n                        linear-gradient(to top, rgba(0, 0, 0, ${i.a}), transparent),\n                        linear-gradient(to left, hsla(${i.h}, 100%, 50%, ${i.a}), rgba(255, 255, 255, ${i.a}))\n                    `,c.comparison?c.useAsButton||t._lastColor||s.style.setProperty("--pcr-color",p):(n.button.style.setProperty("--pcr-color",p),n.button.classList.remove("clear"));const h=i.toHEXA().toString();for(const{el:e,color:r}of t._swatchColors)e.classList[h===r.toHEXA().toString()?"add":"remove"]("pcr-active");l.style.setProperty("--pcr-color",p)}}),hue:z({lock:"v"===i?"h":"v",element:t._root.hue.picker,wrapper:t._root.hue.slider,onstop:()=>t._emit("changestop","slider",t),onchange(r){if(!e.hue||!e.palette)return;const o=a();t._recalc&&(o.h=360*r),this.element.style.backgroundColor=`hsl(${o.h}, 100%, 50%)`,n.palette.trigger()}}),opacity:z({lock:"v"===o?"h":"v",element:t._root.opacity.picker,wrapper:t._root.opacity.slider,onstop:()=>t._emit("changestop","slider",t),onchange(r){if(!e.opacity||!e.palette)return;const o=a();t._recalc&&(o.a=Math.round(100*r)/100),this.element.style.background=`rgba(0, 0, 0, ${o.a})`,n.palette.trigger()}}),selectable:$({elements:t._root.interaction.options,className:"active",onchange(e){t._representation=e.target.getAttribute("data-type").toUpperCase(),t._recalc&&t._updateOutput("swatch")}})};this._components=n}_bindEvents(){const{_root:t,options:e}=this,r=[i(t.interaction.clear,"click",(()=>this._clearColor())),i([t.interaction.cancel,t.preview.lastColor],"click",(()=>{this.setHSVA(...(this._lastColor||this._color).toHSVA(),!0),this._emit("cancel")})),i(t.interaction.save,"click",(()=>{!this.applyColor()&&!e.showAlways&&this.hide()})),i(t.interaction.result,["keyup","input"],(t=>{this.setColor(t.target.value,!0)&&!this._initializingActive&&(this._emit("change",this._color,"input",this),this._emit("changestop","input",this)),t.stopImmediatePropagation()})),i(t.interaction.result,["focus","blur"],(t=>{this._recalc="blur"===t.type,this._recalc&&this._updateOutput(null)})),i([t.palette.palette,t.palette.picker,t.hue.slider,t.hue.picker,t.opacity.slider,t.opacity.picker],["mousedown","touchstart"],(()=>this._recalc=!0),{passive:!0})];if(!e.showAlways){const o=e.closeWithKey;r.push(i(t.button,"click",(()=>this.isOpen()?this.hide():this.show())),i(document,"keyup",(t=>this.isOpen()&&(t.key===o||t.code===o)&&this.hide())),i(document,["touchstart","mousedown"],(e=>{this.isOpen()&&!s(e).some((e=>e===t.app||e===t.button))&&this.hide()}),{capture:!0}))}if(e.adjustableNumbers){const e={rgba:[255,255,255,1],hsva:[360,100,100,1],hsla:[360,100,100,1],cmyk:[100,100,100,100]};p(t.interaction.result,((t,r,o)=>{const i=e[this.getColorRepresentation().toLowerCase()];if(i){const e=i[o],a=t+(e>=100?1e3*r:r);return a<=0?0:Number((a<e?a:e).toPrecision(3))}return t}))}if(e.autoReposition&&!e.inline){let t=null;const o=this;r.push(i(window,["scroll","resize"],(()=>{o.isOpen()&&(e.closeOnScroll&&o.hide(),null===t?(t=setTimeout((()=>t=null),100),requestAnimationFrame((function e(){o._rePositioningPicker(),null!==t&&requestAnimationFrame(e)}))):(clearTimeout(t),t=setTimeout((()=>t=null),100)))}),{capture:!0}))}this._eventBindings=r}_rePositioningPicker(){const{options:t}=this;if(!t.inline&&!this._nanopop.update({container:document.body.getBoundingClientRect(),position:t.position})){const t=this._root.app,e=t.getBoundingClientRect();t.style.top=(window.innerHeight-e.height)/2+"px",t.style.left=(window.innerWidth-e.width)/2+"px"}}_updateOutput(t){const{_root:e,_color:r,options:o}=this;if(e.interaction.type()){const t=`to${e.interaction.type().getAttribute("data-type")}`;e.interaction.result.value="function"==typeof r[t]?r[t]().toString(o.outputPrecision):""}!this._initializingActive&&this._recalc&&this._emit("change",r,t,this)}_clearColor(t=!1){const{_root:e,options:r}=this;r.useAsButton||e.button.style.setProperty("--pcr-color","rgba(0, 0, 0, 0.15)"),e.button.classList.add("clear"),r.showAlways||this.hide(),this._lastColor=null,this._initializingActive||t||(this._emit("save",null),this._emit("clear"))}_parseLocalColor(t){const{values:e,type:r,a:o}=function(t){t=t.match(/^[a-zA-Z]+$/)?function(t){if("black"===t.toLowerCase())return"#000";const e=document.createElement("canvas").getContext("2d");return e.fillStyle=t,"#000"===e.fillStyle?null:e.fillStyle}(t):t;const e={cmyk:/^cmyk[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)/i,rgba:/^((rgba)|rgb)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsla:/^((hsla)|hsl)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsva:/^((hsva)|hsv)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hexa:/^#?(([\dA-Fa-f]{3,4})|([\dA-Fa-f]{6})|([\dA-Fa-f]{8}))$/i},r=t=>t.map((t=>/^(|\d+)\.\d+|\d+$/.test(t)?Number(t):void 0));let o;t:for(const i in e){if(!(o=e[i].exec(t)))continue;const a=t=>!!o[2]==("number"==typeof t);switch(i){case"cmyk":{const[,t,e,a,n]=r(o);if(t>100||e>100||a>100||n>100)break t;return{values:b(t,e,a,n),type:i}}case"rgba":{const[,,,t,e,n,c]=r(o);if(t>255||e>255||n>255||c<0||c>1||!a(c))break t;return{values:[...v(t,e,n),c],a:c,type:i}}case"hexa":{let[,t]=o;4!==t.length&&3!==t.length||(t=t.split("").map((t=>t+t)).join(""));const e=t.substring(0,6);let r=t.substring(6);return r=r?parseInt(r,16)/255:void 0,{values:[...w(e),r],a:r,type:i}}case"hsla":{const[,,,t,e,n,c]=r(o);if(t>360||e>100||n>100||c<0||c>1||!a(c))break t;return{values:[...y(t,e,n),c],a:c,type:i}}case"hsva":{const[,,,t,e,n,c]=r(o);if(t>360||e>100||n>100||c<0||c>1||!a(c))break t;return{values:[t,e,n,c],a:c,type:i}}}}return{values:null,type:null}}(t),{lockOpacity:i}=this.options,a=void 0!==o&&1!==o;return e&&3===e.length&&(e[3]=void 0),{values:!e||i&&a?null:e,type:r}}_t(t){return this.options.i18n[t]||V.I18N_DEFAULTS[t]}_emit(t,...e){this._eventListener[t].forEach((t=>t(...e,this)))}on(t,e){return this._eventListener[t].push(e),this}off(t,e){const r=this._eventListener[t]||[],o=r.indexOf(e);return~o&&r.splice(o,1),this}addSwatch(t){const{values:e}=this._parseLocalColor(t);if(e){const{_swatchColors:t,_root:r}=this,o=x(...e),a=n(`<button type="button" style="--pcr-color: ${o.toRGBA().toString(0)}" aria-label="${this._t("btn:swatch")}"/>`);return r.swatches.appendChild(a),t.push({el:a,color:o}),this._eventBindings.push(i(a,"click",(()=>{this.setHSVA(...o.toHSVA(),!0),this._emit("swatchselect",o),this._emit("change",o,"swatch",this)}))),!0}return!1}removeSwatch(t){const e=this._swatchColors[t];if(e){const{el:r}=e;return this._root.swatches.removeChild(r),this._swatchColors.splice(t,1),!0}return!1}applyColor(t=!1){const{preview:e,button:r}=this._root,o=this._color.toRGBA().toString(0);return e.lastColor.style.setProperty("--pcr-color",o),this.options.useAsButton||r.style.setProperty("--pcr-color",o),r.classList.remove("clear"),this._lastColor=this._color.clone(),this._initializingActive||t||this._emit("save",this._color),this}destroy(){cancelAnimationFrame(this._setupAnimationFrame),this._eventBindings.forEach((t=>a(...t))),Object.keys(this._components).forEach((t=>this._components[t].destroy()))}destroyAndRemove(){this.destroy();const{root:t,app:e}=this._root;t.parentElement&&t.parentElement.removeChild(t),e.parentElement.removeChild(e),Object.keys(this).forEach((t=>this[t]=null))}hide(){return!!this.isOpen()&&(this._root.app.classList.remove("visible"),this._emit("hide"),!0)}show(){return!this.options.disabled&&!this.isOpen()&&(this._root.app.classList.add("visible"),this._rePositioningPicker(),this._emit("show",this._color),this)}isOpen(){return this._root.app.classList.contains("visible")}setHSVA(t=360,e=0,r=0,o=1,i=!1){const a=this._recalc;if(this._recalc=!1,t<0||t>360||e<0||e>100||r<0||r>100||o<0||o>1)return!1;this._color=x(t,e,r,o);const{hue:n,opacity:c,palette:s}=this._components;return n.update(t/360),c.update(o),s.update(e/100,1-r/100),i||this.applyColor(),a&&this._updateOutput(),this._recalc=a,!0}setColor(t,e=!1){if(null===t)return this._clearColor(e),!0;const{values:r,type:o}=this._parseLocalColor(t);if(r){const t=o.toUpperCase(),{options:i}=this._root.interaction,a=i.find((e=>e.getAttribute("data-type")===t));if(a&&!a.hidden)for(const t of i)t.classList[t===a?"add":"remove"]("active");return!!this.setHSVA(...r,e)&&this.setColorRepresentation(t)}return!1}setColorRepresentation(t){return t=t.toUpperCase(),!!this._root.interaction.options.find((e=>e.getAttribute("data-type").startsWith(t)&&!e.click()))}getColorRepresentation(){return this._representation}getColor(){return this._color}getSelectedColor(){return this._lastColor}getRoot(){return this._root}disable(){return this.hide(),this.options.disabled=!0,this._root.button.classList.add("disabled"),this}enable(){return this.options.disabled=!1,this._root.button.classList.remove("disabled"),this}}return A(V,"utils",r),A(V,"version","1.8.2"),A(V,"I18N_DEFAULTS",{"ui:dialog":"color picker dialog","btn:toggle":"toggle color picker dialog","btn:swatch":"color swatch","btn:last-color":"use previous color","btn:save":"Save","btn:cancel":"Cancel","btn:clear":"Clear","aria:btn:save":"save and close","aria:btn:cancel":"cancel and close","aria:btn:clear":"clear and close","aria:input":"color input field","aria:palette":"color selection area","aria:hue":"hue selection slider","aria:opacity":"selection slider"}),A(V,"DEFAULT_OPTIONS",{appClass:null,theme:"classic",useAsButton:!1,padding:8,disabled:!1,comparison:!0,closeOnScroll:!1,outputPrecision:0,lockOpacity:!1,autoReposition:!0,container:"body",components:{interaction:{}},i18n:{},swatches:null,inline:!1,sliders:null,default:"#42445a",defaultRepresentation:null,position:"bottom-middle",adjustableNumbers:!0,showAlways:!1,closeWithKey:"Escape"}),A(V,"create",(t=>new V(t))),e.default})()}));const s=n(c),l=class{constructor(r){t(this,r),this.save=e(this,"save",7),this.nameInputEvent=e(this,"nameInputEvent",7),this.change=e(this,"change",7),this.label=void 0,this.value="white",this.colorRepresentation="HEXA",this.colorInputValue="",this.colorChangedFromInput=!1}componentDidLoad(){this.value.includes("rgb")?this.colorRepresentation="RGBA":this.value.includes("#")&&(this.colorRepresentation="HEXA");const t=this.element.shadowRoot.querySelector(".color-picker"),e=this.element.shadowRoot.querySelector(".color-picker-main-container");this.pickr=new s({el:t,theme:"nano",container:e,inline:!0,showAlways:!0,default:this.value,components:{preview:!0,opacity:!0,hue:!0,interaction:{input:!1}}}),this.pickr.on("change",(t=>{this.colorObject=t,"HEXA"===this.colorRepresentation?this.value=this.colorObject.toHEXA().toString():"RGBA"===this.colorRepresentation&&(this.value=this.colorObject.toRGBA().toString(0)),this.change.emit(this.value)})),this.pickr.on("show",(()=>{this.colorObject=this.pickr.getColor()}));const r={root:document.querySelector("body"),rootMargin:"0px",threshold:1};new IntersectionObserver((()=>{this.pickr.setColor(this.value)}),r).observe(this.element)}componentDidUnload(){this.pickr.destroy()}watchHandler(t){this.pickr.setColor(t)}handleHexaButtonClick(){this.colorChangedFromInput=!1,this.colorRepresentation="HEXA",this.value=this.colorObject.toHEXA().toString(),this.change.emit(this.value)}handleRgbaButtonClick(){this.colorChangedFromInput=!1,this.colorRepresentation="RGBA",this.value=this.colorObject.toRGBA().toString(0),this.change.emit(this.value)}handleTitleValueChange(t){this.label=t.target.value}handleColorValueChange(t){this.colorChangedFromInput=!0;const e=t.target;this.colorInputValue=e.value,this.pickr.setColor(e.value)}colorValue(){if(!this.colorChangedFromInput){if(void 0===this.colorObject)return"";if("HEXA"===this.colorRepresentation)return this.colorObject.toHEXA().toString();if("RGBA"===this.colorRepresentation)return this.colorObject.toRGBA().toString(0)}return this.colorChangedFromInput=!0,this.colorInputValue}setActiveButton(){return this.value.includes("rgb")?"rgba":"hexa"}render(){return r(o,null,this.label?r("gxg-label",null,this.label):null,r("div",{class:{"color-picker-main-container":!0},id:"color-picker-main-container"},r("div",{class:"color-picker"}),r("div",{class:"cp-gxg-buttons before-color-value",slot:"editable"},r("gxg-button-group",{"default-selected-btn-id":this.setActiveButton()},r("button",{id:"rgba",onClick:this.handleRgbaButtonClick.bind(this)},"RGBA"),r("button",{id:"hexa",onClick:this.handleHexaButtonClick.bind(this)},"HEXA"))),r("input",{type:"text",name:"cp-color-value",id:"cp-color-value",value:this.colorValue(),class:"color-picker-main-container-textbox",onInput:this.handleColorValueChange.bind(this)})))}get element(){return i(this)}static get watchers(){return{value:["watchHandler"]}}};l.style='/*! Pickr 1.7.4 MIT | https://github.com/Simonwep/pickr */.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>\') no-repeat 50%;background-size:0;transition:all .3s}.pickr .pcr-button:before{background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:.5em;z-index:-1;z-index:auto}.pickr .pcr-button:after,.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:.15em}.pickr .pcr-button:after{transition:background .3s;background:currentColor}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px currentColor}.pickr .pcr-button.disabled{cursor:not-allowed}.pcr-app *,.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pcr-app button.pcr-active,.pcr-app button:focus,.pcr-app input.pcr-active,.pcr-app input:focus,.pickr button.pcr-active,.pickr button:focus,.pickr input.pcr-active,.pickr input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px currentColor}.pcr-app .pcr-palette,.pcr-app .pcr-slider,.pickr .pcr-palette,.pickr .pcr-slider{transition:box-shadow .3s}.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus,.pickr .pcr-palette:focus,.pickr .pcr-slider:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display:grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-save{width:auto;color:#fff}.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover,.pcr-app .pcr-interaction .pcr-save:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{background:#f44250}.pcr-app .pcr-interaction .pcr-cancel:focus,.pcr-app .pcr-interaction .pcr-clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity,.pcr-app .pcr-selection .pcr-color-palette{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active,.pcr-app .pcr-selection .pcr-color-palette:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:currentColor;width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(90deg,transparent,#000),url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:100%,.25em}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{width:230px;display:block}.label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}.color-picker-main-container{box-shadow:var(--box-shadow-01);z-index:10;--cardAnimationDelay:0;position:relative;animation-name:slideUp;animation-duration:0.75s;animation-iteration-count:1;animation-delay:var(--cardAnimationDelay);background:var(--color-background);position:relative;margin-top:-1px;transition:max-height 0.5s ease-in-out;padding:var(--spacing-comp-02) var(--card-padding) 0 var(--card-padding)}@keyframes slideUp{0%{top:5px;opacity:0}100%{top:0px;opacity:100%}}.color-picker-main-container-textbox{font-family:var(--font-family-primary);font-size:var(--font-size-md);color:var(--color--black);padding-left:var(--spacing-comp-02);padding-right:var(--spacing-comp-02);padding-top:var(--spacing-comp-01);padding-bottom:var(--spacing-comp-01);background:var(--color-background);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-color:var(--gray-04);letter-spacing:0.018em;height:var(--spacing-comp-05);border-radius:0;width:100%;margin-bottom:var(--spacing-comp-02);box-sizing:border-box}.color-picker-main-container--visible{max-height:400px}.pcr-app{background:var(--color-background)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:0}.pickr{display:none}.pcr-app{max-width:100%;width:100% !important;box-shadow:none}.cp-gxg-buttons{padding:var(--spacing-comp-02)}.color-picker-main-container-textbox{margin:0 var(--spacing-comp-02);width:calc(100% - 16px);margin-bottom:var(--spacing-comp-02)}.cp-gxg-buttons.before-color-value gxg-button{margin-right:var(--spacing-comp-02)}.cp-gxg-buttons.after-color-value{text-align:right}.pcr-color-chooser,.pcr-color-opacity{width:85%}';export{l as gxg_color_picker}
+self,t.exports=(()=>{var t={d:(r,e)=>{for(var o in e)t.o(e,o)&&!t.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},o:(t,r)=>Object.prototype.hasOwnProperty.call(t,r),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},r={};t.d(r,{default:()=>V});var e={};function o(t,r,e,o,i={}){r instanceof HTMLCollection||r instanceof NodeList?r=Array.from(r):Array.isArray(r)||(r=[r]),Array.isArray(e)||(e=[e]);for(const a of r)for(const r of e)a[t](r,o,{capture:!1,...i});return Array.prototype.slice.call(arguments,1)}t.r(e),t.d(e,{adjustableInputNumbers:()=>p,createElementFromString:()=>n,createFromTemplate:()=>c,eventPath:()=>s,off:()=>a,on:()=>i,resolveElement:()=>l});const i=o.bind(null,"addEventListener"),a=o.bind(null,"removeEventListener");function n(t){const r=document.createElement("div");return r.innerHTML=t.trim(),r.firstElementChild}function c(t){const r=(t,r)=>{const e=t.getAttribute(r);return t.removeAttribute(r),e},e=(t,o={})=>{const i=r(t,":obj"),a=r(t,":ref"),n=i?o[i]={}:o;a&&(o[a]=t);for(const o of Array.from(t.children)){const t=r(o,":arr"),i=e(o,t?{}:n);t&&(n[t]||(n[t]=[])).push(Object.keys(i).length?i:o)}return o};return e(n(t))}function s(t){let r=t.path||t.composedPath&&t.composedPath();if(r)return r;let e=t.target.parentElement;for(r=[t.target,e];e=e.parentElement;)r.push(e);return r.push(document,window),r}function l(t){return t instanceof Element?t:"string"==typeof t?t.split(/>>/g).reduce(((t,r,e,o)=>(t=t.querySelector(r),e<o.length-1?t.shadowRoot:t)),document):null}function p(t,r=(t=>t)){function e(e){const o=[.001,.01,.1][Number(e.shiftKey||2*e.ctrlKey)]*(e.deltaY<0?1:-1);let i=0,a=t.selectionStart;t.value=t.value.replace(/[\d.]+/g,((t,e)=>e<=a&&e+t.length>=a?(a=e,r(Number(t),o,i)):(i++,t))),t.focus(),t.setSelectionRange(a,a),e.preventDefault(),t.dispatchEvent(new Event("input"))}i(t,"focus",(()=>i(window,"wheel",e,{passive:!1}))),i(t,"blur",(()=>a(window,"wheel",e)))}const{min:h,max:d,floor:u,round:g}=Math;function f(t,r,e){r/=100,e/=100;const o=u(t=t/360*6),i=t-o,a=e*(1-r),n=e*(1-i*r),c=e*(1-(1-i)*r),s=o%6;return[255*[e,n,a,a,c,e][s],255*[c,e,e,n,a,a][s],255*[a,a,c,e,e,n][s]]}function m(t,r,e){const o=(2-(r/=100))*(e/=100)/2;return 0!==o&&(r=1===o?0:o<.5?r*e/(2*o):r*e/(2-2*o)),[t,100*r,100*o]}function v(t,r,e){const o=h(t/=255,r/=255,e/=255),i=d(t,r,e),a=i-o;let n,c;if(0===a)n=c=0;else{c=a/i;const o=((i-t)/6+a/2)/a,s=((i-r)/6+a/2)/a,l=((i-e)/6+a/2)/a;t===i?n=l-s:r===i?n=1/3+o-l:e===i&&(n=2/3+s-o),n<0?n+=1:n>1&&(n-=1)}return[360*n,100*c,100*i]}function b(t,r,e,o){return r/=100,e/=100,[...v(255*(1-h(1,(t/=100)*(1-(o/=100))+o)),255*(1-h(1,r*(1-o)+o)),255*(1-h(1,e*(1-o)+o)))]}function y(t,r,e){r/=100;const o=2*(r*=(e/=100)<.5?e:1-e)/(e+r)*100,i=100*(e+r);return[t,isNaN(o)?0:o,i]}function w(t){return v(...t.match(/.{2}/g).map((t=>parseInt(t,16))))}function x(t=0,r=0,e=0,o=1){const i=(t,r)=>(e=-1)=>r(~e?t.map((t=>Number(t.toFixed(e)))):t),a={h:t,s:r,v:e,a:o,toHSVA(){const t=[a.h,a.s,a.v,a.a];return t.toString=i(t,(t=>`hsva(${t[0]}, ${t[1]}%, ${t[2]}%, ${a.a})`)),t},toHSLA(){const t=[...m(a.h,a.s,a.v),a.a];return t.toString=i(t,(t=>`hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${a.a})`)),t},toRGBA(){const t=[...f(a.h,a.s,a.v),a.a];return t.toString=i(t,(t=>`rgba(${t[0]}, ${t[1]}, ${t[2]}, ${a.a})`)),t},toCMYK(){const t=function(t,r,e){const o=f(t,r,e),i=o[0]/255,a=o[1]/255,n=o[2]/255,c=h(1-i,1-a,1-n);return[100*(1===c?0:(1-i-c)/(1-c)),100*(1===c?0:(1-a-c)/(1-c)),100*(1===c?0:(1-n-c)/(1-c)),100*c]}(a.h,a.s,a.v);return t.toString=i(t,(t=>`cmyk(${t[0]}%, ${t[1]}%, ${t[2]}%, ${t[3]}%)`)),t},toHEXA(){const t=function(t,r,e){return f(t,r,e).map((t=>g(t).toString(16).padStart(2,"0")))}(a.h,a.s,a.v),r=a.a>=1?"":Number((255*a.a).toFixed(0)).toString(16).toUpperCase().padStart(2,"0");return r&&t.push(r),t.toString=()=>`#${t.join("").toUpperCase()}`,t},clone:()=>x(a.h,a.s,a.v,a.a)};return a}const k=t=>Math.max(Math.min(t,1),0);function z(t){const r={options:Object.assign({lock:null,onchange:()=>0,onstop:()=>0},t),_keyboard(t){const{options:e}=r,{type:o,key:i}=t;if(document.activeElement===e.wrapper){const{lock:e}=r.options,a="ArrowUp"===i,n="ArrowRight"===i,c="ArrowDown"===i,s="ArrowLeft"===i;if("keydown"===o&&(a||n||c||s)){let o=0,i=0;"v"===e?o=a||n?1:-1:"h"===e?o=a||n?-1:1:(i=a?-1:c?1:0,o=s?-1:n?1:0),r.update(k(r.cache.x+.01*o),k(r.cache.y+.01*i)),t.preventDefault()}else i.startsWith("Arrow")&&(r.options.onstop(),t.preventDefault())}},_tapstart(t){i(document,["mouseup","touchend","touchcancel"],r._tapstop),i(document,["mousemove","touchmove"],r._tapmove),t.cancelable&&t.preventDefault(),r._tapmove(t)},_tapmove(t){const{options:e,cache:o}=r,{lock:i,element:a,wrapper:n}=e,c=n.getBoundingClientRect();let s=0,l=0;if(t){const r=t&&t.touches&&t.touches[0];s=t?(r||t).clientX:0,l=t?(r||t).clientY:0,s<c.left?s=c.left:s>c.left+c.width&&(s=c.left+c.width),l<c.top?l=c.top:l>c.top+c.height&&(l=c.top+c.height),s-=c.left,l-=c.top}else o&&(s=o.x*c.width,l=o.y*c.height);"h"!==i&&(a.style.left=`calc(${s/c.width*100}% - ${a.offsetWidth/2}px)`),"v"!==i&&(a.style.top=`calc(${l/c.height*100}% - ${a.offsetHeight/2}px)`),r.cache={x:s/c.width,y:l/c.height};const p=k(s/c.width),h=k(l/c.height);switch(i){case"v":return e.onchange(p);case"h":return e.onchange(h);default:return e.onchange(p,h)}},_tapstop(){r.options.onstop(),a(document,["mouseup","touchend","touchcancel"],r._tapstop),a(document,["mousemove","touchmove"],r._tapmove)},trigger(){r._tapmove()},update(t=0,e=0){const{left:o,top:i,width:a,height:n}=r.options.wrapper.getBoundingClientRect();"h"===r.options.lock&&(e=t),r._tapmove({clientX:o+a*t,clientY:i+n*e})},destroy(){const{options:t,_tapstart:e,_keyboard:o}=r;a(document,["keydown","keyup"],o),a([t.wrapper,t.element],"mousedown",e),a([t.wrapper,t.element],"touchstart",e,{passive:!1})}},{options:e,_tapstart:o,_keyboard:n}=r;return i([e.wrapper,e.element],"mousedown",o),i([e.wrapper,e.element],"touchstart",o,{passive:!1}),i(document,["keydown","keyup"],n),r}function $(t={}){t=Object.assign({onchange:()=>0,className:"",elements:[]},t);const r=i(t.elements,"click",(r=>{t.elements.forEach((e=>e.classList[r.target===e?"add":"remove"](t.className))),t.onchange(r),r.stopPropagation()}));return{destroy:()=>a(...r)}}const H={variantFlipOrder:{start:"sme",middle:"mse",end:"ems"},positionFlipOrder:{top:"tbrl",right:"rltb",bottom:"btrl",left:"lrbt"},position:"bottom",margin:8};function A(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}class V{constructor(t){A(this,"_initializingActive",!0),A(this,"_recalc",!0),A(this,"_nanopop",null),A(this,"_root",null),A(this,"_color",x()),A(this,"_lastColor",x()),A(this,"_swatchColors",[]),A(this,"_setupAnimationFrame",null),A(this,"_eventListener",{init:[],save:[],hide:[],show:[],clear:[],change:[],changestop:[],cancel:[],swatchselect:[]}),this.options=t=Object.assign({...V.DEFAULT_OPTIONS},t);const{swatches:r,components:e,theme:o,sliders:i,lockOpacity:a,padding:n}=t;["nano","monolith"].includes(o)&&!i&&(t.sliders="h"),e.interaction||(e.interaction={});const{preview:c,opacity:s,hue:l,palette:p}=e;e.opacity=!a&&s,e.palette=p||c||s||l,this._preBuild(),this._buildComponents(),this._bindEvents(),this._finalBuild(),r&&r.length&&r.forEach((t=>this.addSwatch(t)));const{button:h,app:d}=this._root;this._nanopop=((t,r,e)=>{const o="object"!=typeof t||t instanceof HTMLElement?{reference:t,popper:r,...e}:t;return{update(t=o){const{reference:r,popper:e}=Object.assign(o,t);if(!e||!r)throw new Error("Popper- or reference-element missing.");return((t,r,e)=>{const{container:o,margin:i,position:a,variantFlipOrder:n,positionFlipOrder:c}={container:document.documentElement.getBoundingClientRect(),...H,...e},{left:s,top:l}=r.style;r.style.left="0",r.style.top="0";const p=t.getBoundingClientRect(),h=r.getBoundingClientRect(),d={t:p.top-h.height-i,b:p.bottom+i,r:p.right+i,l:p.left-h.width-i},u={vs:p.left,vm:p.left+p.width/2+-h.width/2,ve:p.left+p.width-h.width,hs:p.top,hm:p.bottom-p.height/2-h.height/2,he:p.bottom-h.height},[g,f="middle"]=a.split("-"),m=c[g],v=n[f],{top:b,left:y,bottom:w,right:x}=o;for(const t of m){const e="t"===t||"b"===t,o=d[t],[i,a]=e?["top","left"]:["left","top"],[n,c]=e?[h.height,h.width]:[h.width,h.height],[s,l]=e?[w,x]:[x,w],[p,g]=e?[b,y]:[y,b];if(!(o<p||o+n>s))for(const n of v){const s=u[(e?"v":"h")+n];if(!(s<g||s+c>l))return r.style[a]=s-h[a]+"px",r.style[i]=o-h[i]+"px",t+n}}return r.style.left=s,r.style.top=l,null})(r,e,o)}}})(h,d,{margin:n}),h.setAttribute("role","button"),h.setAttribute("aria-label",this._t("btn:toggle"));const u=this;this._setupAnimationFrame=requestAnimationFrame((function r(){if(!d.offsetWidth)return requestAnimationFrame(r);u.setColor(t.default),u._rePositioningPicker(),t.defaultRepresentation&&(u._representation=t.defaultRepresentation,u.setColorRepresentation(u._representation)),t.showAlways&&u.show(),u._initializingActive=!1,u._emit("init")}))}_preBuild(){const{options:t}=this;for(const r of["el","container"])t[r]=l(t[r]);this._root=(t=>{const{components:r,useAsButton:e,inline:o,appClass:i,theme:a,lockOpacity:n}=t.options,s=t=>t?"":'style="display:none" hidden',l=r=>t._t(r),p=c(`\n      <div :ref="root" class="pickr">\n\n        ${e?"":'<button type="button" :ref="button" class="pcr-button"></button>'}\n\n        <div :ref="app" class="pcr-app ${i||""}" data-theme="${a}" ${o?'style="position: unset"':""} aria-label="${l("ui:dialog")}" role="window">\n          <div class="pcr-selection" ${s(r.palette)}>\n            <div :obj="preview" class="pcr-color-preview" ${s(r.preview)}>\n              <button type="button" :ref="lastColor" class="pcr-last-color" aria-label="${l("btn:last-color")}"></button>\n              <div :ref="currentColor" class="pcr-current-color"></div>\n            </div>\n\n            <div :obj="palette" class="pcr-color-palette">\n              <div :ref="picker" class="pcr-picker"></div>\n              <div :ref="palette" class="pcr-palette" tabindex="0" aria-label="${l("aria:palette")}" role="listbox"></div>\n            </div>\n\n            <div :obj="hue" class="pcr-color-chooser" ${s(r.hue)}>\n              <div :ref="picker" class="pcr-picker"></div>\n              <div :ref="slider" class="pcr-hue pcr-slider" tabindex="0" aria-label="${l("aria:hue")}" role="slider"></div>\n            </div>\n\n            <div :obj="opacity" class="pcr-color-opacity" ${s(r.opacity)}>\n              <div :ref="picker" class="pcr-picker"></div>\n              <div :ref="slider" class="pcr-opacity pcr-slider" tabindex="0" aria-label="${l("aria:opacity")}" role="slider"></div>\n            </div>\n          </div>\n\n          <div class="pcr-swatches ${r.palette?"":"pcr-last"}" :ref="swatches"></div>\n\n          <div :obj="interaction" class="pcr-interaction" ${s(Object.keys(r.interaction).length)}>\n            <input :ref="result" class="pcr-result" type="text" spellcheck="false" ${s(r.interaction.input)} aria-label="${l("aria:input")}">\n\n            <input :arr="options" class="pcr-type" data-type="HEXA" value="${n?"HEX":"HEXA"}" type="button" ${s(r.interaction.hex)}>\n            <input :arr="options" class="pcr-type" data-type="RGBA" value="${n?"RGB":"RGBA"}" type="button" ${s(r.interaction.rgba)}>\n            <input :arr="options" class="pcr-type" data-type="HSLA" value="${n?"HSL":"HSLA"}" type="button" ${s(r.interaction.hsla)}>\n            <input :arr="options" class="pcr-type" data-type="HSVA" value="${n?"HSV":"HSVA"}" type="button" ${s(r.interaction.hsva)}>\n            <input :arr="options" class="pcr-type" data-type="CMYK" value="CMYK" type="button" ${s(r.interaction.cmyk)}>\n\n            <input :ref="save" class="pcr-save" value="${l("btn:save")}" type="button" ${s(r.interaction.save)} aria-label="${l("aria:btn:save")}">\n            <input :ref="cancel" class="pcr-cancel" value="${l("btn:cancel")}" type="button" ${s(r.interaction.cancel)} aria-label="${l("aria:btn:cancel")}">\n            <input :ref="clear" class="pcr-clear" value="${l("btn:clear")}" type="button" ${s(r.interaction.clear)} aria-label="${l("aria:btn:clear")}">\n          </div>\n        </div>\n      </div>\n    `),h=p.interaction;return h.options.find((t=>!t.hidden&&!t.classList.add("active"))),h.type=()=>h.options.find((t=>t.classList.contains("active"))),p})(this),t.useAsButton&&(this._root.button=t.el),t.container.appendChild(this._root.root)}_finalBuild(){const t=this.options,r=this._root;if(t.container.removeChild(r.root),t.inline){const e=t.el.parentElement;t.el.nextSibling?e.insertBefore(r.app,t.el.nextSibling):e.appendChild(r.app)}else t.container.appendChild(r.app);t.useAsButton?t.inline&&t.el.remove():t.el.parentNode.replaceChild(r.root,t.el),t.disabled&&this.disable(),t.comparison||(r.button.style.transition="none",t.useAsButton||(r.preview.lastColor.style.transition="none")),this.hide()}_buildComponents(){const t=this,r=this.options.components,e=(t.options.sliders||"v").repeat(2),[o,i]=e.match(/^[vh]+$/g)?e:[],a=()=>this._color||(this._color=this._lastColor.clone()),n={palette:z({element:t._root.palette.picker,wrapper:t._root.palette.palette,onstop:()=>t._emit("changestop","slider",t),onchange(e,o){if(!r.palette)return;const i=a(),{_root:n,options:c}=t,{lastColor:s,currentColor:l}=n.preview;t._recalc&&(i.s=100*e,i.v=100-100*o,i.v<0&&(i.v=0),t._updateOutput("slider"));const p=i.toRGBA().toString(0);this.element.style.background=p,this.wrapper.style.background=`\n                        linear-gradient(to top, rgba(0, 0, 0, ${i.a}), transparent),\n                        linear-gradient(to left, hsla(${i.h}, 100%, 50%, ${i.a}), rgba(255, 255, 255, ${i.a}))\n                    `,c.comparison?c.useAsButton||t._lastColor||s.style.setProperty("--pcr-color",p):(n.button.style.setProperty("--pcr-color",p),n.button.classList.remove("clear"));const h=i.toHEXA().toString();for(const{el:r,color:e}of t._swatchColors)r.classList[h===e.toHEXA().toString()?"add":"remove"]("pcr-active");l.style.setProperty("--pcr-color",p)}}),hue:z({lock:"v"===i?"h":"v",element:t._root.hue.picker,wrapper:t._root.hue.slider,onstop:()=>t._emit("changestop","slider",t),onchange(e){if(!r.hue||!r.palette)return;const o=a();t._recalc&&(o.h=360*e),this.element.style.backgroundColor=`hsl(${o.h}, 100%, 50%)`,n.palette.trigger()}}),opacity:z({lock:"v"===o?"h":"v",element:t._root.opacity.picker,wrapper:t._root.opacity.slider,onstop:()=>t._emit("changestop","slider",t),onchange(e){if(!r.opacity||!r.palette)return;const o=a();t._recalc&&(o.a=Math.round(100*e)/100),this.element.style.background=`rgba(0, 0, 0, ${o.a})`,n.palette.trigger()}}),selectable:$({elements:t._root.interaction.options,className:"active",onchange(r){t._representation=r.target.getAttribute("data-type").toUpperCase(),t._recalc&&t._updateOutput("swatch")}})};this._components=n}_bindEvents(){const{_root:t,options:r}=this,e=[i(t.interaction.clear,"click",(()=>this._clearColor())),i([t.interaction.cancel,t.preview.lastColor],"click",(()=>{this.setHSVA(...(this._lastColor||this._color).toHSVA(),!0),this._emit("cancel")})),i(t.interaction.save,"click",(()=>{!this.applyColor()&&!r.showAlways&&this.hide()})),i(t.interaction.result,["keyup","input"],(t=>{this.setColor(t.target.value,!0)&&!this._initializingActive&&(this._emit("change",this._color,"input",this),this._emit("changestop","input",this)),t.stopImmediatePropagation()})),i(t.interaction.result,["focus","blur"],(t=>{this._recalc="blur"===t.type,this._recalc&&this._updateOutput(null)})),i([t.palette.palette,t.palette.picker,t.hue.slider,t.hue.picker,t.opacity.slider,t.opacity.picker],["mousedown","touchstart"],(()=>this._recalc=!0),{passive:!0})];if(!r.showAlways){const o=r.closeWithKey;e.push(i(t.button,"click",(()=>this.isOpen()?this.hide():this.show())),i(document,"keyup",(t=>this.isOpen()&&(t.key===o||t.code===o)&&this.hide())),i(document,["touchstart","mousedown"],(r=>{this.isOpen()&&!s(r).some((r=>r===t.app||r===t.button))&&this.hide()}),{capture:!0}))}if(r.adjustableNumbers){const r={rgba:[255,255,255,1],hsva:[360,100,100,1],hsla:[360,100,100,1],cmyk:[100,100,100,100]};p(t.interaction.result,((t,e,o)=>{const i=r[this.getColorRepresentation().toLowerCase()];if(i){const r=i[o],a=t+(r>=100?1e3*e:e);return a<=0?0:Number((a<r?a:r).toPrecision(3))}return t}))}if(r.autoReposition&&!r.inline){let t=null;const o=this;e.push(i(window,["scroll","resize"],(()=>{o.isOpen()&&(r.closeOnScroll&&o.hide(),null===t?(t=setTimeout((()=>t=null),100),requestAnimationFrame((function r(){o._rePositioningPicker(),null!==t&&requestAnimationFrame(r)}))):(clearTimeout(t),t=setTimeout((()=>t=null),100)))}),{capture:!0}))}this._eventBindings=e}_rePositioningPicker(){const{options:t}=this;if(!t.inline&&!this._nanopop.update({container:document.body.getBoundingClientRect(),position:t.position})){const t=this._root.app,r=t.getBoundingClientRect();t.style.top=(window.innerHeight-r.height)/2+"px",t.style.left=(window.innerWidth-r.width)/2+"px"}}_updateOutput(t){const{_root:r,_color:e,options:o}=this;if(r.interaction.type()){const t=`to${r.interaction.type().getAttribute("data-type")}`;r.interaction.result.value="function"==typeof e[t]?e[t]().toString(o.outputPrecision):""}!this._initializingActive&&this._recalc&&this._emit("change",e,t,this)}_clearColor(t=!1){const{_root:r,options:e}=this;e.useAsButton||r.button.style.setProperty("--pcr-color","rgba(0, 0, 0, 0.15)"),r.button.classList.add("clear"),e.showAlways||this.hide(),this._lastColor=null,this._initializingActive||t||(this._emit("save",null),this._emit("clear"))}_parseLocalColor(t){const{values:r,type:e,a:o}=function(t){t=t.match(/^[a-zA-Z]+$/)?function(t){if("black"===t.toLowerCase())return"#000";const r=document.createElement("canvas").getContext("2d");return r.fillStyle=t,"#000"===r.fillStyle?null:r.fillStyle}(t):t;const r={cmyk:/^cmyk[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)/i,rgba:/^((rgba)|rgb)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsla:/^((hsla)|hsl)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsva:/^((hsva)|hsv)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hexa:/^#?(([\dA-Fa-f]{3,4})|([\dA-Fa-f]{6})|([\dA-Fa-f]{8}))$/i},e=t=>t.map((t=>/^(|\d+)\.\d+|\d+$/.test(t)?Number(t):void 0));let o;t:for(const i in r){if(!(o=r[i].exec(t)))continue;const a=t=>!!o[2]==("number"==typeof t);switch(i){case"cmyk":{const[,t,r,a,n]=e(o);if(t>100||r>100||a>100||n>100)break t;return{values:b(t,r,a,n),type:i}}case"rgba":{const[,,,t,r,n,c]=e(o);if(t>255||r>255||n>255||c<0||c>1||!a(c))break t;return{values:[...v(t,r,n),c],a:c,type:i}}case"hexa":{let[,t]=o;4!==t.length&&3!==t.length||(t=t.split("").map((t=>t+t)).join(""));const r=t.substring(0,6);let e=t.substring(6);return e=e?parseInt(e,16)/255:void 0,{values:[...w(r),e],a:e,type:i}}case"hsla":{const[,,,t,r,n,c]=e(o);if(t>360||r>100||n>100||c<0||c>1||!a(c))break t;return{values:[...y(t,r,n),c],a:c,type:i}}case"hsva":{const[,,,t,r,n,c]=e(o);if(t>360||r>100||n>100||c<0||c>1||!a(c))break t;return{values:[t,r,n,c],a:c,type:i}}}}return{values:null,type:null}}(t),{lockOpacity:i}=this.options,a=void 0!==o&&1!==o;return r&&3===r.length&&(r[3]=void 0),{values:!r||i&&a?null:r,type:e}}_t(t){return this.options.i18n[t]||V.I18N_DEFAULTS[t]}_emit(t,...r){this._eventListener[t].forEach((t=>t(...r,this)))}on(t,r){return this._eventListener[t].push(r),this}off(t,r){const e=this._eventListener[t]||[],o=e.indexOf(r);return~o&&e.splice(o,1),this}addSwatch(t){const{values:r}=this._parseLocalColor(t);if(r){const{_swatchColors:t,_root:e}=this,o=x(...r),a=n(`<button type="button" style="--pcr-color: ${o.toRGBA().toString(0)}" aria-label="${this._t("btn:swatch")}"/>`);return e.swatches.appendChild(a),t.push({el:a,color:o}),this._eventBindings.push(i(a,"click",(()=>{this.setHSVA(...o.toHSVA(),!0),this._emit("swatchselect",o),this._emit("change",o,"swatch",this)}))),!0}return!1}removeSwatch(t){const r=this._swatchColors[t];if(r){const{el:e}=r;return this._root.swatches.removeChild(e),this._swatchColors.splice(t,1),!0}return!1}applyColor(t=!1){const{preview:r,button:e}=this._root,o=this._color.toRGBA().toString(0);return r.lastColor.style.setProperty("--pcr-color",o),this.options.useAsButton||e.style.setProperty("--pcr-color",o),e.classList.remove("clear"),this._lastColor=this._color.clone(),this._initializingActive||t||this._emit("save",this._color),this}destroy(){cancelAnimationFrame(this._setupAnimationFrame),this._eventBindings.forEach((t=>a(...t))),Object.keys(this._components).forEach((t=>this._components[t].destroy()))}destroyAndRemove(){this.destroy();const{root:t,app:r}=this._root;t.parentElement&&t.parentElement.removeChild(t),r.parentElement.removeChild(r),Object.keys(this).forEach((t=>this[t]=null))}hide(){return!!this.isOpen()&&(this._root.app.classList.remove("visible"),this._emit("hide"),!0)}show(){return!this.options.disabled&&!this.isOpen()&&(this._root.app.classList.add("visible"),this._rePositioningPicker(),this._emit("show",this._color),this)}isOpen(){return this._root.app.classList.contains("visible")}setHSVA(t=360,r=0,e=0,o=1,i=!1){const a=this._recalc;if(this._recalc=!1,t<0||t>360||r<0||r>100||e<0||e>100||o<0||o>1)return!1;this._color=x(t,r,e,o);const{hue:n,opacity:c,palette:s}=this._components;return n.update(t/360),c.update(o),s.update(r/100,1-e/100),i||this.applyColor(),a&&this._updateOutput(),this._recalc=a,!0}setColor(t,r=!1){if(null===t)return this._clearColor(r),!0;const{values:e,type:o}=this._parseLocalColor(t);if(e){const t=o.toUpperCase(),{options:i}=this._root.interaction,a=i.find((r=>r.getAttribute("data-type")===t));if(a&&!a.hidden)for(const t of i)t.classList[t===a?"add":"remove"]("active");return!!this.setHSVA(...e,r)&&this.setColorRepresentation(t)}return!1}setColorRepresentation(t){return t=t.toUpperCase(),!!this._root.interaction.options.find((r=>r.getAttribute("data-type").startsWith(t)&&!r.click()))}getColorRepresentation(){return this._representation}getColor(){return this._color}getSelectedColor(){return this._lastColor}getRoot(){return this._root}disable(){return this.hide(),this.options.disabled=!0,this._root.button.classList.add("disabled"),this}enable(){return this.options.disabled=!1,this._root.button.classList.remove("disabled"),this}}return A(V,"utils",e),A(V,"version","1.8.2"),A(V,"I18N_DEFAULTS",{"ui:dialog":"color picker dialog","btn:toggle":"toggle color picker dialog","btn:swatch":"color swatch","btn:last-color":"use previous color","btn:save":"Save","btn:cancel":"Cancel","btn:clear":"Clear","aria:btn:save":"save and close","aria:btn:cancel":"cancel and close","aria:btn:clear":"clear and close","aria:input":"color input field","aria:palette":"color selection area","aria:hue":"hue selection slider","aria:opacity":"selection slider"}),A(V,"DEFAULT_OPTIONS",{appClass:null,theme:"classic",useAsButton:!1,padding:8,disabled:!1,comparison:!0,closeOnScroll:!1,outputPrecision:0,lockOpacity:!1,autoReposition:!0,container:"body",components:{interaction:{}},i18n:{},swatches:null,inline:!1,sliders:null,default:"#42445a",defaultRepresentation:null,position:"bottom-middle",adjustableNumbers:!0,showAlways:!1,closeWithKey:"Escape"}),A(V,"create",(t=>new V(t))),r.default})()}));const s=n(c),l=class{constructor(e){t(this,e),this.save=r(this,"save",7),this.nameInputEvent=r(this,"nameInputEvent",7),this.change=r(this,"change",7),this.label=void 0,this.value="white",this.colorRepresentation="HEXA",this.colorInputValue="",this.colorChangedFromInput=!1}componentDidLoad(){this.value.includes("rgb")?this.colorRepresentation="RGBA":this.value.includes("#")&&(this.colorRepresentation="HEXA");const t=this.element.shadowRoot.querySelector(".color-picker"),r=this.element.shadowRoot.querySelector(".color-picker-main-container");this.pickr=new s({el:t,theme:"nano",container:r,inline:!0,showAlways:!0,default:this.value,components:{preview:!0,opacity:!0,hue:!0,interaction:{input:!1}}}),this.pickr.on("change",(t=>{this.colorObject=t,"HEXA"===this.colorRepresentation?this.value=this.colorObject.toHEXA().toString():"RGBA"===this.colorRepresentation&&(this.value=this.colorObject.toRGBA().toString(0)),this.change.emit(this.value)})),this.pickr.on("show",(()=>{this.colorObject=this.pickr.getColor()}));const e={root:document.querySelector("body"),rootMargin:"0px",threshold:1};new IntersectionObserver((()=>{this.pickr.setColor(this.value)}),e).observe(this.element)}componentDidUnload(){this.pickr.destroy()}watchHandler(t){this.pickr.setColor(t)}handleHexaButtonClick(){this.colorChangedFromInput=!1,this.colorRepresentation="HEXA",this.value=this.colorObject.toHEXA().toString(),this.change.emit(this.value)}handleRgbaButtonClick(){this.colorChangedFromInput=!1,this.colorRepresentation="RGBA",this.value=this.colorObject.toRGBA().toString(0),this.change.emit(this.value)}handleTitleValueChange(t){this.label=t.target.value}handleColorValueChange(t){this.colorChangedFromInput=!0;const r=t.target;this.colorInputValue=r.value,this.pickr.setColor(r.value)}colorValue(){if(!this.colorChangedFromInput){if(void 0===this.colorObject)return"";if("HEXA"===this.colorRepresentation)return this.colorObject.toHEXA().toString();if("RGBA"===this.colorRepresentation)return this.colorObject.toRGBA().toString(0)}return this.colorChangedFromInput=!0,this.colorInputValue}setActiveButton(){return this.value.includes("rgb")?"rgba":"hexa"}render(){return e(o,null,this.label?e("gxg-label",null,this.label):null,e("div",{class:{"color-picker-main-container":!0},id:"color-picker-main-container"},e("div",{class:"color-picker"}),e("div",{class:"cp-gxg-buttons before-color-value",slot:"editable"},e("gxg-button-group",{"default-selected-btn-id":this.setActiveButton()},e("button",{id:"rgba",onClick:this.handleRgbaButtonClick.bind(this)},"RGBA"),e("button",{id:"hexa",onClick:this.handleHexaButtonClick.bind(this)},"HEXA"))),e("input",{type:"text",name:"cp-color-value",id:"cp-color-value",value:this.colorValue(),class:"color-picker-main-container-textbox",onInput:this.handleColorValueChange.bind(this)})))}get element(){return i(this)}static get watchers(){return{value:["watchHandler"]}}};l.style='/*! Pickr 1.7.4 MIT | https://github.com/Simonwep/pickr */.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>\') no-repeat 50%;background-size:0;transition:all .3s}.pickr .pcr-button:before{background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:.5em;z-index:-1;z-index:auto}.pickr .pcr-button:after,.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:.15em}.pickr .pcr-button:after{transition:background .3s;background:currentColor}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px currentColor}.pickr .pcr-button.disabled{cursor:not-allowed}.pcr-app *,.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pcr-app button.pcr-active,.pcr-app button:focus,.pcr-app input.pcr-active,.pcr-app input:focus,.pickr button.pcr-active,.pickr button:focus,.pickr input.pcr-active,.pickr input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px currentColor}.pcr-app .pcr-palette,.pcr-app .pcr-slider,.pickr .pcr-palette,.pickr .pcr-slider{transition:box-shadow .3s}.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus,.pickr .pcr-palette:focus,.pickr .pcr-slider:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display:grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-save{width:auto;color:#fff}.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover,.pcr-app .pcr-interaction .pcr-save:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{background:#f44250}.pcr-app .pcr-interaction .pcr-cancel:focus,.pcr-app .pcr-interaction .pcr-clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity,.pcr-app .pcr-selection .pcr-color-palette{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active,.pcr-app .pcr-selection .pcr-color-palette:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:currentColor;width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(90deg,transparent,#000),url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:100%,.25em}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{width:230px;display:block}.label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}.color-picker-main-container{box-shadow:var(--box-shadow-01);z-index:10;--cardAnimationDelay:0;position:relative;animation-name:slideUp;animation-duration:0.75s;animation-iteration-count:1;animation-delay:var(--cardAnimationDelay);background:var(--color-background);position:relative;margin-top:-1px;transition:max-height 0.5s ease-in-out;padding:var(--spacing-comp-02) var(--card-padding) 0 var(--card-padding)}@keyframes slideUp{0%{top:5px;opacity:0}100%{top:0px;opacity:100%}}.color-picker-main-container-textbox{font-family:var(--font-family-primary);font-size:var(--font-size-md);color:var(--color--black);padding-left:var(--spacing-comp-02);padding-right:var(--spacing-comp-02);padding-top:var(--spacing-comp-01);padding-bottom:var(--spacing-comp-01);background:var(--color-background);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-color:var(--gray-04);letter-spacing:0.018em;height:var(--spacing-comp-05);border-radius:0;width:100%;margin-bottom:var(--spacing-comp-02);box-sizing:border-box}.color-picker-main-container--visible{max-height:400px}.pcr-app{background:var(--color-background)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:0}.pickr{display:none}.pcr-app{max-width:100%;width:100% !important;box-shadow:none}.cp-gxg-buttons{padding:var(--spacing-comp-02)}.color-picker-main-container-textbox{margin:0 var(--spacing-comp-02);width:calc(100% - 16px);margin-bottom:var(--spacing-comp-02)}.cp-gxg-buttons.before-color-value gxg-button{margin-right:var(--spacing-comp-02)}.cp-gxg-buttons.after-color-value{text-align:right}.pcr-color-chooser,.pcr-color-opacity{width:85%}';export{l as gxg_color_picker}

package/dist/genexus-ide-ui/p-9dc36eb3.entry.js

@@ -0,0 +1 @@
+import{r as t,h as r,H as o}from"./p-976c3a09.js";import{s as e}from"./p-e46e26a6.js";const a=class{constructor(r){t(this,r),this.labelPosition="start",this.disabled=!1,this.noMargin=!1,this.center=void 0,this.width="auto"}componentWillLoad(){(void 0===this.center&&"start"===this.labelPosition||void 0===this.center&&"end"===this.labelPosition)&&(this.center=!0)}render(){return r(o,{class:{large:e.large,"gxg-label--no-margin":this.noMargin,"gxg-label--center":this.center,[`position-${this.labelPosition}`]:!0},style:{width:this.width}},r("label",{htmlFor:this.for},this.tooltip?r("gxg-tooltip",{label:this.tooltip},r("slot",null)):null,r("slot",null)))}};a.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:flex;align-items:baseline}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host(.position-above){margin-block-end:var(--gxg-label-margin-vertical)}:host(.position-end){margin-inline-start:var(--gxg-label-margin-horizontal)}:host(.position-below){margin-block-start:var(--gxg-label-margin-vertical)}:host(.position-start){margin-inline-end:var(--gxg-label-margin-horizontal)}:host(.gxg-label--no-margin){margin:0 !important}:host(.position-above.gxg-label--center),:host(.position-below.gxg-label--center){justify-content:center}:host(.position-start.gxg-label--center),:host(.position-end.gxg-label--center){align-items:center}:host([disabled]) label{color:var(--gxg-text-color--disabled)}:host(.large) label{font-size:var(--font-size-lg)}";const i=class{constructor(r){t(this,r),this.position="top",this.noBorder=!1}render(){return r(o,{role:"tooltip"},r("span",{class:"tooltip"},r("slot",null),r("div",{class:"tooltiptext"},r("span",{class:"tooltiptext__content"},this.label))))}};i.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .tooltip{cursor:pointer;position:relative;display:inline-block;border-bottom:1px dotted black;text-decoration:none}:host .tooltip .tooltiptext{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-size:var(--font-size-xs);visibility:hidden;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease;position:absolute;z-index:1;width:250px;text-align:center}:host .tooltip .tooltiptext__content{width:fit-content;background-color:var(--gray-07);padding:var(--spacing-comp-01) var(--spacing-comp-02);border-radius:var(--border-width-md);color:var(--color-on-primary);display:inline-block;text-align:left}:host .tooltip .tooltiptext:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute}:host .tooltip:hover .tooltiptext{visibility:visible;opacity:1}:host([position=top]) .tooltip .tooltiptext{bottom:20px;left:50%;transform:translateX(-50%)}:host([position=top]) .tooltip .tooltiptext:after{left:50%;transform:translateX(-50%) rotate(180deg);bottom:-4px}:host([position=right]) .tooltip .tooltiptext{top:0;left:111%;text-align:left}:host([position=right]) .tooltip .tooltiptext:after{left:-7px;transform:rotate(-90deg);top:8px}:host([position=bottom]) .tooltip .tooltiptext{top:25px;left:50%;transform:translateX(-50%)}:host([position=bottom]) .tooltip .tooltiptext:after{left:50%;transform:translateX(-50%);top:-4px}:host([position=left]) .tooltip .tooltiptext{text-align:right;top:0;right:105%}:host([position=left]) .tooltip .tooltiptext:after{right:-7px;transform:rotate(90deg);top:8px}:host([width-auto]) .tooltip .tooltiptext{width:auto;white-space:nowrap}:host([no-border]) .tooltip{border-bottom:none}';export{a as gxg_label,i as gxg_tooltip}

package/dist/genexus-ide-ui/{p-6375af51.entry.js → p-a244661f.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as e,H as a,g as r}from"./p-ee37a0b3.js";import{s as i}from"./p-a192341c.js";import{e as n}from"./p-d8501cb4.js";const l=class{constructor(e){t(this,e),this.modalClosed=o(this,"modalClosed",7),this.modalOpened=o(this,"modalOpened",7),this.parts={closeButton:"close-button"},this.flavor="classic",this.padding="s",this.footerJustifyContent="flex-end",this.width="100%",this.maxWidth="300px",this.visible=!1,this.zIndex="100",this.silent=!1,this.hideFooter=!1,this.layerVisible=!1,this.modalVisible=!1,this.modalTransition=!1,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=n(t,this.parts);o.length&&(this.exportparts=o)}}componentWillLoad(){this.attachExportParts()}componentDidLoad(){this.el.style.display="block"}closeModal(){this.layerVisible=!1,this.modalVisible=!1,this.modalClosed.emit(!0),setTimeout(function(){this.visible=!1,this.modalTransition=!1}.bind(this),250)}close(){this.closeModal()}watchVisibleHandler(){!0===this.visible?setTimeout(function(){this.modalTransition=!0,setTimeout(function(){this.layerVisible=!0,this.modalVisible=!0,this.modalOpened.emit(!0)}.bind(this),50)}.bind(this),50):this.closeModal.bind(this)}modalHidden(){return this.visible?"false":"true"}render(){return!0===this.visible?e(a,{role:"dialog","aria-hidden":this.modalHidden(),class:{"footer-justify-end":"flex-end"===this.footerJustifyContent,"footer-justify-space-between":"space-between"===this.footerJustifyContent,large:i.large,"flavor-alternate":"alternate"===this.flavor},exportParts:this.exportparts?this.exportparts:null},e("div",{class:"modal-container"},e("div",{class:{modal:!0,"modal--visible":this.modalVisible,"modal--transition":this.modalTransition},style:{width:this.width,maxWidth:this.maxWidth,"z-index":this.zIndex+1}},e("header",{class:"modal__header"},e("span",{class:"modal__header__title"},this.modalTitle),e("gxg-button",{icon:"gemini-tools/close",type:"tertiary",onClick:this.closeModal.bind(this),part:this.parts.closeButton})),e("div",{class:"modal__container"},e("slot",null)),this.hideFooter?null:e("footer",{class:"modal__footer"},e("slot",{name:"footer"})))),e("div",{class:{layer:!0,"layer--visible":this.layerVisible},style:{"z-index":this.zIndex}})):null}get el(){return r(this)}static get watchers(){return{visible:["watchVisibleHandler"]}}};l.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host .modal-container{position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:999;box-sizing:border-box}:host .modal{display:flex;flex-direction:column;opacity:0;background:var(--color-on-primary);box-shadow:var(--box-shadow-03);border-radius:var(--border-radius-md);position:absolute;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}:host .modal--visible{opacity:1;margin-top:0}:host .modal--transition{transition-property:opacity, margin-top;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .modal__header{display:flex;align-items:center;justify-content:space-between}:host .modal__header__title{font-weight:var(--font-weight-bold)}:host .modal__container{padding:var(--spacing-comp-04) 0}:host .modal__footer{display:flex}:host .modal__footer ::slotted([slot=footer]) *{margin-left:var(--spacing-comp-02);margin-right:var(--spacing-comp-02)}:host(.flavor-alternate) .modal{padding:0 !important;border:1px solid var(--gray-02);box-shadow:none;border-radius:0}:host(.flavor-alternate) .modal__header{padding:var(--spacing-comp-02) var(--spacing-comp-04);background-color:var(--gray-00)}:host(.flavor-alternate) .modal__header__title{font-weight:var(--font-weight-regular)}:host(.flavor-alternate) .modal__container{padding:var(--spacing-comp-03) var(--spacing-comp-04)}:host(.flavor-alternate) .modal__footer{padding:var(--spacing-comp-02) var(--spacing-comp-04)}:host([padding="0"]) .modal{padding:0}:host([padding=xs]) .modal{padding:var(--spacing-comp-01)}:host([padding=s]) .modal{padding:var(--spacing-comp-02)}:host([padding=m]) .modal{padding:var(--spacing-comp-03)}:host([padding=l]) .modal{padding:var(--spacing-comp-04)}:host([padding=xl]) .modal{padding:var(--spacing-comp-05)}:host([padding=xxl]) .modal{padding:var(--spacing-comp-06)}:host([padding=xxxl]) .modal{padding:var(--spacing-comp-07)}:host .layer{position:absolute;width:100%;height:100%;top:0;left:0;background-color:black;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .layer--visible{opacity:0.25}:host(.footer-justify-end) .modal__footer{justify-content:flex-end}:host(.footer-justify-space-between) .modal__footer{justify-content:space-between}:host(.large) .modal{font-size:var(--font-size-lg)}';export{l as gxg_modal}
+import{r as t,c as o,h as e,H as r,g as a}from"./p-976c3a09.js";import{s as i}from"./p-e46e26a6.js";import{e as n}from"./p-d8501cb4.js";const l=class{constructor(e){t(this,e),this.modalClosed=o(this,"modalClosed",7),this.modalOpened=o(this,"modalOpened",7),this.parts={closeButton:"close-button"},this.flavor="classic",this.padding="s",this.footerJustifyContent="flex-end",this.width="100%",this.maxWidth="300px",this.visible=!1,this.zIndex="100",this.silent=!1,this.hideFooter=!1,this.layerVisible=!1,this.modalVisible=!1,this.modalTransition=!1,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=n(t,this.parts);o.length&&(this.exportparts=o)}}componentWillLoad(){this.attachExportParts()}componentDidLoad(){this.el.style.display="block"}closeModal(){this.layerVisible=!1,this.modalVisible=!1,this.modalClosed.emit(!0),setTimeout(function(){this.visible=!1,this.modalTransition=!1}.bind(this),250)}close(){this.closeModal()}watchVisibleHandler(){!0===this.visible?setTimeout(function(){this.modalTransition=!0,setTimeout(function(){this.layerVisible=!0,this.modalVisible=!0,this.modalOpened.emit(!0)}.bind(this),50)}.bind(this),50):this.closeModal.bind(this)}modalHidden(){return this.visible?"false":"true"}render(){return!0===this.visible?e(r,{role:"dialog","aria-hidden":this.modalHidden(),class:{"footer-justify-end":"flex-end"===this.footerJustifyContent,"footer-justify-space-between":"space-between"===this.footerJustifyContent,large:i.large,"flavor-alternate":"alternate"===this.flavor},exportParts:this.exportparts?this.exportparts:null},e("div",{class:"modal-container"},e("div",{class:{modal:!0,"modal--visible":this.modalVisible,"modal--transition":this.modalTransition},style:{width:this.width,maxWidth:this.maxWidth,"z-index":this.zIndex+1}},e("header",{class:"modal__header"},e("span",{class:"modal__header__title"},this.modalTitle),e("gxg-button",{icon:"gemini-tools/close",type:"tertiary",onClick:this.closeModal.bind(this),part:this.parts.closeButton})),e("div",{class:"modal__container"},e("slot",null)),this.hideFooter?null:e("footer",{class:"modal__footer"},e("slot",{name:"footer"})))),e("div",{class:{layer:!0,"layer--visible":this.layerVisible},style:{"z-index":this.zIndex}})):null}get el(){return a(this)}static get watchers(){return{visible:["watchVisibleHandler"]}}};l.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .modal-container{position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:999;box-sizing:border-box}:host .modal{display:flex;flex-direction:column;opacity:0;background:var(--color-on-primary);box-shadow:var(--box-shadow-03);border-radius:var(--border-radius-md);position:absolute;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}:host .modal--visible{opacity:1;margin-top:0}:host .modal--transition{transition-property:opacity, margin-top;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .modal__header{display:flex;align-items:center;justify-content:space-between}:host .modal__header__title{font-weight:var(--font-weight-bold)}:host .modal__container{padding:var(--spacing-comp-04) 0}:host .modal__footer{display:flex}:host .modal__footer ::slotted([slot=footer]) *{margin-left:var(--spacing-comp-02);margin-right:var(--spacing-comp-02)}:host(.flavor-alternate) .modal{padding:0 !important;border:1px solid var(--gray-02);box-shadow:none;border-radius:0}:host(.flavor-alternate) .modal__header{padding:var(--spacing-comp-02) var(--spacing-comp-04);background-color:var(--gray-00)}:host(.flavor-alternate) .modal__header__title{font-weight:var(--font-weight-regular)}:host(.flavor-alternate) .modal__container{padding:var(--spacing-comp-03) var(--spacing-comp-04)}:host(.flavor-alternate) .modal__footer{padding:var(--spacing-comp-02) var(--spacing-comp-04)}:host([padding="0"]) .modal{padding:0}:host([padding=xs]) .modal{padding:var(--spacing-comp-01)}:host([padding=s]) .modal{padding:var(--spacing-comp-02)}:host([padding=m]) .modal{padding:var(--spacing-comp-03)}:host([padding=l]) .modal{padding:var(--spacing-comp-04)}:host([padding=xl]) .modal{padding:var(--spacing-comp-05)}:host([padding=xxl]) .modal{padding:var(--spacing-comp-06)}:host([padding=xxxl]) .modal{padding:var(--spacing-comp-07)}:host .layer{position:absolute;width:100%;height:100%;top:0;left:0;background-color:black;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .layer--visible{opacity:0.25}:host(.footer-justify-end) .modal__footer{justify-content:flex-end}:host(.footer-justify-space-between) .modal__footer{justify-content:space-between}:host(.large) .modal{font-size:var(--font-size-lg)}';export{l as gxg_modal}

package/dist/genexus-ide-ui/p-a2479a2f.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as o,H as e}from"./p-976c3a09.js";const i=class{constructor(o){t(this,o),this.optionIsSelected=s(this,"optionIsSelected",7),this.iconName=void 0}watchHandler(t){!0===t&&this.optionIsSelected.emit(this.value)}icon(){if(this.iconName)return o("gxg-icon",{type:this.iconName,color:"auto",size:"small"})}render(){return o(e,{role:"option"},this.icon()," ",o("span",{class:"label"},o("slot",null)))}static get watchers(){return{selected:["watchHandler"]}}};i.style=":host{display:block}";export{i as gxg_option_v2}

package/dist/genexus-ide-ui/{p-f51c0a1e.entry.js → p-a30b3d5d.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as a,H as o,g as i}from"./p-ee37a0b3.js";import{L as r}from"./p-26957490.js";import{f as s,r as l,g as n}from"./p-b3d6653d.js";const d=class{constructor(o){e(this,o),this.componentDidRenderEvent=t(this,"componentDidRenderEvent",7),this._initialComboValue={prototypingTargets:null,userInterfaceLanguages:null,prototypingEnvironments:null,dataSources:null,serverNames:null,collations:null,authenticationTypes:null},this.setInitialValues=()=>{this._initialComboValue&&Object.keys(this._initialComboValue).forEach((e=>{const t=n(this[e]),a=(null==t?void 0:t.selected)?t.id:null;a&&(this._initialComboValue[e]=a)}))},this.evaluateCreateDataInKbDisabled=e=>{e?this.createDataInKbDisabled=this.serverNames[0].id===e.detail:this.serverNames[0].selected&&(this.createDataInKbDisabled=!0)},this.evaluateAuthenticationType=e=>{var t,a;let o;(null===(t=this.authenticationTypes)||void 0===t?void 0:t.length)&&(o=(null===(a=this.authenticationTypes)||void 0===a?void 0:a.find((e=>e.selected)))||this.authenticationTypes[0]),"windows-authentication"===(null==e?void 0:e.detail)||o&&"windows-authentication"===o.id&&null===e?(this.userNameVisible=!1,this.passwordVisible=!1,this.savePasswordVisible=!1):(this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0)},this.selectLocationHandler=()=>{this.selectLocationCallback().then((e=>{e&&(this.kbLocation=e)}))},this.getFrontEndOptionsValues=()=>{const e=[];return this.frontEndsEl.getValues().then((t=>{t.forEach((t=>{e.push({id:t.id,checked:t.value,disabled:t.disabled})}))})),e},this.createKbHandler=()=>{var e,t,a,o,i,r,l,n,d,g,c,h,b,p;this.createCallback&&this.createCallback({kbName:null===(e=this.kbNameEl)||void 0===e?void 0:e.value,kbLocation:null===(t=this.locationEl)||void 0===t?void 0:t.value,prototypingTarget:null===(a=this.prototypingTargetEl)||void 0===a?void 0:a.value,userInterfaceLanguage:null===(o=this.userInterfaceLanguageEl)||void 0===o?void 0:o.value,prototypingEnvironment:null===(i=this.prototypingEnvironmentEl)||void 0===i?void 0:i.value,dataSource:null===(r=this.dataSourceEl)||void 0===r?void 0:r.value,frontEnds:this.getFrontEndOptionsValues(),serverName:null===(l=this.serverNameEl)||void 0===l?void 0:l.value,databaseName:null===(n=this.databaseNameEl)||void 0===n?void 0:n.value,collation:null===(d=this.collationEl)||void 0===d?void 0:d.value,createDataFilesInKBFolder:null===(g=this.createDataFilesInKBFolderEl)||void 0===g?void 0:g.checked,authenticationType:null===(c=this.authenticationTypeEl)||void 0===c?void 0:c.value,userName:null===(h=this.userNameEl)||void 0===h?void 0:h.value,password:null===(b=this.passwordEl)||void 0===b?void 0:b.value,savePassword:null===(p=this.savePasswordEl)||void 0===p?void 0:p.checked}).then((e=>{s(e,this)}))},this.cancelKbHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.renderTabBasic=()=>{var e,t,o,i;return a("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0},a("gx-ide-container",{displayBorderTop:!0,displayBorderBottom:!0},a("div",{class:"grid basic-row-first"},a("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.prototypingTarget,value:null!==(e=this._initialComboValue.prototypingTargets)&&void 0!==e?e:this.prototypingTargets[0].id,ref:e=>this.prototypingTargetEl=e,class:"prototyping-target",part:"prototyping-target"},l("gxg-combo-box-item",this.prototypingTargets,"prototyping-target")),a("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.userInterfaceLanguage,value:null!==(t=this._initialComboValue.userInterfaceLanguages)&&void 0!==t?t:this.userInterfaceLanguages[0].id,ref:e=>this.userInterfaceLanguageEl=e,class:"user-interface-language",part:"user-interface-language"},l("gxg-combo-box-item",this.userInterfaceLanguages,"user-interface-language")))),a("div",{class:"grid basic-row-second"},a("gx-ide-container",{fieldset:!0,noHeadingBorder:!0,containerTitle:this._componentLocale.tabBasic.backEnd.backEndLabel},a("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.backEnd.prototypingEnvironment,value:null!==(o=this._initialComboValue.prototypingEnvironments)&&void 0!==o?o:this.prototypingEnvironments[0].id,ref:e=>this.prototypingEnvironmentEl=e,class:"prototyping-environment",part:"prototyping-environment"},l("gxg-combo-box-item",this.prototypingEnvironments,"prototyping-environment")),a("gxg-combo-box",{label:this._componentLocale.tabBasic.backEnd.dataSource,disableFilter:!0,value:null!==(i=this._initialComboValue.dataSources)&&void 0!==i?i:this.dataSources[0].id,ref:e=>this.dataSourceEl=e,class:"data-source",part:"data-source"},l("gxg-combo-box-item",this.dataSources,"data-source"))),a("gx-ide-container",{fieldset:!0,noHeadingBorder:!0,containerTitle:this._componentLocale.tabBasic.frontEnd.frontEndLabel},a("gxg-form-checkbox-group",{ref:e=>this.frontEndsEl=e},l("gxg-form-checkbox",this.frontEnds,"front-end")))))},this.renderTabAdvanced=()=>{var e,t,o;return a("gxg-tab",{tab:"advanced","no-padding":!0,flexContainer:!0},a("gx-ide-container",{displayBorderTop:!0,displayBorderBottom:!0,containerTitle:this._componentLocale.tabAdvanced.tabTitle}),a("div",{class:"grid knowledge-base-storage"},a("gx-ide-container",{fieldset:!0},a("div",{class:"grid knowledge-base-storage__col-left"},a("gxg-combo-box",{label:this._componentLocale.tabAdvanced.serverName,disableFilter:!0,value:null!==(e=this._initialComboValue.serverNames)&&void 0!==e?e:this.serverNames[0].id,ref:e=>this.serverNameEl=e,class:"server-name-combo-box",part:"server-name",onValueChanged:this.evaluateCreateDataInKbDisabled},l("gxg-combo-box-item",this.serverNames,"server-name")),a("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/search",class:"server-name-button",part:"search-server-name"}),a("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.databaseName,placeholder:"MyDatabase",ref:e=>this.databaseNameEl=e,value:this.databaseName,class:"database-name",part:"database-name"}),a("gxg-combo-box",{label:this._componentLocale.tabAdvanced.collation,disableFilter:!0,value:null!==(t=this._initialComboValue.collations)&&void 0!==t?t:this.collations[0].id,ref:e=>this.collationEl=e,class:"collation-combo-box",part:"collation"},l("gxg-combo-box-item",this.collations,"collation")),a("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",class:"collation-button",part:"reset-collation"}),a("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.createDataFilesInKbFolder,ref:e=>this.createDataFilesInKBFolderEl=e,alignTop:!0,checked:this.createDataFilesInKBFolder,disabled:this.createDataInKbDisabled,class:"create-data-in-kb",part:"create-data-in-kb"}))),a("gx-ide-container",{fieldset:!0,noHeadingBorder:!0},a("div",{class:{grid:!0,"knowledge-base-storage__col-right":!0,"knowledge-base-storage__col-right--windows-authentication":!this.userNameVisible}},a("gxg-combo-box",{label:this._componentLocale.tabAdvanced.authenticationType,disableFilter:!0,value:null!==(o=this._initialComboValue.authenticationTypes)&&void 0!==o?o:this.authenticationTypes[0].id,ref:e=>this.authenticationTypeEl=e,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},l("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),this.userNameVisible?a("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.userName,ref:e=>this.userNameEl=e,value:this.userName,class:"user-name",part:"user-name"}):null,this.passwordVisible?a("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.password,password:!0,ref:e=>this.passwordEl=e,value:this.password,class:"password",part:"password"}):null,this.savePasswordVisible?a("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.savePassword,ref:e=>this.savePasswordEl=e,checked:this.savePassword,class:"save-password",part:"save-password"}):null))))},this.createDataInKbDisabled=!1,this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0,this.dataSources=void 0,this.frontEnds=void 0,this.isAdvanced=!1,this.kbLocation=void 0,this.selectLocationCallback=void 0,this.kbName=void 0,this.prototypingEnvironments=void 0,this.prototypingTargets=void 0,this.userInterfaceLanguages=void 0,this.authenticationTypes=void 0,this.collations=void 0,this.createDataFilesInKBFolder=!1,this.databaseName=void 0,this.password=void 0,this.savePassword=!1,this.serverNames=void 0,this.userName=void 0,this.test=void 0,this.createCallback=void 0,this.cancelCallback=void 0}async componentWillLoad(){this._componentLocale=await r.getComponentStrings(this.el),this.setInitialValues(),this.evaluateCreateDataInKbDisabled(null),this.evaluateAuthenticationType(null)}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){return a(o,{class:"gx-ide-component"},a("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},a("gx-ide-container",null,a("header",{class:{header:!0,grid:!0,"header--is-advanced":this.isAdvanced}},a("gxg-label",{labelPosition:"start",class:"kb-label",noMargin:!0},this._componentLocale.header.kbName),a("gxg-form-text",{labelPosition:"start",placeholder:"SalesInventory","max-width":"100%",value:this.kbName,ref:e=>this.kbNameEl=e,part:"kb-name",class:"kb-input"}),this.isAdvanced?[a("gxg-label",{labelPosition:"start",class:"location-label"},this._componentLocale.header.kbLocation),a("gxg-form-text",{labelPosition:"start",placeholder:"C:\\Models",maxWidth:"100%",value:this.kbLocation,ref:e=>this.locationEl=e,disabled:!this.isAdvanced,part:"kb-location",class:"location-input"}),a("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/folder",onClick:this.selectLocationHandler,part:"button-select-location",class:"location-icon"})]:null)),a("main",{class:"gxi-full-height"},a("gxg-tabs",{height:"100%",position:"top",class:"gxg-tabs"},a("gxg-tab-bar",{slot:"tab-bar-container",part:"tab-bar"},a("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0,hidden:!this.isAdvanced,part:"tab-button-basic"}),a("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",hidden:!this.isAdvanced,part:"tab-button-advanced"})),this.renderTabBasic(),this.renderTabAdvanced())),a("gx-ide-container",{displayBorderTop:!0},a("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",slot:"footer-end"},this._componentLocale.footer.btnCreate),a("gxg-button",{id:"button-cancel",type:"outlined",onClick:this.cancelKbHandler,part:"button-cancel",slot:"footer-end"},this._componentLocale.footer.btnCancel))))}static get assetsDirs(){return["gx-ide-assets/new-kb"]}get el(){return i(this)}};d.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.header{grid-template-columns:auto 1fr;grid-template-areas:"kb-name-label kb-input"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:"kb-name-label kb-input ." "location-label location-input location-icon"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{grid-template-areas:"prototyping-target user-interface-language";grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-areas:"prototyping-environment data-source";grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.basic-row-second>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage{grid-template-areas:"knowledge-base-storage__col-left knowledge-base-storage__col-right";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-areas:"server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb ."}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-areas:"authentication-type" "user-name" "password" "save-password"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:"authentication-type"}';export{d as gx_ide_new_kb}
+import{r as e,c as t,h as a,H as i,g as o}from"./p-976c3a09.js";import{L as r}from"./p-26957490.js";import{f as s,r as l,g as n}from"./p-db945a17.js";const d=class{constructor(i){e(this,i),this.componentDidRenderEvent=t(this,"componentDidRenderEvent",7),this._initialComboValue={prototypingTargets:null,userInterfaceLanguages:null,prototypingEnvironments:null,dataSources:null,serverNames:null,collations:null,authenticationTypes:null},this.setInitialValues=()=>{this._initialComboValue&&Object.keys(this._initialComboValue).forEach((e=>{const t=n(this[e]),a=(null==t?void 0:t.selected)?t.id:null;a&&(this._initialComboValue[e]=a)}))},this.evaluateCreateDataInKbDisabled=e=>{e?this.createDataInKbDisabled=this.serverNames[0].id===e.detail:this.serverNames[0].selected&&(this.createDataInKbDisabled=!0)},this.evaluateAuthenticationType=e=>{var t,a;let i;(null===(t=this.authenticationTypes)||void 0===t?void 0:t.length)&&(i=(null===(a=this.authenticationTypes)||void 0===a?void 0:a.find((e=>e.selected)))||this.authenticationTypes[0]),"windows-authentication"===(null==e?void 0:e.detail)||i&&"windows-authentication"===i.id&&null===e?(this.userNameVisible=!1,this.passwordVisible=!1,this.savePasswordVisible=!1):(this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0)},this.selectLocationHandler=()=>{this.selectLocationCallback().then((e=>{e&&(this.kbLocation=e)}))},this.getFrontEndOptionsValues=()=>{const e=[];return this.frontEndsEl.getValues().then((t=>{t.forEach((t=>{e.push({id:t.id,checked:t.value,disabled:t.disabled})}))})),e},this.createKbHandler=()=>{var e,t,a,i,o,r,l,n,d,g,c,h,b,p;this.createCallback&&this.createCallback({kbName:null===(e=this.kbNameEl)||void 0===e?void 0:e.value,kbLocation:null===(t=this.locationEl)||void 0===t?void 0:t.value,prototypingTarget:null===(a=this.prototypingTargetEl)||void 0===a?void 0:a.value,userInterfaceLanguage:null===(i=this.userInterfaceLanguageEl)||void 0===i?void 0:i.value,prototypingEnvironment:null===(o=this.prototypingEnvironmentEl)||void 0===o?void 0:o.value,dataSource:null===(r=this.dataSourceEl)||void 0===r?void 0:r.value,frontEnds:this.getFrontEndOptionsValues(),serverName:null===(l=this.serverNameEl)||void 0===l?void 0:l.value,databaseName:null===(n=this.databaseNameEl)||void 0===n?void 0:n.value,collation:null===(d=this.collationEl)||void 0===d?void 0:d.value,createDataFilesInKBFolder:null===(g=this.createDataFilesInKBFolderEl)||void 0===g?void 0:g.checked,authenticationType:null===(c=this.authenticationTypeEl)||void 0===c?void 0:c.value,userName:null===(h=this.userNameEl)||void 0===h?void 0:h.value,password:null===(b=this.passwordEl)||void 0===b?void 0:b.value,savePassword:null===(p=this.savePasswordEl)||void 0===p?void 0:p.checked}).then((e=>{s(e,this)}))},this.cancelKbHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.renderTabBasic=()=>{var e,t,i,o;return a("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0},a("gx-ide-container",{displayBorderTop:!0,displayBorderBottom:!0},a("div",{class:"grid basic-row-first"},a("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.prototypingTarget,value:null!==(e=this._initialComboValue.prototypingTargets)&&void 0!==e?e:this.prototypingTargets[0].id,ref:e=>this.prototypingTargetEl=e,class:"prototyping-target",part:"prototyping-target"},l("gxg-combo-box-item",this.prototypingTargets,"prototyping-target")),a("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.userInterfaceLanguage,value:null!==(t=this._initialComboValue.userInterfaceLanguages)&&void 0!==t?t:this.userInterfaceLanguages[0].id,ref:e=>this.userInterfaceLanguageEl=e,class:"user-interface-language",part:"user-interface-language"},l("gxg-combo-box-item",this.userInterfaceLanguages,"user-interface-language")))),a("div",{class:"grid basic-row-second"},a("gx-ide-container",{fieldset:!0,noHeadingBorder:!0,containerTitle:this._componentLocale.tabBasic.backEnd.backEndLabel},a("gxg-combo-box",{disableFilter:!0,label:this._componentLocale.tabBasic.backEnd.prototypingEnvironment,value:null!==(i=this._initialComboValue.prototypingEnvironments)&&void 0!==i?i:this.prototypingEnvironments[0].id,ref:e=>this.prototypingEnvironmentEl=e,class:"prototyping-environment",part:"prototyping-environment"},l("gxg-combo-box-item",this.prototypingEnvironments,"prototyping-environment")),a("gxg-combo-box",{label:this._componentLocale.tabBasic.backEnd.dataSource,disableFilter:!0,value:null!==(o=this._initialComboValue.dataSources)&&void 0!==o?o:this.dataSources[0].id,ref:e=>this.dataSourceEl=e,class:"data-source",part:"data-source"},l("gxg-combo-box-item",this.dataSources,"data-source"))),a("gx-ide-container",{fieldset:!0,noHeadingBorder:!0,containerTitle:this._componentLocale.tabBasic.frontEnd.frontEndLabel},a("gxg-form-checkbox-group",{ref:e=>this.frontEndsEl=e},l("gxg-form-checkbox",this.frontEnds,"front-end")))))},this.renderTabAdvanced=()=>{var e,t,i;return a("gxg-tab",{tab:"advanced","no-padding":!0,flexContainer:!0},a("gx-ide-container",{displayBorderTop:!0,displayBorderBottom:!0,containerTitle:this._componentLocale.tabAdvanced.tabTitle}),a("div",{class:"grid knowledge-base-storage"},a("gx-ide-container",{fieldset:!0},a("div",{class:"grid knowledge-base-storage__col-left"},a("gxg-combo-box",{label:this._componentLocale.tabAdvanced.serverName,disableFilter:!0,value:null!==(e=this._initialComboValue.serverNames)&&void 0!==e?e:this.serverNames[0].id,ref:e=>this.serverNameEl=e,class:"server-name-combo-box",part:"server-name",onValueChanged:this.evaluateCreateDataInKbDisabled},l("gxg-combo-box-item",this.serverNames,"server-name")),a("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/search",class:"server-name-button",part:"search-server-name"}),a("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.databaseName,placeholder:"MyDatabase",ref:e=>this.databaseNameEl=e,value:this.databaseName,class:"database-name",part:"database-name"}),a("gxg-combo-box",{label:this._componentLocale.tabAdvanced.collation,disableFilter:!0,value:null!==(t=this._initialComboValue.collations)&&void 0!==t?t:this.collations[0].id,ref:e=>this.collationEl=e,class:"collation-combo-box",part:"collation"},l("gxg-combo-box-item",this.collations,"collation")),a("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",class:"collation-button",part:"reset-collation"}),a("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.createDataFilesInKbFolder,ref:e=>this.createDataFilesInKBFolderEl=e,alignTop:!0,checked:this.createDataFilesInKBFolder,disabled:this.createDataInKbDisabled,class:"create-data-in-kb",part:"create-data-in-kb"}))),a("gx-ide-container",{fieldset:!0,noHeadingBorder:!0},a("div",{class:{grid:!0,"knowledge-base-storage__col-right":!0,"knowledge-base-storage__col-right--windows-authentication":!this.userNameVisible}},a("gxg-combo-box",{label:this._componentLocale.tabAdvanced.authenticationType,disableFilter:!0,value:null!==(i=this._initialComboValue.authenticationTypes)&&void 0!==i?i:this.authenticationTypes[0].id,ref:e=>this.authenticationTypeEl=e,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},l("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),this.userNameVisible?a("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.userName,ref:e=>this.userNameEl=e,value:this.userName,class:"user-name",part:"user-name"}):null,this.passwordVisible?a("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.password,password:!0,ref:e=>this.passwordEl=e,value:this.password,class:"password",part:"password"}):null,this.savePasswordVisible?a("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.savePassword,ref:e=>this.savePasswordEl=e,checked:this.savePassword,class:"save-password",part:"save-password"}):null))))},this.createDataInKbDisabled=!1,this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0,this.dataSources=void 0,this.frontEnds=void 0,this.isAdvanced=!1,this.kbLocation=void 0,this.selectLocationCallback=void 0,this.kbName=void 0,this.prototypingEnvironments=void 0,this.prototypingTargets=void 0,this.userInterfaceLanguages=void 0,this.authenticationTypes=void 0,this.collations=void 0,this.createDataFilesInKBFolder=!1,this.databaseName=void 0,this.password=void 0,this.savePassword=!1,this.serverNames=void 0,this.userName=void 0,this.test=void 0,this.createCallback=void 0,this.cancelCallback=void 0}async componentWillLoad(){this._componentLocale=await r.getComponentStrings(this.el),this.setInitialValues(),this.evaluateCreateDataInKbDisabled(null),this.evaluateAuthenticationType(null)}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){return a(i,{class:"gx-ide-component"},a("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},a("gx-ide-container",null,a("header",{class:{header:!0,grid:!0,"header--is-advanced":this.isAdvanced}},a("gxg-label",{labelPosition:"start",class:"kb-label",noMargin:!0},this._componentLocale.header.kbName),a("gxg-form-text",{labelPosition:"start",placeholder:"SalesInventory","max-width":"100%",value:this.kbName,ref:e=>this.kbNameEl=e,part:"kb-name",class:"kb-input"}),this.isAdvanced?[a("gxg-label",{labelPosition:"start",class:"location-label"},this._componentLocale.header.kbLocation),a("gxg-form-text",{labelPosition:"start",placeholder:"C:\\Models",maxWidth:"100%",value:this.kbLocation,ref:e=>this.locationEl=e,disabled:!this.isAdvanced,part:"kb-location",class:"location-input"}),a("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/folder",onClick:this.selectLocationHandler,part:"button-select-location",class:"location-icon"})]:null)),a("main",{class:"gxi-full-height"},a("gxg-tabs",{height:"100%",position:"top",class:"gxg-tabs"},a("gxg-tab-bar",{slot:"tab-bar-container",part:"tab-bar"},a("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0,hidden:!this.isAdvanced,part:"tab-button-basic"}),a("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",hidden:!this.isAdvanced,part:"tab-button-advanced"})),this.renderTabBasic(),this.renderTabAdvanced())),a("gx-ide-container",{displayBorderTop:!0},a("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",slot:"footer-end"},this._componentLocale.footer.btnCreate),a("gxg-button",{id:"button-cancel",type:"outlined",onClick:this.cancelKbHandler,part:"button-cancel",slot:"footer-end"},this._componentLocale.footer.btnCancel))))}static get assetsDirs(){return["gx-ide-assets/new-kb"]}get el(){return o(this)}};d.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.header{grid-template-columns:auto 1fr;grid-template-areas:"kb-name-label kb-input"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:"kb-name-label kb-input ." "location-label location-input location-icon"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{grid-template-areas:"prototyping-target user-interface-language";grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-areas:"prototyping-environment data-source";grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.basic-row-second>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage{grid-template-areas:"knowledge-base-storage__col-left knowledge-base-storage__col-right";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-areas:"server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb ."}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-areas:"authentication-type" "user-name" "password" "save-password"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:"authentication-type"}';export{d as gx_ide_new_kb}

package/dist/genexus-ide-ui/{p-0576445e.entry.js → p-a35f09e9.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,a as r,H as o,g as a}from"./p-ee37a0b3.js";const i=class{constructor(e){t(this,e),this.active=!1,this.activeTime="regular",this.position="start",this.type="notice",this.fullWidth=!1,this.leftRight="xs",this.bottom="xs",this.width="350px",this.silent=!1,this.rtl=!1}componentDidLoad(){this.el.removeAttribute("hidden");const t=document.getElementsByTagName("html")[0].getAttribute("dir"),e=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==e||(this.rtl=!0)}iconColor(){return"notice"===this.type?"negative":"error"===this.type?"error":"warning"===this.type?"warning":"success"===this.type?"success":void 0}closeIconColor(){return"notice"===this.type?"negative":"onbackground"}printTitle(){if(void 0!==this.title)return e("h2",{class:"alert-message--title"},this.title)}setAlertInactive(){this.active=!1,this.el.removeAttribute("role")}validateName(t){let e;switch(this.activeTime){case"xxslow":e="10";break;case"xslow":e="09";break;case"slow":e="08";break;case"regular":e="07";break;case"fast":e="06";break;case"xfast":e="05";break;default:e="04"}!0===t&&(this.el.setAttribute("role","alert"),setTimeout((()=>{this.setAlertInactive()}),parseInt(getComputedStyle(document.documentElement).getPropertyValue("--timing-"+e))))}defineWidth(){if(this.fullWidth){const t=getComputedStyle(document.documentElement).getPropertyValue("--spacing-lay-"+this.leftRight);return"calc(100% - "+2*parseInt(t.replace("px",""),10)+"px)"}return this.width}alertHidden(){if(this.active){if(!this.silent){let t;"warning"===this.type?t=new Audio(r("./alert-assets/warning.mp3")):"error"===this.type&&(t=new Audio(r("./alert-assets/error.mp3"))),setTimeout((function(){t.play()}),100)}return"false"}return"true"}transform(t){return"center"===this.position?this.rtl?"translateY(-"+t+") translateX(50%)":"translateY(-"+t+") translateX(-50%)":"translateY(-"+t+")"}render(){let t,r;return t="no-space"===this.leftRight?"0":getComputedStyle(document.body).getPropertyValue("--spacing-lay-"+this.leftRight).replace(/\s/g,""),r="no-space"===this.bottom?"0":getComputedStyle(document.body).getPropertyValue("--spacing-lay-"+this.bottom).replace(/\s/g,""),e(o,{role:"alert","aria-hidden":this.alertHidden(),hidden:!0,class:{rtl:this.rtl},style:{width:this.defineWidth(),left:t,right:t,transform:this.transform(r)}},e("div",{class:{"alert-message":!0,"alert-message--notice":"notice"===this.type,"alert-message--error":"error"===this.type,"alert-message--warning":"warning"===this.type,"alert-message--success":"success"===this.type}},e("div",{class:"alert-message--container"},e("div",{class:"alert-message--icon"},e("gxg-icon",{color:this.iconColor(),slot:"icon",type:"gemini-tools/"+this.type})),e("div",{class:"alert-message-title-description"},this.printTitle(),e("p",{class:"alert-message--description"},e("slot",null)))),e("div",{class:"alert-message-close"},e("gxg-button","notice"===this.type?{type:"tertiary",icon:"gemini-tools/close",onClick:this.setAlertInactive.bind(this),negative:!0}:{type:"tertiary",icon:"gemini-tools/close",onClick:this.setAlertInactive.bind(this),"always-black":!0}))))}static get assetsDirs(){return["alert-assets"]}get el(){return a(this)}static get watchers(){return{active:["validateName"]}}};i.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{position:fixed;bottom:0;z-index:100;transition-property:transform;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .alert-message{background-color:var(--gray-07);color:var(--color-on-primary);border-width:0;border-top-width:var(--border-width-lg);border-style:solid;border-color:var(--gray-06);padding:var(--spacing-comp-03);display:flex;align-items:flex-start;justify-content:space-between;font-family:var(--font-family-primary);}:host .alert-message--error{border-color:var(--color-error-dark);background-color:var(--color-error-light);color:var(--color-on-secondary)}:host .alert-message--warning{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);color:var(--color-on-secondary)}:host .alert-message--success{border-color:var(--color-success-dark);background-color:var(--color-success-light);color:var(--color-on-secondary)}:host .alert-message__close{display:flex}:host .alert-message--title{margin:0 0 var(--spacing-comp-02) 0;font-size:var(--font-size-xs);text-transform:uppercase}:host .alert-message--icon{margin-inline-end:var(--spacing-comp-02);display:flex}:host .alert-message--container{display:flex;align-items:top}:host .alert-message--description{font-size:var(--font-size-md);margin-top:0;margin-bottom:0;line-height:1.5em}:host([position=end]:not(.rtl)){left:auto !important}:host(:not([active])){transform:translateY(100%) !important}:host([position=center]){left:50% !important;transform:translateX(-50%)}:host(:not([active])[position=center]){transform:translateY(100%) translateX(-50%) !important}:host([position=center].rtl){right:50% !important;transform:translateX(50%)}:host(:not([active])[position=center].rtl){transform:translateY(100%) translateX(50%) !important}:host([position=end].rtl){right:auto !important}";export{i as gxg_alert}
+import{r as t,h as r,a as e,H as o,g as a}from"./p-976c3a09.js";const i=class{constructor(r){t(this,r),this.active=!1,this.activeTime="regular",this.position="start",this.type="notice",this.fullWidth=!1,this.leftRight="xs",this.bottom="xs",this.width="350px",this.silent=!1,this.rtl=!1}componentDidLoad(){this.el.removeAttribute("hidden");const t=document.getElementsByTagName("html")[0].getAttribute("dir"),r=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==r||(this.rtl=!0)}iconColor(){return"notice"===this.type?"negative":"error"===this.type?"error":"warning"===this.type?"warning":"success"===this.type?"success":void 0}closeIconColor(){return"notice"===this.type?"negative":"onbackground"}printTitle(){if(void 0!==this.title)return r("h2",{class:"alert-message--title"},this.title)}setAlertInactive(){this.active=!1,this.el.removeAttribute("role")}validateName(t){let r;switch(this.activeTime){case"xxslow":r="10";break;case"xslow":r="09";break;case"slow":r="08";break;case"regular":r="07";break;case"fast":r="06";break;case"xfast":r="05";break;default:r="04"}!0===t&&(this.el.setAttribute("role","alert"),setTimeout((()=>{this.setAlertInactive()}),parseInt(getComputedStyle(document.documentElement).getPropertyValue("--timing-"+r))))}defineWidth(){if(this.fullWidth){const t=getComputedStyle(document.documentElement).getPropertyValue("--spacing-lay-"+this.leftRight);return"calc(100% - "+2*parseInt(t.replace("px",""),10)+"px)"}return this.width}alertHidden(){if(this.active){if(!this.silent){let t;"warning"===this.type?t=new Audio(e("./alert-assets/warning.mp3")):"error"===this.type&&(t=new Audio(e("./alert-assets/error.mp3"))),setTimeout((function(){t.play()}),100)}return"false"}return"true"}transform(t){return"center"===this.position?this.rtl?"translateY(-"+t+") translateX(50%)":"translateY(-"+t+") translateX(-50%)":"translateY(-"+t+")"}render(){let t,e;return t="no-space"===this.leftRight?"0":getComputedStyle(document.body).getPropertyValue("--spacing-lay-"+this.leftRight).replace(/\s/g,""),e="no-space"===this.bottom?"0":getComputedStyle(document.body).getPropertyValue("--spacing-lay-"+this.bottom).replace(/\s/g,""),r(o,{role:"alert","aria-hidden":this.alertHidden(),hidden:!0,class:{rtl:this.rtl},style:{width:this.defineWidth(),left:t,right:t,transform:this.transform(e)}},r("div",{class:{"alert-message":!0,"alert-message--notice":"notice"===this.type,"alert-message--error":"error"===this.type,"alert-message--warning":"warning"===this.type,"alert-message--success":"success"===this.type}},r("div",{class:"alert-message--container"},r("div",{class:"alert-message--icon"},r("gxg-icon",{color:this.iconColor(),slot:"icon",type:"gemini-tools/"+this.type})),r("div",{class:"alert-message-title-description"},this.printTitle(),r("p",{class:"alert-message--description"},r("slot",null)))),r("div",{class:"alert-message-close"},r("gxg-button","notice"===this.type?{type:"tertiary",icon:"gemini-tools/close",onClick:this.setAlertInactive.bind(this),negative:!0}:{type:"tertiary",icon:"gemini-tools/close",onClick:this.setAlertInactive.bind(this),"always-black":!0}))))}static get assetsDirs(){return["alert-assets"]}get el(){return a(this)}static get watchers(){return{active:["validateName"]}}};i.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{position:fixed;bottom:0;z-index:100;transition-property:transform;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .alert-message{background-color:var(--gray-07);color:var(--color-on-primary);border-width:0;border-top-width:var(--border-width-lg);border-style:solid;border-color:var(--gray-06);padding:var(--spacing-comp-03);display:flex;align-items:flex-start;justify-content:space-between;font-family:var(--font-family-primary);}:host .alert-message--error{border-color:var(--color-error-dark);background-color:var(--color-error-light);color:var(--color-on-secondary)}:host .alert-message--warning{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);color:var(--color-on-secondary)}:host .alert-message--success{border-color:var(--color-success-dark);background-color:var(--color-success-light);color:var(--color-on-secondary)}:host .alert-message__close{display:flex}:host .alert-message--title{margin:0 0 var(--spacing-comp-02) 0;font-size:var(--font-size-xs);text-transform:uppercase}:host .alert-message--icon{margin-inline-end:var(--spacing-comp-02);display:flex}:host .alert-message--container{display:flex;align-items:top}:host .alert-message--description{font-size:var(--font-size-md);margin-top:0;margin-bottom:0;line-height:1.5em}:host([position=end]:not(.rtl)){left:auto !important}:host(:not([active])){transform:translateY(100%) !important}:host([position=center]){left:50% !important;transform:translateX(-50%)}:host(:not([active])[position=center]){transform:translateY(100%) translateX(-50%) !important}:host([position=center].rtl){right:50% !important;transform:translateX(50%)}:host(:not([active])[position=center].rtl){transform:translateY(100%) translateX(50%) !important}:host([position=end].rtl){right:auto !important}";export{i as gxg_alert}

package/dist/genexus-ide-ui/p-a4b359b1.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as s,H as e,g as o}from"./p-976c3a09.js";const l=class{constructor(s){i(this,s),this.itemSelected=t(this,"itemSelected",7),this.evaluateSelectable=()=>{void 0===this.selectable&&this.parentIsListSelector&&(this.selectable=this.parentList.selectable)},this.evaluateEllipsis=()=>{void 0===this.ellipsis&&this.parentIsListSelector&&(this.ellipsis=this.parentList.ellipsis)},this.evaluateChecked=()=>{void 0===this.checked&&this.parentIsListSelector&&void 0!==this.parentList.value&&this.parentList.value===this.itemValue&&(this.checked=!0)},this.evaluateParentIsListSelector=()=>{const i=this.el.parentElement;this.parentIsListSelector="GX-IDE-LIST-SELECTOR"===(null==i?void 0:i.nodeName),this.parentIsListSelector&&(this.parentList=i)},this.assignName=()=>{this.parentIsListSelector&&this.parentList.listName&&(this.name=this.parentList.listName)},this.onChangeHandler=()=>{this.selectable&&this.itemSelected.emit({itemId:this.itemId,itemValue:this.itemValue})},this.itemId=void 0,this.itemValue=void 0,this.selectable=void 0,this.ellipsis=void 0}componentWillLoad(){this.evaluateParentIsListSelector(),this.evaluateSelectable(),this.evaluateEllipsis(),this.evaluateChecked(),this.assignName()}render(){return s(e,{role:"listitem"},s("input",{type:"radio",id:this.itemId,name:this.name,value:this.itemValue,checked:this.checked,onChange:this.onChangeHandler,disabled:!this.selectable}),s("label",{htmlFor:this.itemId},this.itemValue))}get el(){return o(this)}};l.style="*,::after,::before{box-sizing:border-box}gx-ide-list-selector-item{display:block;max-width:100%;display:flex}gx-ide-list-selector-item:not(:last-child){border-block-end:1px solid var(--gx-ide-container-border-color)}gx-ide-list-selector-item[selectable]:not([selectable=false]):hover label{cursor:pointer;background-color:var(--gxg-background-color-item-hover)}gx-ide-list-selector-item[ellipsis]:not([ellipsis=false]) label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}input{width:0;height:0;opacity:0;margin:0}input:focus+label{outline:var(--border-width-md) solid var(--color-primary-active);outline-offset:-2px}input:checked+label{background-color:var(--gxg-background-color-item-selected)}label{flex-shrink:0;display:block;padding:var(--spacing-comp-01);width:100%}";export{l as gx_ide_list_selector_item}

package/dist/genexus-ide-ui/{p-f92c8072.entry.js → p-a708db45.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,g as r,a as e,H as i}from"./p-ee37a0b3.js";const a=new Map,n=new Map,l=class{constructor(o){t(this,o),this.lazy=!1,this.autoColor=!1,this.src="",this.size="regular",this.isVisible=!1}connectedCallback(){this.waitUntilVisible(this.element,"50px",(()=>{this.isVisible=!0,this.getIcon()}))}disconnectedCallback(){void 0!==this.io&&(this.io.disconnect(),this.io=void 0)}waitUntilVisible(t,o,r){if(this.lazy&&"undefined"!=typeof window&&window.IntersectionObserver){const e=this.io=new window.IntersectionObserver((t=>{t[0].isIntersecting&&(e.disconnect(),this.io=void 0,r())}),{rootMargin:o});e.observe(t)}else r()}async getIcon(){if(this.isVisible){if(!this.src)return void(this.svgContent="");this.svgContent=a.has(this.src)?a.get(this.src):await function(t){let o=n.get(t);return o||(o=fetch(t).then((o=>{if(o.ok)return o.text().then((o=>(a.set(t,o),o)));a.set(t,"")})),n.set(t,o)),o}(this.src)}}render(){return o("div",{innerHTML:this.svgContent})}static get assetsDirs(){return["ch-icon-assets"]}get element(){return r(this)}static get watchers(){return{src:["getIcon"]}}};l.style=":host(:not([auto-color])){}:host(:not([auto-color])) svg *{fill:var(--icon-color) !important}:host(:not([auto-color])) path.icons01{fill:var(--icons01-enabled)}:host(:not([auto-color])) path.icons02{fill:var(--icons02-enabled)}:host(:not([auto-color])) path.icons03{fill:var(--icons03-enabled)}:host(:not([auto-color])) path.icons04{fill:var(--icons04-enabled)}:host(:not([auto-color])) path.icons05{fill:var(--icons05-enabled)}:host(:not([auto-color])) path.icons06{fill:var(--icons06-enabled)}:host(:not([auto-color])) path.icons07{fill:var(--icons07-enabled)}:host(:not([auto-color])) path.icons08{fill:var(--icons08-enabled)}:host(:not([auto-color])) path.icons09{fill:var(--icons09-enabled)}:host{display:inline-flex;line-height:0}:host svg{width:var(--icon-size);height:var(--icon-size)}";const s={alwaysblack:"color-always-black",disabled:"color-primary-disabled",ondisabled:"color-on-disabled",error:"color-error-dark",negative:"color-on-primary",onbackground:"color-on-background","primary-enabled":"color-primary-enabled","primary-active":"color-primary-active","primary-hover":"color-primary-hover",success:"color-success-dark",warning:"color-warning-dark"},c=class{constructor(o){t(this,o),this.size="regular"}getSrcPath(){return e(`./icon-assets/${this.type}.svg`)}iconSize(){return"regular"===this.size?"16px":"small"===this.size?"12px":void 0}render(){return o(i,null,o("ch-icon",{style:{"--icon-color":this.mapColorToCssVar(s[this.color]),"--icon-size":this.iconSize()},"auto-color":"auto"===this.color,src:this.getSrcPath(),part:"ch-icon"}))}mapColorToCssVar(t){return t?`var(--${t})`:"var(--color-on-background)"}static get assetsDirs(){return["icon-assets"]}get element(){return r(this)}};c.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}:host{display:inline-block;line-height:0;height:20px;width:20px;display:inline-flex;align-items:center;justify-content:center}";export{l as ch_icon,c as gxg_icon}
+import{r as t,h as o,g as r,a as e,H as i}from"./p-976c3a09.js";const a=new Map,n=new Map,l=class{constructor(o){t(this,o),this.lazy=!1,this.autoColor=!1,this.src="",this.size="regular",this.isVisible=!1}connectedCallback(){this.waitUntilVisible(this.element,"50px",(()=>{this.isVisible=!0,this.getIcon()}))}disconnectedCallback(){void 0!==this.io&&(this.io.disconnect(),this.io=void 0)}waitUntilVisible(t,o,r){if(this.lazy&&"undefined"!=typeof window&&window.IntersectionObserver){const e=this.io=new window.IntersectionObserver((t=>{t[0].isIntersecting&&(e.disconnect(),this.io=void 0,r())}),{rootMargin:o});e.observe(t)}else r()}async getIcon(){if(this.isVisible){if(!this.src)return void(this.svgContent="");this.svgContent=a.has(this.src)?a.get(this.src):await function(t){let o=n.get(t);return o||(o=fetch(t).then((o=>{if(o.ok)return o.text().then((o=>(a.set(t,o),o)));a.set(t,"")})),n.set(t,o)),o}(this.src)}}render(){return o("div",{innerHTML:this.svgContent})}static get assetsDirs(){return["ch-icon-assets"]}get element(){return r(this)}static get watchers(){return{src:["getIcon"]}}};l.style=":host(:not([auto-color])){}:host(:not([auto-color])) svg *{fill:var(--icon-color) !important}:host(:not([auto-color])) path.icons01{fill:var(--icons01-enabled)}:host(:not([auto-color])) path.icons02{fill:var(--icons02-enabled)}:host(:not([auto-color])) path.icons03{fill:var(--icons03-enabled)}:host(:not([auto-color])) path.icons04{fill:var(--icons04-enabled)}:host(:not([auto-color])) path.icons05{fill:var(--icons05-enabled)}:host(:not([auto-color])) path.icons06{fill:var(--icons06-enabled)}:host(:not([auto-color])) path.icons07{fill:var(--icons07-enabled)}:host(:not([auto-color])) path.icons08{fill:var(--icons08-enabled)}:host(:not([auto-color])) path.icons09{fill:var(--icons09-enabled)}:host{display:inline-flex;line-height:0}:host svg{width:var(--icon-size);height:var(--icon-size)}";const s={alwaysblack:"color-always-black",disabled:"color-primary-disabled",ondisabled:"color-on-disabled",error:"color-error-dark",negative:"color-on-primary",onbackground:"color-on-background","primary-enabled":"color-primary-enabled","primary-active":"color-primary-active","primary-hover":"color-primary-hover",success:"color-success-dark",warning:"color-warning-dark"},c=class{constructor(o){t(this,o),this.size="regular"}getSrcPath(){return e(`./icon-assets/${this.type}.svg`)}iconSize(){return"regular"===this.size?"16px":"small"===this.size?"12px":void 0}render(){return o(i,null,o("ch-icon",{style:{"--icon-color":this.mapColorToCssVar(s[this.color]),"--icon-size":this.iconSize()},"auto-color":"auto"===this.color,src:this.getSrcPath(),part:"ch-icon"}))}mapColorToCssVar(t){return t?`var(--${t})`:"var(--color-on-background)"}static get assetsDirs(){return["icon-assets"]}get element(){return r(this)}};c.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:inline-block;line-height:0;height:20px;width:20px;display:inline-flex;align-items:center;justify-content:center}";export{l as ch_icon,c as gxg_icon}