@genexus/genexus-ide-ui 0.0.67 → 0.0.68

package/dist/esm/gxg-form-text.entry.js

@@ -1,418 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0aa3977d.js';
-import { a as formMessageLogic, r as requiredLabel, b as formTooltipLogic } from './form-1e8f483d.js';
-import { f as formClasses, c as commonClassesNames } from './classesNames-6cd8fadb.js';
-import { s as state } from './store-eca88b9a.js';
-import { e as exportParts } from './export-parts-7f208d57.js';
-
-const formTextCss = "/*! 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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .outer-wrapper{position:relative;width:100%}:host .inner-wrapper{display:flex;flex-direction:column;position:relative;flex:1}:host .inner-wrapper gxg-icon{position:absolute}:host(.tooltip) .inner-wrapper{flex-direction:row;align-items:center;justify-content:center}:host(.tooltip) .tooltip-container{width:0;overflow:hidden;transition:width --timing-01}:host(.tooltip--visible) .tooltip-container{width:20px}: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 label .required{padding-inline-start:2px}:host input{position:relative;width:100%}:host([label-position=start]) .outer-wrapper{display:flex;flex-direction:row}:host input[type=text],:host input[type=password]{border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:var(--gxg-form-text-height);box-sizing:border-box}:host input[type=text]:focus,:host input[type=password]:focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host input[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host input[disabled]::-webkit-input-placeholder{color:var(--gray-04)}:host .input--borderless{border-color:transparent !important}:host input[readonly]{cursor:default}:host([minimal]) input[type=text]:not(:focus),:host([minimal]) input[type=password]:not(:focus){border-color:transparent;background-color:transparent}:host([minimal]) input.cursor-inside{border-color:var(--gray-02) !important;background-color:var(--color-background)}:host([minimal]) input[type=text]:focus,:host([minimal]) input[type=password]:focus{border-color:transparent}:host([minimal]:not([icon-position=start])) input[type=text],:host([minimal]:not([icon-position=start])) input[type=password]{padding-inline-start:0}:host([minimal]:not([icon-position=start])) input.cursor-inside{padding-inline-start:var(--spacing-comp-01)}:host([minimal]:not([icon-position=start])) input[type=text]:focus,:host([minimal]:not([icon-position=start])) input[type=password]:focus{padding-inline-start:var(--spacing-comp-01)}:host([minimal][over-dark-background]) input[type=text]:not(:focus),:host([minimal][over-dark-background]) input[type=password]:not(:focus){color:var(--color-on-primary)}:host gxg-icon{top:50%;transform:translateY(-50%)}:host([icon-position=end]) .clear-button gxg-icon:not(.clear-button){right:16px}:host(.has-icon[icon-position=start]) input{padding-inline-start:20px}:host([icon-position=end]) input{padding-inline-end:20px}:host([icon-position=end]) .inner-wrapper{flex-direction:row-reverse}:host gxg-icon.clear-button{left:auto;opacity:0.5;cursor:pointer}:host gxg-icon.clear-button:hover{opacity:1}:host([clear-button][icon-position=end]) gxg-icon:not(.clear-button){right:16px}:host([clear-button][icon-position=end]) input{padding-inline-end:36px}.custom-icon:has(+.clear-button){}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host([text-style=regular]) input{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([text-style=quote]) input{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}:host([text-style=title-01]) input{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}:host([text-style=title-02]) input{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}:host([text-style=title-03]) input{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}:host([text-style=title-04]) input{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}:host([text-style=title-05]) input{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}:host(.file) .input{user-select:none;cursor:pointer}:host(.rtl[icon-position=start]) gxg-icon{right:0;left:auto}:host(.rtl[icon-position=end]) gxg-icon{right:auto;left:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) input{font-size:var(--font-size-lg)}:host(.large) input[type=text],:host(.large) input[type=password]{padding-left:7px;padding-right:7px}:host(.large.has-icon[icon-position=start]) input{padding-inline-start:var(--spacing-comp-05)}:host(.large.has-icon[icon-position=start]) input .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) input{padding-inline-end:var(--spacing-comp-05)}:host(.large[icon-position=start]) .inner-wrapper gxg-icon{left:2px}:host(.large[icon-position=end]) .inner-wrapper gxg-icon{right:4px;left:auto}:host(.large) gxg-icon.clear-button{right:5px !important;left:auto !important}:host(.large[icon-position=end][clear-button]) .inner-wrapper gxg-icon{right:26px}:host(.large.has-icon[icon-position=start][clear-button]) input{padding-inline-end:26px}:host(.large[icon-position=end][clear-button]) input{padding-inline-end:48px}";
-
-const GxgFormText = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.input = createEvent(this, "input", 7);
-    this.change = createEvent(this, "change", 7);
-    this.clearButtonClicked = createEvent(this, "clearButtonClicked", 7);
-    this.valueChanged = createEvent(this, "valueChanged", 7);
-    this.fileSelected = createEvent(this, "fileSelected", 7);
-    this.parts = {
-      input: "input",
-    };
-    /**
-     * The presence of this attribute disables the tooltip. Useful for the combo-box.
-     */
-    this.hideTooltip = false;
-    /**
-     * The presence of this attribute displays a tooltip message, instead of a block message below the control
-     */
-    this.toolTip = false;
-    /**
-     * The presence of this attribute displays a clear (cross) button-icon on the right side
-     */
-    this.clearButton = false;
-    /**
-     * The presence of this attribute activates a debounce for the valueChanged event. This will cause the event to be emitted after 'debounceDelay' time.
-     */
-    this.debounce = false;
-    /**
-     * The debounce delay value. Only applies if 'debounce' is true.
-     */
-    this.debounceDelay = 800;
-    /**
-     * The presence of this attribute makes the input disabled
-     */
-    this.disabled = false;
-    /**
-     * The presence of this attribute makes the input readonly
-     */
-    this.readonly = false;
-    /**
-     * The input icon (optional)
-     */
-    this.icon = null;
-    /**
-     * If true, it will position the cursor at the end when the input is focused.
-     */
-    this.cursorEnd = false;
-    /**
-     * The input icon side
-     */
-    this.iconPosition = null;
-    /**
-     * The label position
-     */
-    this.labelPosition = "start";
-    /**
-     * The presence of this attribute hides the border.
-     */
-    this.borderless = false;
-    /**
-     * The presence of this attribute hides the border, and sets the background to transparent when the element has no focus
-     */
-    this.minimal = false;
-    /**
-     * The presence of this attribute sets the text color to white. Usefull when "minimal" attribute is applied and the background behind the input is dark
-     */
-    this.overDarkBackground = false;
-    /**
-     * The presence of this attribute makes this input required
-     */
-    this.required = false;
-    /**
-     * Centers the label
-     */
-    this.centerLabel = false;
-    /**
-     * The type of input
-     */
-    this.type = "text";
-    /**
-     * Allows multiple files if type is "file"
-     */
-    this.multiple = false;
-    /**
-     * Prevent "valueChanged" event from being emitted (helpful for cases where the event causes a conflict )
-     */
-    this.preventValueChangedEmit = false;
-    /* VALIDATION */
-    /**
-     * The validation status
-     *
-     */
-    this.validationStatus = "indeterminate";
-    /**
-     * The input max. width
-     */
-    this.maxWidth = "100%";
-    /**
-     * The input width
-     */
-    this.width = "100%";
-    /**
-     * The text style
-     */
-    this.textStyle = "regular";
-    /**
-     * The presence of this attribute sets the input type as password
-     */
-    this.password = false;
-    /**
-     * The input max. length
-     */
-    this.maxLength = undefined;
-    /**
-     * The input min. length
-     */
-    this.minLength = undefined;
-    this.cursorInside = false;
-    this.inputSize = "auto";
-    this.mouseCoordinates = {
-      x: null,
-      y: null,
-    };
-    /**
-     * Reading direction
-     */
-    this.rtl = false;
-    this.attachExportParts = () => {
-      const part = this.el.getAttribute("part");
-      const exportPartsResult = exportParts(part, this.parts);
-      exportPartsResult.length && (this.exportparts = exportPartsResult);
-    };
-    this.evaluateIcon = () => {
-      if (this.type === "file") {
-        this.icon = "controls/file-upload";
-        this.iconPosition = "start";
-        this.placeholder = this.placeholder || "Select a file";
-      }
-    };
-    this.evaluateLabelAlignment = () => {
-      if (this.labelPosition === "start") {
-        this.centerLabel = true;
-      }
-    };
-    this.handleClick = () => {
-      this.openFile();
-    };
-    this.handleKeyDown = (e) => {
-      if (e.key === "Enter" && this.type === "file") {
-        this.textInput.click();
-      }
-    };
-    this.inputFileChangedHandler = (e) => {
-      const selectedFiles = e.target.files;
-      this.fileList = selectedFiles;
-      this.fileSelected.emit(selectedFiles);
-      if (selectedFiles.length > 1) {
-        this.value = `${selectedFiles.length} files chosen`;
-      }
-      else {
-        this.value = selectedFiles[0].name;
-      }
-    };
-    this.renderInputFile = () => {
-      if (this.type === "file") {
-        return (h("input", { class: "input-file", type: "file", multiple: this.multiple, accept: this.acceptFile, ref: (el) => (this.fileInputEl = el), onChange: this.inputFileChangedHandler, style: { display: "none" } }));
-      }
-    };
-  }
-  watchHandler(newValue) {
-    if (!this.preventValueChangedEmit && this.debounce) {
-      clearTimeout(this.timeoutReference);
-      this.timeoutReference = setTimeout(() => {
-        this.valueChanged.emit(newValue);
-      }, this.debounceDelay);
-    }
-    else if (!this.preventValueChangedEmit && !this.debounce) {
-      this.valueChanged.emit(newValue);
-    }
-    if (this.minimal) {
-      this.updateGhostSpan();
-    }
-    if (this.minimal) {
-      this.updateGhostSpan();
-    }
-  }
-  async selectInputText() {
-    this.textInput.focus();
-    this.textInput.select();
-  }
-  async openFile() {
-    if (this.type === "file") {
-      this.fileInputEl.click();
-    }
-  }
-  async clearInput() {
-    this.clearButtonFunc();
-  }
-  componentWillLoad() {
-    this.evaluateIcon();
-    this.attachExportParts();
-    this.evaluateLabelAlignment();
-  }
-  /*********************************
-  METHODS
-  *********************************/
-  iconPositionFunc() {
-    if (this.iconPosition !== null && this.icon !== null) {
-      return this.iconPosition;
-    }
-  }
-  inputIcon() {
-    const iconSize = this.iconSize();
-    if (this.iconPosition !== null && this.icon !== null) {
-      if (this.validationStatus === "warning") {
-        return (h("gxg-icon", { class: "custom-icon", type: this.icon, size: iconSize, color: "warning" }));
-      }
-      if (this.validationStatus === "error") {
-        return (h("gxg-icon", { class: "custom-icon", type: this.icon, size: iconSize, color: "error" }));
-      }
-      return (h("gxg-icon", { class: "custom-icon", type: this.icon, size: iconSize, color: this.disabled ? "disabled" : "auto" }));
-    }
-  }
-  handleInput(e) {
-    e.stopPropagation();
-    const target = e.target;
-    this.value = target.value;
-    this.input.emit(target.value);
-  }
-  handleChange(e) {
-    e.stopPropagation();
-    const target = e.target;
-    this.value = target.value;
-    this.change.emit(target.value);
-  }
-  onFocusHandler() {
-    if (this.cursorEnd) {
-      this.textInput.setSelectionRange(this.textInput.value.length, this.textInput.value.length);
-    }
-  }
-  clearButtonFunc() {
-    this.clearButtonClicked.emit({ prevValue: this.value });
-    this.value = "";
-    if (this.type === "file") {
-      this.fileList = null;
-      this.fileInputEl.value = "";
-    }
-  }
-  updateGhostSpan() {
-    if (this.minimal) {
-      //Update ghost span content, and then get and apply the width from the ghost span
-      const ghostSpan = this.el.shadowRoot.querySelector(".ghost-span");
-      ghostSpan.innerHTML = this.value;
-      //Then get the ghost span width
-      const ghostSpanWidth = ghostSpan.offsetWidth + 5;
-      const input = this.el.shadowRoot.querySelector(".input");
-      //Finally set that width to the input!
-      input.style.width = ghostSpanWidth + "px";
-    }
-  }
-  mouseEnterHandler() {
-    setTimeout(function () {
-      const inputText = this.el.shadowRoot.querySelector(".input");
-      //Contextual menu coordinates
-      const inputTextArea = inputText.getBoundingClientRect();
-      if (this.mouseCoordinates.x > inputTextArea.left &&
-        this.mouseCoordinates.x < inputTextArea.right &&
-        this.mouseCoordinates.y > inputTextArea.top &&
-        this.mouseCoordinates.y < inputTextArea.bottom) {
-        //Mouse pointer is inside the input text
-        this.cursorInside = true;
-      }
-    }.bind(this), 500);
-  }
-  mouseOutHandler() {
-    this.cursorInside = false;
-  }
-  mouseMoveHandler(e) {
-    this.mouseCoordinates["x"] = e.clientX;
-    this.mouseCoordinates["y"] = e.clientY;
-  }
-  componentDidLoad() {
-    if (this.minimal) {
-      document.addEventListener("mousemove", this.mouseMoveHandler.bind(this));
-      /**************
-      GHOST SPAN
-      Ghost span for the "minimal" type input, in order to make the input width fit the content
-      **************/
-      const intersectionObserver = new IntersectionObserver(function (entries) {
-        // If intersectionRatio is 0, the target is out of view
-        // and we do not need to do anything.
-        if (entries[0].intersectionRatio <= 0)
-          return;
-        const input = this.el.shadowRoot.querySelector(".input");
-        const inputComputedStyles = window.getComputedStyle(input);
-        const ghostSpan = this.el.shadowRoot.querySelector(".ghost-span");
-        //Set ghostSpan outside of the visible area
-        ghostSpan.style.position = "fixed";
-        ghostSpan.style.left = "-1000px";
-        ghostSpan.style.top = "-1000px";
-        ghostSpan.style.zIndex = "-1000";
-        ghostSpan.style.opacity = "0";
-        //Set input styles that affect the width to the ghost span
-        ghostSpan.style.fontSize = inputComputedStyles.fontSize;
-        ghostSpan.style.fontFamily = inputComputedStyles.fontFamily;
-        ghostSpan.style.textTransform = inputComputedStyles.textTransform;
-        ghostSpan.style.display = "inline-block";
-        ghostSpan.style.paddingLeft = inputComputedStyles.paddingRight;
-        ghostSpan.style.paddingRight = inputComputedStyles.paddingRight;
-        ghostSpan.style.letterSpacing = inputComputedStyles.letterSpacing;
-        ghostSpan.style.fontWeight = inputComputedStyles.fontWeight;
-        //Then get the ghost span width
-        const ghostSpanWidth = ghostSpan.offsetWidth + 5;
-        input.style.width = "0px";
-        //get inner-wrapper width
-        const innerWrapperWidth = this.el.shadowRoot.querySelector(".inner-wrapper")
-          .offsetWidth - 5;
-        //Finally set that width to the input!
-        input.style.width = ghostSpanWidth + "px";
-        input.style.maxWidth = innerWrapperWidth + "px";
-        //Listen to resizeObserver to set the new max-width value on the on the input
-        const resizeObserver = new ResizeObserver(() => {
-          input.style.width = "0px";
-          const innerWrapperWidth = this.el.shadowRoot.querySelector(".inner-wrapper").offsetWidth - 5;
-          input.style.maxWidth = innerWrapperWidth + "px";
-          input.style.width = ghostSpanWidth + "px";
-        });
-        const innerWrapper = this.el.shadowRoot.querySelector(".inner-wrapper");
-        resizeObserver.observe(innerWrapper);
-      }.bind(this));
-      // start observing
-      intersectionObserver.observe(this.el.shadowRoot.querySelector(".input"));
-    } // if (this.minimal)
-    //Reading Direction
-    const dirHtml = document
-      .getElementsByTagName("html")[0]
-      .getAttribute("dir");
-    const dirBody = document
-      .getElementsByTagName("body")[0]
-      .getAttribute("dir");
-    if (dirHtml === "rtl" || dirBody === "rtl") {
-      this.rtl = true;
-    }
-  }
-  componentDidUnload() {
-    if (this.minimal) {
-      document.removeEventListener("mousemove", this.mouseMoveHandler);
-    }
-  }
-  iconSize() {
-    if (state.large) {
-      return "regular";
-    }
-    else {
-      return "small";
-    }
-  }
-  evaluateType() {
-    if (this.password) {
-      return "password";
-    }
-    else {
-      return "text";
-    }
-  }
-  render() {
-    return (h(Host, { role: "textbox", "aria-label": this.label, "icon-position": this.iconPositionFunc(), style: {
-        width: this.width,
-        maxWidth: this.maxWidth,
-      }, class: {
-        rtl: this.rtl,
-        large: state.large,
-        mercury: state.mercury,
-        borderless: this.borderless,
-        file: this.type === "file",
-        tooltip: this.toolTip,
-        "has-icon": this.icon,
-        [formClasses["VALIDATION_INDETERMINATE_CLASS"]]: this.validationStatus === "indeterminate",
-        [formClasses["VALIDATION_WARNING_CLASS"]]: this.validationStatus === "warning",
-        [formClasses["VALIDATION_ERROR_CLASS"]]: this.validationStatus === "error",
-        [formClasses["VALIDATION_SUCCESS_CLASS"]]: this.validationStatus === "success",
-        [commonClassesNames["DISABLED_CLASS"]]: this.disabled,
-      }, exportParts: this.exportparts ? this.exportparts : null }, this.minimal ? h("span", { class: "ghost-span" }, this.value) : null, h("div", { class: {
-        "outer-wrapper": true,
-      } }, this.label ? (h("gxg-label", { labelPosition: this.labelPosition, center: this.centerLabel, width: this.labelWidth }, this.label, requiredLabel(this))) : (""), h("div", { class: {
-        "inner-wrapper": true,
-        "clear-button": this.clearButton === true,
-      } }, h("input", { part: this.parts.input, type: this.evaluateType(), value: this.value, class: {
-        input: true,
-        "form-element": true,
-        "cursor-inside": this.cursorInside,
-        "clear-button": this.clearButton === true,
-        "custom-icon": this.icon,
-        "custom-icon--end": this.iconPosition === "end",
-        "input--borderless": this.borderless,
-      }, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly || this.type === "file" , onClick: this.handleClick, onInput: this.handleInput.bind(this), onKeyDown: this.handleKeyDown, onChange: this.handleChange.bind(this), onFocus: this.onFocusHandler.bind(this), required: this.required, onMouseEnter: this.mouseEnterHandler.bind(this), onMouseOut: this.mouseOutHandler.bind(this), ref: (el) => (this.textInput = el), maxLength: this.maxLength ? parseInt(this.maxLength) : null, minLength: this.minLength ? parseInt(this.minLength) : null }), this.inputIcon(), this.clearButton ? (h("gxg-icon", { class: "clear-button", type: "gemini-tools/close", size: this.iconSize(), color: "onbackground", onClick: this.clearButtonFunc.bind(this) })) : null, this.toolTip ? formTooltipLogic(this, this.hideTooltip) : null, this.labelPosition === "start" && !this.toolTip
-      ? formMessageLogic(this)
-      : null, this.renderInputFile())), this.labelPosition === "above" && !this.toolTip
-      ? formMessageLogic(this)
-      : null));
-  }
-  static get delegatesFocus() { return true; }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "value": ["watchHandler"]
-  }; }
-};
-GxgFormText.style = formTextCss;
-
-export { GxgFormText as gxg_form_text };

package/dist/genexus-ide-ui/p-1a6e4517.entry.js

@@ -1 +0,0 @@
-import{r as i,c as r,h as e,H as o,g as a}from"./p-0906fb46.js";import{c as t}from"./p-13ffa7c0.js";import{L as l}from"./p-26957490.js";const n=class{constructor(e){i(this,e),this.componentDidRenderFirstTime=r(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.displayTitle=!1}async componentWillLoad(){this._componentLocale=await l.getComponentStrings(this.el)}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}render(){return e(o,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper"},e("gx-ide-container",{containerTitle:this.displayTitle?this._componentLocale.componentName:null,slimmerFooter:t.gxIdeContainer.slimmerFooter},e("p",{style:{marginTop:"0"}},"Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis natus nam, veritatis aspernatur consequatur omnis blanditiis! Praesentium, ex labore? Odit, officiis eius rerum pariatur ea dicta possimus perferendis molestiae sunt!q"),e("gxg-form-text",{label:"Name",placeholder:"Elon Musk",labelPosition:"start",centerLabel:!0}),e("gxg-button",{slot:"footer-end"},"Create"))))}static get assetsDirs(){return["gx-ide-assets/template"]}get el(){return a(this)}};n.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.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}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}: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);font-family:var(--font-family-primary);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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}";export{n as gx_ide_template}

package/dist/genexus-ide-ui/p-2076b839.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as n,H as i,g as a}from"./p-0906fb46.js";import{L as o}from"./p-26957490.js";import{c as s}from"./p-13ffa7c0.js";import{g as r,r as l}from"./p-6bb17c51.js";import{f as d}from"./p-daf4eb69.js";const h=class{constructor(i){e(this,i),this.componentDidRenderFirstTime=t(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.selectedFrontEndsIds=[],this.initialSetup=()=>{this.updateSelectedFrontEndsIds()},this.updateSelectedFrontEndsIds=()=>{this.selectedFrontEndsIds=[],this.frontEndsEl.getValues().then((e=>{e.forEach((e=>{e.value&&this.selectedFrontEndsIds.push(e.id)}))}))},this.evaluateCreateDataInKbDisabled=e=>{var t,n;e?this.createDataInKbDisabled=(null===(t=this.serverNames[0])||void 0===t?void 0:t.id)===e.detail:(null===(n=this.serverNames[0])||void 0===n?void 0:n.selected)&&(this.createDataInKbDisabled=!0)},this.evaluateAuthenticationType=e=>{var t,n;let i;(null===(t=this.authenticationTypes)||void 0===t?void 0:t.length)&&(i=(null===(n=this.authenticationTypes)||void 0===n?void 0:n.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.updateFrontEnds=()=>{this.getFrontEndsCallback&&this.getFrontEndsCallback(this.prototypingEnvironmentEl.value).then((e=>{const t=[];e.forEach((e=>{const n=this.frontEnds.find((t=>e.id===t.id));n&&(e.checked=n.checked),t.push(e)})),this.frontEnds=t})).catch((()=>{}))},this.getDataSources=()=>{this.getDataSourcesCallback&&this.getDataSourcesCallback(this.prototypingEnvironmentEl.value,this.prototypingTargetEl.value).then((e=>{e.length>0&&(this.defaultDataSources=e,this.dataSourceEl.value=this.defaultDataSources[0].id)})).catch((()=>{}))},this.prototypingEnvironmentValueChangedHandler=()=>{this.getDataSources(),this.updateFrontEnds()},this.prototypingTargetValueChangedHandler=()=>{this.getDataSources()},this.createKbHandler=()=>{var e,t,n,i,a,o,s,r,l,h,g,c,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===(n=this.prototypingTargetEl)||void 0===n?void 0:n.value,userInterfaceLanguage:null===(i=this.userInterfaceLanguageEl)||void 0===i?void 0:i.value,prototypingEnvironment:null===(a=this.prototypingEnvironmentEl)||void 0===a?void 0:a.value,dataSource:null===(o=this.dataSourceEl)||void 0===o?void 0:o.value,frontEnds:this.selectedFrontEndsIds,serverName:null===(s=this.serverNameEl)||void 0===s?void 0:s.value,databaseName:null===(r=this.databaseNameEl)||void 0===r?void 0:r.value,collation:null===(l=this.collationEl)||void 0===l?void 0:l.value,createDataFilesInKBFolder:null===(h=this.createDataFilesInKBFolderEl)||void 0===h?void 0:h.checked,authenticationType:null===(g=this.authenticationTypeEl)||void 0===g?void 0:g.value,userName:null===(c=this.userNameEl)||void 0===c?void 0:c.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=>{d(e,this)}))},this.cancelKbHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.renderTabBasic=()=>n("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0},n("div",{class:"basic-row-first"},n("div",{class:"basic-row-first__container"},n("gxg-combo-box",{disableFilter:!0,toolTip:s.tooltip,label:this._componentLocale.tabBasic.prototypingTarget.label,value:r(this.prototypingTargets),ref:e=>this.prototypingTargetEl=e,disabled:0===this.prototypingTargets.length,placeholder:0===this.prototypingTargets.length?this._componentLocale.tabBasic.prototypingTarget.disabledPlaceholder:"",onValueChanged:this.prototypingTargetValueChangedHandler,class:"prototyping-target",part:"prototyping-target"},l("gxg-combo-box-item",this.prototypingTargets,"prototyping-target")),n("gxg-combo-box",{disableFilter:!0,toolTip:s.tooltip,label:this._componentLocale.tabBasic.userInterfaceLanguage.label,value:r(this.userInterfaceLanguages),placeholder:0===this.userInterfaceLanguages.length?this._componentLocale.tabBasic.userInterfaceLanguage.disabledPlaceholder:"",disabled:0===this.userInterfaceLanguages.length,ref:e=>this.userInterfaceLanguageEl=e,class:"user-interface-language",part:"user-interface-language"},l("gxg-combo-box-item",this.userInterfaceLanguages,"user-interface-language")))),n("div",{class:"grid basic-row-second"},n("gx-ide-container",{containerTitle:this._componentLocale.tabBasic.backEnd.backEndLabel,contentBorderEnd:!0,titleType:"secondary"},n("gxg-combo-box",{disableFilter:!0,toolTip:s.tooltip,label:this._componentLocale.tabBasic.backEnd.prototypingEnvironment.label,value:r(this.prototypingEnvironments),placeholder:0===this.prototypingEnvironments.length?this._componentLocale.tabBasic.backEnd.prototypingEnvironment.disabledPlaceholder:"",disabled:0===this.prototypingEnvironments.length,ref:e=>this.prototypingEnvironmentEl=e,onValueChanged:this.prototypingEnvironmentValueChangedHandler,class:"prototyping-environment",part:"prototyping-environment"},l("gxg-combo-box-item",this.prototypingEnvironments,"prototyping-environment")),n("gxg-combo-box",{label:this._componentLocale.tabBasic.backEnd.dataSource.label,toolTip:s.tooltip,disableFilter:!0,value:r(this.defaultDataSources),placeholder:0===this.defaultDataSources.length?this._componentLocale.tabBasic.backEnd.dataSource.disabledPlaceholder:"",disabled:0===this.defaultDataSources.length,ref:e=>this.dataSourceEl=e,class:"data-source",part:"data-source"},l("gxg-combo-box-item",this.defaultDataSources,"data-source"))),n("gx-ide-container",{containerTitle:this._componentLocale.tabBasic.frontEnd.frontEndLabel,titleType:"secondary"},n("gxg-form-checkbox-group",{ref:e=>this.frontEndsEl=e,onGroupValuesChanged:this.updateSelectedFrontEndsIds},l("gxg-form-checkbox",this.frontEnds,"front-end"))))),this.renderTabAdvanced=()=>n("gxg-tab",{tab:"advanced","no-padding":!0,flexContainer:!0},n("gx-ide-container",{noContentPadding:!0,containerTitle:this._componentLocale.tabAdvanced.tabTitle,titleType:"secondary"},n("div",{class:"knowledge-base-storage"},n("div",{class:"knowledge-base-storage__col-left"},n("gxg-combo-box",{label:this._componentLocale.tabAdvanced.serverName.label,disableFilter:!0,toolTip:s.tooltip,value:r(this.serverNames),placeholder:0===this.serverNames.length?this._componentLocale.tabAdvanced.serverName.disabledPlaceholder:"",disabled:0===this.serverNames.length,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")),n("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/search",class:"server-name-button",part:"search-server-name"}),n("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.databaseName.label,placeholder:"MyDatabase",ref:e=>this.databaseNameEl=e,toolTip:s.tooltip,value:this.databaseName,class:"database-name",part:"database-name"}),n("gxg-combo-box",{label:this._componentLocale.tabAdvanced.collation.label,disableFilter:!0,toolTip:s.tooltip,value:r(this.collations),ref:e=>this.collationEl=e,placeholder:0===this.collations.length?this._componentLocale.tabAdvanced.collation.disabledPlaceholder:"",disabled:0===this.serverNames.length,class:"collation-combo-box",part:"collation"},l("gxg-combo-box-item",this.collations,"collation")),n("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",class:"collation-button",part:"reset-collation"}),n("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"})),n("div",{class:{"knowledge-base-storage__col-right":!0,"knowledge-base-storage__col-right--windows-authentication":!this.userNameVisible}},n("gxg-combo-box",{label:this._componentLocale.tabAdvanced.authenticationType.label,disableFilter:!0,toolTip:s.tooltip,value:r(this.authenticationTypes),ref:e=>this.authenticationTypeEl=e,placeholder:0===this.authenticationTypes.length?this._componentLocale.tabAdvanced.authenticationType.disabledPlaceholder:"",disabled:0===this.authenticationTypes.length,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},l("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),this.userNameVisible?n("gxg-form-text",{labelPosition:"above",toolTip:s.tooltip,label:this._componentLocale.tabAdvanced.userName.label,ref:e=>this.userNameEl=e,value:this.userName,class:"user-name",part:"user-name"}):null,this.passwordVisible?n("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.password.label,password:!0,toolTip:s.tooltip,ref:e=>this.passwordEl=e,value:this.password,class:"password",part:"password"}):null,this.savePasswordVisible?n("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.displayTitle=!1,this.defaultDataSources=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,this.getDataSourcesCallback=void 0,this.getFrontEndsCallback=void 0}async componentWillLoad(){this._componentLocale=await o.getComponentStrings(this.el),this.evaluateCreateDataInKbDisabled(null),this.evaluateAuthenticationType(null),this.previousFrontEndsState=this.frontEnds}componentDidLoad(){this.initialSetup()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}render(){return n(i,{class:"gx-ide-component"},n("div",{class:"gx-ide-main-wrapper"},n("gx-ide-container",{noContentPadding:!0,slimmerFooter:s.gxIdeContainer.slimmerFooter,containerTitle:this.displayTitle?this._componentLocale.componentName:null},n("header",{class:{header:!0,grid:!0,"header--is-advanced":this.isAdvanced},slot:"header"},n("gxg-label",{labelPosition:"start",class:"kb-label",noMargin:!0},this._componentLocale.header.kbName),n("gxg-form-text",{labelPosition:"start",placeholder:"SalesInventory","max-width":"100%",value:this.kbName,toolTip:s.tooltip,ref:e=>this.kbNameEl=e,part:"kb-name",class:"kb-input"}),this.isAdvanced?[n("gxg-label",{labelPosition:"start",class:"location-label"},this._componentLocale.header.kbLocation),n("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"}),n("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/folder",onClick:this.selectLocationHandler,part:"button-select-location",class:"location-icon"})]:null),n("main",{class:"gxi-full-height"},n("gxg-tabs",{class:"gxg-tabs"},n("gxg-tab-bar",{slot:"tab-bar-container",part:"tab-bar",displayBorder:!0},n("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0,hidden:!this.isAdvanced,part:"tab-button-basic"}),n("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",hidden:!this.isAdvanced,part:"tab-button-advanced"})),this.renderTabBasic(),this.renderTabAdvanced())),n("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",slot:"footer-end"},this._componentLocale.footer.btnCreate),n("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 a(this)}};h.style='/*Gemini*/\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n/* Helper Classes */\n.gxi-hidden {\n  display: none !important;\n}\n\n.gxi-full-height {\n  height: 100%;\n}\n\n.gxi-overflow-auto {\n  overflow: auto;\n}\n\n.gxi-display-flex {\n  display: flex;\n}\n\n.align-start {\n  display: flex;\n  align-items: start;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n/* Grids */\n.grid {\n  display: grid;\n  grid-row-gap: var(--gx-ide-grid-row-gap);\n  grid-column-gap: var(--gx-ide-grid-column-gap);\n  grid-template-rows: auto;\n}\n\nch-grid-cell {\n  display: flex;\n}\n\nch-grid {\n  overflow: auto;\n  height: 100%;\n}\n\nch-grid-column {\n  /*to be removed when this works inside a component with shadow: true*/\n  z-index: 99;\n  border-bottom: 1px solid var(--gray-01);\n}\n\nch-grid-column {\n  padding-inline-start: --gxg-container--padding;\n  padding-inline-end: --gxg-container--padding;\n}\n\nch-grid-cell {\n  --spacing-comp-02: var(--gxg-container--padding);\n}\n\n/*Gxg Tabs*/\ngxg-tabs {\n  box-shadow: none;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  box-shadow: var(--box-shadow-01) !important;\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/*stylize the top bar*/\n:host(:focus-within) gx-ide-top-bar::part(wrapper) {\n  background-color: var(--color-secondary-enabled);\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-lg);\n  font-family: var(--font-family-primary);\n  line-height: 1.6em;\n  height: 100%;\n  background-color: var(--gx-ide-component-background-color);\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n/*This is the main element. This is the one that take the remaining vertical space*/\n.gx-ide-main {\n  flex-grow: 1;\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gx-ide-main::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.gx-ide-main::-webkit-scrollbar-track {\n  background-color: var(--gray-02);\n  border-radius: 10px;\n}\n.gx-ide-main::-webkit-scrollbar-thumb {\n  background: var(--gray-05);\n  border-radius: 10px;\n}\n.gx-ide-main::-webkit-scrollbar-thumb:hover {\n  background: var(--gray-04);\n  cursor: pointer;\n}\n.gx-ide-main .gxg-scroll {\n  display: block;\n  overflow-y: auto;\n  padding-inline-end: 2px;\n}\n\n.gx-ide-overflow {\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gx-ide-overflow::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.gx-ide-overflow::-webkit-scrollbar-track {\n  background-color: var(--gray-02);\n  border-radius: 10px;\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb {\n  background: var(--gray-05);\n  border-radius: 10px;\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb:hover {\n  background: var(--gray-04);\n  cursor: pointer;\n}\n.gx-ide-overflow .gxg-scroll {\n  display: block;\n  overflow-y: auto;\n  padding-inline-end: 2px;\n}\n\n/*gxg-tree-view*/\n.tree-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/*Gemini*/\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--color-background);\n}\n\n/*HEADER*/\n.header {\n  grid-template-columns: auto 1fr;\n  grid-template-areas: "kb-name-label kb-input";\n}\n.header--is-advanced {\n  grid-template-columns: auto 1fr min-content;\n  grid-template-areas: "kb-name-label kb-input ." "location-label location-input location-icon";\n}\n.header .kb-input {\n  grid-area: kb-input;\n}\n.header .kb-name-label {\n  grid-area: kb-label;\n}\n.header .location-label {\n  grid-area: location-label;\n}\n.header .location-input {\n  grid-area: location-input;\n}\n.header .location-icon {\n  grid-area: location-icon;\n}\n\n/*GXG-TABS*/\n.gxg-tabs {\n  margin-top: 0;\n  box-shadow: none;\n}\n\n/*Basic*/\n.basic-row-first {\n  container-name: basic-row-first;\n  container-type: inline-size;\n}\n.basic-row-first__container {\n  display: grid;\n  gap: var(--gx-ide-grid-column-gap);\n  padding: var(--gxg-container--padding);\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n  grid-template-columns: repeat(2, 1fr);\n}\n@container (max-width: 640px) {\n  .basic-row-first {\n    /* this will work but you will see the vs-code complaining about some syntax error, so just ignore it */\n  }\n  .basic-row-first .basic-row-first__container {\n    grid-template-columns: 1fr;\n  }\n}\n\n.basic-row-second {\n  grid-template-columns: repeat(2, 1fr);\n  grid-column-gap: 0;\n  grid-row-gap: 0;\n  flex-grow: 1;\n}\n\n/*Advanced*/\n.knowledge-base-storage {\n  display: grid;\n  grid-template-areas: "knowledge-base-storage__col-left knowledge-base-storage__col-right";\n  grid-template-columns: repeat(2, 1fr);\n  flex-grow: 1;\n  gap: 0;\n}\n.knowledge-base-storage > *:first-child {\n  border-right: 1px solid var(--gx-ide-container-border-color);\n}\n.knowledge-base-storage__col-left {\n  display: grid;\n  gap: var(--gx-ide-grid-row-gap);\n  padding: var(--gxg-container--padding);\n  grid-area: knowledge-base-storage__col-left;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: repeat(4, min-content);\n  grid-template-areas: "server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb .";\n}\n.knowledge-base-storage__col-left .server-name-combo-box {\n  grid-area: server-name-combo-box;\n}\n.knowledge-base-storage__col-left .server-name-button {\n  grid-area: server-name-button;\n  align-self: end;\n}\n.knowledge-base-storage__col-left .database-name {\n  grid-area: database-name;\n}\n.knowledge-base-storage__col-left .collation-combo-box {\n  grid-area: collation-combo-box;\n}\n.knowledge-base-storage__col-left .collation-button {\n  grid-area: collation-button;\n  align-self: end;\n}\n.knowledge-base-storage__col-left .create-data-in-kb {\n  grid-area: create-data-in-kb;\n}\n.knowledge-base-storage__col-right {\n  display: grid;\n  padding: var(--gxg-container--padding);\n  gap: var(--gx-ide-grid-row-gap);\n  grid-area: knowledge-base-storage__col-right;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(4, min-content);\n  grid-template-areas: "authentication-type" "user-name" "password" "save-password";\n}\n.knowledge-base-storage__col-right .authentication-type {\n  grid-area: authentication-type;\n}\n.knowledge-base-storage__col-right .user-name {\n  grid-area: user-name;\n}\n.knowledge-base-storage__col-right .password {\n  grid-area: password;\n}\n.knowledge-base-storage__col-right .save-password {\n  grid-area: save-password;\n}\n.knowledge-base-storage__col-right--windows-authentication {\n  grid-template-areas: "authentication-type";\n}';export{h as gx_ide_new_kb}

package/dist/genexus-ide-ui/p-22394d31.entry.js

@@ -1 +0,0 @@
-import{r,c as t,h as e,H as o,g as a}from"./p-0906fb46.js";import{c as i,g as n}from"./p-64765a81.js";import{s}from"./p-a85038e2.js";import{e as l}from"./p-d8501cb4.js";import{c}from"./p-e7e4f76c.js";const g=class{constructor(e){r(this,e),this.valueChanged=t(this,"valueChanged",7),this.btnClearClickHandler=()=>{this.value=this.defaultValue},this.btnSelectClickHandler=()=>{this.selectEntityCallback&&this.selectEntityCallback().then((r=>{this.value=r}))},this.iconColor=()=>{let r;return this.value?r=this.value:this.defaultValue&&(r=this.defaultValue),(null==r?void 0:r.iconColor)||"auto"},this.iconSrc=()=>this.value?this.value.iconSrc:this.defaultValue?this.defaultValue.iconSrc:void 0,this.buttonFocusHandler=r=>{"focus"===r.type?this.buttonHasFocus=!0:"blur"===r.type&&(this.buttonHasFocus=!1)},this.accessibilityLabels={buttonClearLabel:"clears the actual value",buttonSelectLabel:"displays the entity selector"},this.defaultValue=void 0,this.label=void 0,this.labelPosition="above",this.centerLabel=!1,this.labelWidth=void 0,this.selectEntityCallback=void 0,this.value=void 0,this.buttonHasFocus=!1}valueChangedHandler(){this.valueChanged.emit(this.value)}render(){var r,t,a,i;return e(o,{class:{"gxg-entity-selector--button-has-focus":this.buttonHasFocus}},this.label&&e("gxg-label",{part:"label",labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label),e("div",{part:"wrapper",class:"wrapper"},this.iconSrc()&&e("gxg-icon",{color:this.iconColor(),type:this.iconSrc(),part:"icon","aria-hidden":"true"}),e("input",{type:"text",readonly:!0,part:"input input-entity",value:(null===(r=this.value)||void 0===r?void 0:r.name)||(null===(t=this.defaultValue)||void 0===t?void 0:t.name)}),e("gxg-button",{part:"button-clear",onClick:this.btnClearClickHandler,"aria-label":null===(a=this.accessibilityLabels)||void 0===a?void 0:a.buttonClearLabel,onFocus:this.buttonFocusHandler,onBlur:this.buttonFocusHandler,type:"secondary-icon-only",icon:"gemini-tools/reset"}),e("gxg-button",{part:"button-select",onClick:this.btnSelectClickHandler,"aria-label":null===(i=this.accessibilityLabels)||void 0===i?void 0:i.buttonSelectLabel,onFocus:this.buttonFocusHandler,onBlur:this.buttonFocusHandler,type:"secondary-icon-only",icon:"gemini-tools/show-more-horizontal",disabled:!this.selectEntityCallback})))}static get watchers(){return{value:["valueChangedHandler"]}}};g.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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{display:flex;flex-direction:column;color:var(--color-primary-enabled);}:host .container{display:flex;flex-direction:column;gap:30px}:host label{font-size:14px}:host .wrapper{display:inline-flex;align-items:center;gap:var(--spacing-comp-01);border:var(--gxg-border-common-styles);border-radius:var(--border-radius-sm);padding:var(--spacing-comp-01);height:var(--gxg-form-text-height);box-sizing:border-box;background-color:var(--color-background)}:host input{background-color:transparent;width:100%;flex:1;border:0;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-lg)}:host input:focus-visible{outline:none}:host(:focus-within) .wrapper{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host(.gxg-entity-selector--button-has-focus) .wrapper{outline:none}:host([label-position=start]){flex-direction:row}:host([label-position=start]) .wrapper{flex:1}";var d=i((function(r){window,r.exports=function(r){var t={};function e(o){if(t[o])return t[o].exports;var a=t[o]={i:o,l:!1,exports:{}};return r[o].call(a.exports,a,a.exports,e),a.l=!0,a.exports}return e.m=r,e.c=t,e.d=function(r,t,o){e.o(r,t)||Object.defineProperty(r,t,{enumerable:!0,get:o})},e.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},e.t=function(r,t){if(1&t&&(r=e(r)),8&t)return r;if(4&t&&"object"==typeof r&&r&&r.__esModule)return r;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:r}),2&t&&"string"!=typeof r)for(var a in r)e.d(o,a,function(t){return r[t]}.bind(null,a));return o},e.n=function(r){var t=r&&r.__esModule?function(){return r.default}:function(){return r};return e.d(t,"a",t),t},e.o=function(r,t){return Object.prototype.hasOwnProperty.call(r,t)},e.p="",e(e.s=0)}([function(r,t,e){e.r(t);var o=[],a=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],i=["January","February","March","April","May","June","July","August","September","October","November","December"],n={t:"top",r:"right",b:"bottom",l:"left",c:"centered"};function s(){}var l=["click","focusin","keydown","input"];function c(r){l.forEach((function(t){r.addEventListener(t,r===document?j:E)}))}function g(r){return Array.isArray(r)?r.map(g):"[object Object]"===S(r)?Object.keys(r).reduce((function(t,e){return t[e]=g(r[e]),t}),{}):r}function d(r,t){var e=r.calendar.querySelector(".qs-overlay"),o=e&&!e.classList.contains("qs-hidden");t=t||new Date(r.currentYear,r.currentMonth),r.calendar.innerHTML=[f(t,r,o),v(t,r,o),u(r,o)].join(""),o&&window.requestAnimationFrame((function(){z(!0,r)}))}function f(r,t,e){return['<div class="qs-controls'+(e?" qs-blur":"")+'">','<div class="qs-arrow qs-left"></div>','<div class="qs-month-year'+(t.disableYearOverlay?" qs-disabled-year-overlay":"")+'">','<span class="qs-month">'+t.months[r.getMonth()]+"</span>",'<span class="qs-year">'+r.getFullYear()+"</span>","</div>",'<div class="qs-arrow qs-right"></div>',"</div>"].join("")}function v(r,t,e){var o=t.currentMonth,a=t.currentYear,i=t.dateSelected,n=t.maxDate,s=t.minDate,l=t.showAllDates,c=t.days,g=t.disabledDates,d=t.startDay,f=t.weekendIndices,v=t.events,u=t.getRange?t.getRange():{},h=+u.start,m=+u.end,p=w(new Date(r).setDate(1)),b=p.getDay()-d,y=b<0?7:0;p.setMonth(p.getMonth()+1),p.setDate(0);var x=p.getDate(),q=[],k=y+7*((b+x)/7|0);k+=(b+x)%7?7:0;for(var z=1;z<=k;z++){var D=(z-1)%7,S=c[D],M=z-(b>=0?b:7+b),j=new Date(a,o,M),E=v[+j],O=M<1||M>x,A=O?M<1?-1:1:0,N=O&&!l,C=N?"":j.getDate(),J=D===f[0]||D===f[1],H=h!==m,T="qs-square "+S;E&&!N&&(T+=" qs-event"),O&&(T+=" qs-outside-current-month"),!l&&O||(T+=" qs-num"),+j==+i&&(T+=" qs-active"),(g[+j]||t.disabler(j)||J&&t.noWeekends||s&&+j<+s||n&&+j>+n)&&!N&&(T+=" qs-disabled"),+w(new Date)==+j&&(T+=" qs-current"),+j===h&&m&&H&&(T+=" qs-range-start"),+j>h&&+j<m&&(T+=" qs-range-middle"),+j===m&&h&&H&&(T+=" qs-range-end"),N&&(T+=" qs-empty",C=""),q.push('<div class="'+T+'" data-direction="'+A+'">'+C+"</div>")}var P=c.map((function(r){return'<div class="qs-square qs-day">'+r+"</div>"})).concat(q);return P.unshift('<div class="qs-squares'+(e?" qs-blur":"")+'">'),P.push("</div>"),P.join("")}function u(r,t){var e=r.overlayButton;return['<div class="qs-overlay'+(t?"":" qs-hidden")+'">',"<div>",'<input class="qs-overlay-year" placeholder="'+r.overlayPlaceholder+'" inputmode="numeric" />','<div class="qs-close">&#10005;</div>',"</div>",'<div class="qs-overlay-month-container">'+r.overlayMonths.map((function(r,t){return'<div class="qs-overlay-month" data-month-num="'+t+'">'+r+"</div>"})).join("")+"</div>",'<div class="qs-submit qs-disabled">'+e+"</div>","</div>"].join("")}function h(r,t,e){var o=t.el,a=t.calendar.querySelector(".qs-active"),i=t.sibling;(o.disabled||o.readOnly)&&t.respectDisabledReadOnly||(t.dateSelected=e?void 0:new Date(t.currentYear,t.currentMonth,r.textContent),a&&a.classList.remove("qs-active"),e||r.classList.add("qs-active"),p(o,t,e),e||q(t),i&&(m({instance:t,deselect:e}),t.first&&!i.dateSelected&&(i.currentYear=t.currentYear,i.currentMonth=t.currentMonth,i.currentMonthName=t.currentMonthName),d(t),d(i)),t.onSelect(t,e?void 0:new Date(t.dateSelected)))}function m(r){var t=r.instance.first?r.instance:r.instance.sibling,e=t.sibling;t===r.instance?r.deselect?(t.minDate=t.originalMinDate,e.minDate=e.originalMinDate):e.minDate=t.dateSelected:r.deselect?(e.maxDate=e.originalMaxDate,t.maxDate=t.originalMaxDate):t.maxDate=e.dateSelected}function p(r,t,e){if(!t.nonInput)return e?r.value="":t.formatter!==s?t.formatter(r,t.dateSelected,t):void(r.value=t.dateSelected.toDateString())}function b(r,t,e,o){e||o?(e&&(t.currentYear=+e),o&&(t.currentMonth=+o)):(t.currentMonth+=r.contains("qs-right")?1:-1,12===t.currentMonth?(t.currentMonth=0,t.currentYear++):-1===t.currentMonth&&(t.currentMonth=11,t.currentYear--)),t.currentMonthName=t.months[t.currentMonth],d(t),t.onMonthChange(t)}function y(r){if(!r.noPosition){var t=r.position.top,e=r.position.right;if(r.position.centered)return r.calendarContainer.classList.add("qs-centered");var o=r.positionedEl.getBoundingClientRect(),a=r.el.getBoundingClientRect(),i=r.calendarContainer.getBoundingClientRect(),n=a.left-o.left+(e?a.width-i.width:0)+"px";r.calendarContainer.style.setProperty("top",a.top-o.top+(t?-1*i.height:a.height)+"px"),r.calendarContainer.style.setProperty("left",n)}}function x(r){return"[object Date]"===S(r)&&"Invalid Date"!==r.toString()}function w(r){if(x(r)||"number"==typeof r&&!isNaN(r)){var t=new Date(+r);return new Date(t.getFullYear(),t.getMonth(),t.getDate())}}function q(r){r.disabled||!r.calendarContainer.classList.contains("qs-hidden")&&!r.alwaysShow&&("overlay"!==r.defaultView&&z(!0,r),r.calendarContainer.classList.add("qs-hidden"),r.onHide(r))}function k(r){r.disabled||(r.calendarContainer.classList.remove("qs-hidden"),"overlay"===r.defaultView&&z(!1,r),y(r),r.onShow(r))}function z(r,t){var e=t.calendar,o=e.querySelector(".qs-overlay"),a=o.querySelector(".qs-overlay-year"),i=e.querySelector(".qs-controls"),n=e.querySelector(".qs-squares");r?(o.classList.add("qs-hidden"),i.classList.remove("qs-blur"),n.classList.remove("qs-blur"),a.value=""):(o.classList.remove("qs-hidden"),i.classList.add("qs-blur"),n.classList.add("qs-blur"),a.focus())}function D(r,t,e,o){var a=isNaN(+(new Date).setFullYear(t.value||void 0)),i=a?null:t.value;13===r.which||13===r.keyCode||"click"===r.type?o?b(null,e,i,o):a||t.classList.contains("qs-disabled")||b(null,e,i):e.calendar.contains(t)&&e.calendar.querySelector(".qs-submit").classList[a?"add":"remove"]("qs-disabled")}function S(r){return{}.toString.call(r)}function M(r){o.forEach((function(t){t!==r&&q(t)}))}function j(r){if(!r.__qs_shadow_dom){var t=r.which||r.keyCode,e=r.type,a=r.target,n=a.classList,s=o.filter((function(r){return r.calendar.contains(a)||r.el===a}))[0],l=s&&s.calendar.contains(a);if(!(s&&s.isMobile&&s.disableMobile))if("click"===e){if(!s)return o.forEach(q);if(s.disabled)return;var c=s.calendar,g=s.calendarContainer,f=s.disableYearOverlay,v=s.nonInput,u=c.querySelector(".qs-overlay-year"),m=!!c.querySelector(".qs-hidden"),p=c.querySelector(".qs-month-year").contains(a),y=a.dataset.monthNum;if(s.noPosition&&!l)(g.classList.contains("qs-hidden")?k:q)(s);else if(n.contains("qs-arrow"))b(n,s);else if(p||n.contains("qs-close"))f||z(!m,s);else if(y)D(r,u,s,y);else{if(n.contains("qs-disabled"))return;if(n.contains("qs-num")){var x=a.textContent,w=+a.dataset.direction,S=new Date(s.currentYear,s.currentMonth+w,x);if(w){s.currentYear=S.getFullYear(),s.currentMonth=S.getMonth(),s.currentMonthName=i[s.currentMonth],d(s);for(var j,E=s.calendar.querySelectorAll('[data-direction="0"]'),O=0;!j;){var A=E[O];A.textContent===x&&(j=A),O++}a=j}return void(+S==+s.dateSelected?h(a,s,!0):a.classList.contains("qs-disabled")||h(a,s))}n.contains("qs-submit")?D(r,u,s):v&&a===s.el&&(k(s),M(s))}}else if("focusin"===e&&s)k(s),M(s);else if("keydown"===e&&9===t&&s)q(s);else if("keydown"===e&&s&&!s.disabled){var N=!s.calendar.querySelector(".qs-overlay").classList.contains("qs-hidden");13===t&&N&&l?D(r,a,s):27===t&&N&&l&&z(!0,s)}else if("input"===e){if(!s||!s.calendar.contains(a))return;var C=s.calendar.querySelector(".qs-submit"),J=a.value.split("").reduce((function(r,t){return r||"0"!==t?r+(t.match(/[0-9]/)?t:""):""}),"").slice(0,4);a.value=J,C.classList[4===J.length?"remove":"add"]("qs-disabled")}}}function E(r){j(r),r.__qs_shadow_dom=!0}function O(r,t){l.forEach((function(e){r.removeEventListener(e,t)}))}function A(){k(this)}function N(){q(this)}function C(r,t){var e=w(r),o=this.currentYear,a=this.currentMonth,i=this.sibling;if(null==r)return this.dateSelected=void 0,p(this.el,this,!0),i&&(m({instance:this,deselect:!0}),d(i)),d(this),this;if(!x(r))throw new Error("`setDate` needs a JavaScript Date object.");if(this.disabledDates[+e]||e<this.minDate||e>this.maxDate)throw new Error("You can't manually set a date that's disabled.");this.dateSelected=e,t&&(this.currentYear=e.getFullYear(),this.currentMonth=e.getMonth(),this.currentMonthName=this.months[e.getMonth()]),p(this.el,this),i&&(m({instance:this}),d(i));var n=o===e.getFullYear()&&a===e.getMonth();return n||t?d(this,e):n||d(this,new Date(o,a,1)),this}function J(r){return T(this,r,!0)}function H(r){return T(this,r)}function T(r,t,e){var o=r.dateSelected,a=r.first,i=r.sibling,n=r.minDate,s=r.maxDate,l=w(t),c=e?"Min":"Max";function g(){return"original"+c+"Date"}function f(){return c.toLowerCase()+"Date"}function v(){return"set"+c}function u(){throw new Error("Out-of-range date passed to "+v())}if(null==t)r[g()]=void 0,i?(i[g()]=void 0,e?(a&&!o||!a&&!i.dateSelected)&&(r.minDate=void 0,i.minDate=void 0):(a&&!i.dateSelected||!a&&!o)&&(r.maxDate=void 0,i.maxDate=void 0)):r[f()]=void 0;else{if(!x(t))throw new Error("Invalid date passed to "+v());i?((a&&e&&l>(o||s)||a&&!e&&l<(i.dateSelected||n)||!a&&e&&l>(i.dateSelected||s)||!a&&!e&&l<(o||n))&&u(),r[g()]=l,i[g()]=l,(e&&(a&&!o||!a&&!i.dateSelected)||!e&&(a&&!i.dateSelected||!a&&!o))&&(r[f()]=l,i[f()]=l)):((e&&l>(o||s)||!e&&l<(o||n))&&u(),r[f()]=l)}return i&&d(i),d(r),r}function P(){var r=this.first?this:this.sibling;return{start:r.dateSelected,end:r.sibling.dateSelected}}function F(){var r=this.shadowDom,t=this.positionedEl,e=this.calendarContainer,a=this.sibling,i=this;this.inlinePosition&&(o.some((function(r){return r!==i&&r.positionedEl===t}))||t.style.setProperty("position",null)),e.remove(),o=o.filter((function(r){return r!==i})),a&&delete a.sibling,o.length||O(document,j);var n=o.some((function(t){return t.shadowDom===r}));for(var s in r&&!n&&O(r,E),this)delete this[s];o.length||l.forEach((function(r){document.removeEventListener(r,j)}))}function I(r,t){var e=new Date(r);if(!x(e))throw new Error("Invalid date passed to `navigate`");this.currentYear=e.getFullYear(),this.currentMonth=e.getMonth(),d(this),t&&this.onMonthChange(this)}function L(){var r=!this.calendarContainer.classList.contains("qs-hidden"),t=!this.calendarContainer.querySelector(".qs-overlay").classList.contains("qs-hidden");r&&z(t,this)}t.default=function(r,t){var e=function(r,t){var e,l,c=function(r){var t=g(r);t.events&&(t.events=t.events.reduce((function(r,t){if(!x(t))throw new Error('"options.events" must only contain valid JavaScript Date objects.');return r[+w(t)]=!0,r}),{})),["startDate","dateSelected","minDate","maxDate"].forEach((function(r){var e=t[r];if(e&&!x(e))throw new Error('"options.'+r+'" needs to be a valid JavaScript Date object.');t[r]=w(e)}));var e=t.position,i=t.maxDate,l=t.minDate,c=t.dateSelected,d=t.overlayPlaceholder,f=t.overlayButton,v=t.startDay,u=t.id;if(t.startDate=w(t.startDate||c||new Date),t.disabledDates=(t.disabledDates||[]).reduce((function(r,t){var e=+w(t);if(!x(t))throw new Error('You supplied an invalid date to "options.disabledDates".');if(e===+w(c))throw new Error('"disabledDates" cannot contain the same date as "dateSelected".');return r[e]=1,r}),{}),t.hasOwnProperty("id")&&null==u)throw new Error("`id` cannot be `null` or `undefined`");if(null!=u){var h=o.filter((function(r){return r.id===u}));if(h.length>1)throw new Error("Only two datepickers can share an id.");h.length?(t.second=!0,t.sibling=h[0]):t.first=!0}var m=["tr","tl","br","bl","c"].some((function(r){return e===r}));if(e&&!m)throw new Error('"options.position" must be one of the following: tl, tr, bl, br, or c.');function p(r){throw new Error('"dateSelected" in options is '+(r?"less":"greater")+' than "'+(r||"max")+'Date".')}if(t.position=function(r){var t=r[1],e={};return e[n[r[0]]]=1,t&&(e[n[t]]=1),e}(e||"bl"),i<l)throw new Error('"maxDate" in options is less than "minDate".');if(c&&(l>c&&p("min"),i<c&&p()),["onSelect","onShow","onHide","onMonthChange","formatter","disabler"].forEach((function(r){"function"!=typeof t[r]&&(t[r]=s)})),["customDays","customMonths","customOverlayMonths"].forEach((function(r,e){var o=t[r],a=e?12:7;if(o){if(!Array.isArray(o)||o.length!==a||o.some((function(r){return"string"!=typeof r})))throw new Error('"'+r+'" must be an array with '+a+" strings.");t[e?e<2?"months":"overlayMonths":"days"]=o}})),v&&v>0&&v<7){var b=(t.customDays||a).slice(),y=b.splice(0,v);t.customDays=b.concat(y),t.startDay=+v,t.weekendIndices=[b.length-1,b.length]}else t.startDay=0,t.weekendIndices=[6,0];"string"!=typeof d&&delete t.overlayPlaceholder,"string"!=typeof f&&delete t.overlayButton;var q=t.defaultView;if(q&&"calendar"!==q&&"overlay"!==q)throw new Error('options.defaultView must either be "calendar" or "overlay".');return t.defaultView=q||"calendar",t}(t||{startDate:w(new Date),position:"bl",defaultView:"calendar"}),d=r;if("string"==typeof d)d="#"===d[0]?document.getElementById(d.slice(1)):document.querySelector(d);else{if("[object ShadowRoot]"===S(d))throw new Error("Using a shadow DOM as your selector is not supported.");for(var f,v=d.parentNode;!f;){var u=S(v);"[object HTMLDocument]"===u?f=!0:"[object ShadowRoot]"===u?(f=!0,e=v,l=v.host):v=v.parentNode}}if(!d)throw new Error("No selector / element found.");if(o.some((function(r){return r.el===d})))throw new Error("A datepicker already exists on that element.");var h=d===document.body,m=e?d.parentElement||e:h?document.body:d.parentElement,b=e?d.parentElement||l:m,y=document.createElement("div"),q=document.createElement("div");y.className="qs-datepicker-container qs-hidden",q.className="qs-datepicker";var z={shadowDom:e,customElement:l,positionedEl:b,el:d,parent:m,nonInput:"INPUT"!==d.nodeName,noPosition:h,position:!h&&c.position,startDate:c.startDate,dateSelected:c.dateSelected,disabledDates:c.disabledDates,minDate:c.minDate,maxDate:c.maxDate,noWeekends:!!c.noWeekends,weekendIndices:c.weekendIndices,calendarContainer:y,calendar:q,currentMonth:(c.startDate||c.dateSelected).getMonth(),currentMonthName:(c.months||i)[(c.startDate||c.dateSelected).getMonth()],currentYear:(c.startDate||c.dateSelected).getFullYear(),events:c.events||{},defaultView:c.defaultView,setDate:C,remove:F,setMin:J,setMax:H,show:A,hide:N,navigate:I,toggleOverlay:L,onSelect:c.onSelect,onShow:c.onShow,onHide:c.onHide,onMonthChange:c.onMonthChange,formatter:c.formatter,disabler:c.disabler,months:c.months||i,days:c.customDays||a,startDay:c.startDay,overlayMonths:c.overlayMonths||(c.months||i).map((function(r){return r.slice(0,3)})),overlayPlaceholder:c.overlayPlaceholder||"4-digit year",overlayButton:c.overlayButton||"Submit",disableYearOverlay:!!c.disableYearOverlay,disableMobile:!!c.disableMobile,isMobile:"ontouchstart"in window,alwaysShow:!!c.alwaysShow,id:c.id,showAllDates:!!c.showAllDates,respectDisabledReadOnly:!!c.respectDisabledReadOnly,first:c.first,second:c.second};if(c.sibling){var D=c.sibling,M=z,j=D.minDate||M.minDate,E=D.maxDate||M.maxDate;M.sibling=D,D.sibling=M,D.minDate=j,D.maxDate=E,M.minDate=j,M.maxDate=E,D.originalMinDate=j,D.originalMaxDate=E,M.originalMinDate=j,M.originalMaxDate=E,D.getRange=P,M.getRange=P}c.dateSelected&&p(d,z);var O=getComputedStyle(b).position;h||O&&"static"!==O||(z.inlinePosition=!0,b.style.setProperty("position","relative"));var T=o.filter((function(r){return r.positionedEl===z.positionedEl}));return T.some((function(r){return r.inlinePosition}))&&(z.inlinePosition=!0,T.forEach((function(r){r.inlinePosition=!0}))),y.appendChild(q),m.appendChild(y),z.alwaysShow&&k(z),z}(r,t);if(o.length||c(document),e.shadowDom&&(o.some((function(r){return r.shadowDom===e.shadowDom}))||c(e.shadowDom)),o.push(e),e.second){var l=e.sibling;m({instance:e,deselect:!e.dateSelected}),m({instance:l,deselect:!l.dateSelected}),d(l)}return d(e,e.startDate||e.dateSelected),e.alwaysShow&&y(e),e}}]).default}));const f=n(d),v=class{constructor(e){r(this,e),this.valueChanged=t(this,"valueChanged",7),this.parts={input:"input"},this.disabled=!1,this.alwaysShow=!1,this.label=void 0,this.noWeekends=!1,this.maxWidth="100%",this.rtl=!1,this.attachExportParts=()=>{const r=this.el.getAttribute("part"),t=l(r,this.parts);t.length&&(this.exportparts=t)}}disabledHandler(r){!0===r?(this.valueBeforeDisabled=this.value,this.value=null):this.value=this.valueBeforeDisabled}watchStateHandler(r){this.valueChanged.emit(r)}componentWillLoad(){this.attachExportParts()}componentDidLoad(){const r=document.getElementsByTagName("html")[0].getAttribute("dir"),t=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==r&&"rtl"!==t||(this.rtl=!0);let e=new Date;if(void 0!==this.value&&""!==this.value){const r=new Date(this.value);"[object Date]"===Object.prototype.toString.call(r)&&(isNaN(r.getTime())||(e=new Date(this.value)))}e.getFullYear(),e.getMonth(),e.getDate();const o=this.minDate?new Date(this.minDate):void 0,a=null==o?void 0:o.getFullYear(),i=null==o?void 0:o.getMonth(),n=null==o?void 0:o.getDate(),s=this.maxDate?new Date(this.maxDate):void 0,l=null==s?void 0:s.getFullYear(),c=null==s?void 0:s.getMonth(),g=null==s?void 0:s.getDate(),d=this.el.shadowRoot.querySelector("#date-picker");f(d,{onSelect:r=>{this.value=r.dateSelected},formatter:(r,t)=>{r.value=t.toDateString()},position:"bl",startDay:1,customDays:["S","M","T","W","T","F","S"],customMonths:["January","February","March","April","May","June","July","August","September","October","November","December"],customOverlayMonths:["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],overlayButton:"Go!",overlayPlaceholder:"Enter a 4-digit year",alwaysShow:this.alwaysShow,maxDate:s&&new Date(l,c,g),minDate:o&&new Date(a,i,n),startDate:this.value,showAllDates:!0,noWeekends:this.noWeekends,disabler:r=>2===r.getDay()&&9===r.getMonth(),disableMobile:!0,disableYearOverlay:!1,id:"date-picker"}).calendarContainer.style.setProperty("font-size","9px")}render(){return e(o,{class:{rtl:this.rtl,large:s.large,[c.DISABLED_CLASS]:this.disabled},style:{maxWidth:this.maxWidth},exportParts:this.exportparts?this.exportparts:null},this.label?e("gxg-label",{class:"label"},this.label):null,e("input",{type:"text",id:"date-picker",part:this.parts.input,readOnly:!0,class:"form-element"}))}get el(){return a(this)}static get watchers(){return{disabled:["disabledHandler"],value:["watchStateHandler"]}}};v.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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:black;position:absolute;width:15.625em;display:flex;flex-direction:column;z-index:9001;user-select:none;border:1px solid gray;border-radius:0.263921875em;overflow:hidden;background:white;box-shadow:0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3)}.qs-datepicker-container *{box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.75);color:white;width:100%;height:100%;padding:0.5em;z-index:1;opacity:1;transition:opacity 0.3s;display:flex;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{border:none;background:transparent;border-bottom:1px solid white;border-radius:0;color:white;font-size:0.875em;padding:0.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:0.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid white;border-radius:0.263921875em;padding:0.5em;margin:0 auto auto;cursor:pointer;background:rgba(128, 128, 128, 0.4)}.qs-overlay .qs-submit.qs-disabled{color:gray;border-color:gray;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:flex;flex-wrap:wrap;flex-grow:1}.qs-overlay .qs-overlay-month{display:flex;justify-content:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:0.5;transition:opacity 0.15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:flex;justify-content:space-between;align-items:center;flex-grow:1;flex-shrink:0;background:lightgray;filter:blur(0px);transition:filter 0.3s}.qs-controls.qs-blur{filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:0.263921875em;transition:background 0.15s}.qs-arrow:hover{background:rgba(0, 0, 0, 0.1)}.qs-arrow:hover.qs-left:after{border-right-color:black}.qs-arrow:hover.qs-right:after{border-left-color:black}.qs-arrow:after{content:"";border:0.390625em solid transparent;position:absolute;top:50%;transition:border 0.2s}.qs-arrow.qs-left:after{border-right-color:gray;right:50%;transform:translate(25%, -50%)}.qs-arrow.qs-right:after{border-left-color:gray;left:50%;transform:translate(-25%, -50%)}.qs-month-year{font-weight:bold;transition:border 0.2s;border-bottom:1px solid transparent;cursor:pointer}.qs-month-year:hover{border-bottom:1px solid gray}.qs-month-year:focus,.qs-month-year:active:focus{outline:none}.qs-month{padding-right:0.5ex}.qs-year{padding-left:0.5ex}.qs-squares{display:flex;flex-wrap:wrap;padding:0.3125em;filter:blur(0px);transition:filter 0.3s}.qs-squares.qs-blur{filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.1s;border-radius:0.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:bold;text-decoration:underline}.qs-active,.qs-range-start,.qs-range-end{background:lightblue}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-range-end:not(.qs-range-0){border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:0.2}.qs-disabled{cursor:not-allowed}.qs-empty{cursor:default}.qs-day{cursor:default;font-weight:bold;color:gray}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:0.46875em;height:0.46875em;border-radius:50%;background:#07f;bottom:0;right:0}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block}: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}#date-picker{width:100%;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;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:20px;box-sizing:border-box;padding:0 5px;cursor:pointer;z-index:100}#date-picker:focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}.qs-datepicker{padding:4px 0 0 0}.qs-datepicker-container{border:none;box-shadow:var(--box-shadow-01);padding:0;width:181px;background:var(--color-background);margin-top:6px}.qs-datepicker .qs-controls{background-color:transparent;color:var(--color-on-background)}.qs-datepicker .qs-square{border:1px solid var(--gray-01);border-radius:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);margin:0.5px;color:var(--color-on-background);font-family:var(--font-family-primary)}.qs-month-year{font-size:var(--font-size-xs);font-family:var(--font-family-primary);text-transform:uppercase;font-weight:var(--font-weight-regular)}.qs-datepicker .qs-square.qs-day{color:var(--color-on-background);border:0;height:var(--spacing-comp-04);font-family:var(--font-family-primary);font-weight:var(--font-weight-extra-bold)}.qs-datepicker .qs-square.qs-active,.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--color-primary-hover-opacity-01);border-color:var(--color-primary-active)}.qs-datepicker .qs-arrow:after{width:3px;height:3px;border:1px solid black;top:4px}.qs-datepicker .qs-arrow:hover{background-color:transparent}.qs-datepicker .qs-arrow:hover:after{border-color:var(--color-primary-active)}.qs-datepicker .qs-arrow.qs-right:after,.qs-datepicker .qs-arrow.qs-left:after{border-color:var(--color-on-background)}.qs-datepicker .qs-arrow.qs-left:after{border-right:0;border-bottom:0;transform:rotate(-45deg) !important;left:13px}.qs-datepicker .qs-arrow.qs-right:after{border-left:0;border-bottom:0;transform:rotate(45deg) !important;left:-4px}.qs-disabled,.qs-outside-current-month{opacity:0.4}:host(.rtl) .qs-datepicker-container{right:0}.qs-overlay{background-color:var(--color-background);font-family:var(--font-family-primary)}.qs-overlay .qs-close{color:var(--color-on-background);margin-top:4px;margin-right:4px}.qs-overlay .qs-overlay-year{font-size:var(--font-size-lg);color:var(--color-on-background)}.qs-overlay .qs-overlay-year:focus-visible{outline:none}.qs-overlay .qs-overlay-month{font-size:var(--font-size-lg);color:var(--color-on-background)}.qs-overlay .qs-submit{border-radius:var(--border-radius-xs);border:none;padding:0.2em;padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04);background:var(--color-primary-enabled);font-size:var(--font-size-lg);transition:background 0.25s}.qs-overlay .qs-submit:hover{background:var(--color-primary-hover)}.qs-overlay .qs-submit.qs-disabled{color:var(--color-on-disabled);background:var(--color-primary-disabled);opacity:1}.qs-overlay-month-container{flex-wrap:wrap;flex-grow:0.8;margin-top:10px;margin-bottom:10px}:host(.large) #date-picker{font-size:var(--font-size-lg);height:var(--spacing-comp-05)}:host(.large) label,:host(.large) .qs-month-year,:host(.large) .qs-square.qs-day,:host(.large) .qs-square{font-size:var(--font-size-lg)}';export{g as gx_ide_entity_selector,v as gxg_date_picker}