@genexus/genexus-ide-ui 1.0.8 → 1.0.10

package/dist/genexus-ide-ui/p-05eb7c04.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mapObjectTypeToComboBoxItemModel","objectTypeModel","map","objectType","value","id","caption","name","mapCategoryToComboBoxItemModel","categoryModel","category","label","objectSelectorCss","CSS_BUNDLES","FILTER_ICON","getIconPath","colorType","USER_ICON","MODIFIED_ACCORDION_MODEL","expanded","TODAY","GxIdeObjectSelector","_GxIdeObjectSelector_componentLocale","set","this","_GxIdeObjectSelector_shortcutsSrc","getAssetPath","_GxIdeObjectSelector_afterModel","_GxIdeObjectSelector_patternInput","_GxIdeObjectSelector_typeComboBox","_GxIdeObjectSelector_categoryComboBox","_GxIdeObjectSelector_moduleEntitySelector","_GxIdeObjectSelector_afterTypeComboBox","_GxIdeObjectSelector_userInput","_GxIdeObjectSelector_modifiedDateInput","_GxIdeObjectSelector_objectsGrid","_GxIdeObjectSelector_shortcutsEl","_GxIdeObjectSelector_cancelCallbackHandler","cancelCallback","_GxIdeObjectSelector_chGridKeyDownHandler","e","key","__classPrivateFieldGet","_GxIdeObjectSelector_openSelectionCallbackHandler","call","_GxIdeObjectSelector_deselectAll","selectAllRows","_GxIdeObjectSelector_evaluateObjectsCount","type","locale","selectedObjectsIdsArray","length","objCount","selected","none","one","many","objects","matching","_GxIdeObjectSelector_getToday","now","Date","date","toISOString","split","time","slice","_GxIdeObjectSelector_handleAfterValueChange","event","modifiedAfterValue","detail","FILTER_AFTER","DATE_TIME","_GxIdeObjectSelector_refreshUIWithNewConfiguration","_GxIdeObjectSelector_handleObjectsSelectionChange","rowsId","_GxIdeObjectSelector_hostKeyPressHandler","stopPropagation","_GxIdeObjectSelector_newObjectCallbackHandler","newObjectCallback","openSelectionCallback","modifiedAfter","user","_b","_a","trim","filters","pattern","_c","module","_e","_d","modifiedBy","modifiedDate","_f","loading","loadCallback","then","_GxIdeObjectSelector_sortObjectsByName","_GxIdeObjectSelector_renderFilter","h","class","htmlFor","filter","accessibleName","debounce","config","inputDebounce","part","patternValue","mode","ref","el","__classPrivateFieldSet","onInput","disabled","types","defaultType","model","categories","defaultCategory","defaultModule","labelCaption","labelPosition","onValueChanged","defaultValue","selectEntityCallback","selectModuleCallback","slot","after","startImgSrc","dateTime","max","_GxIdeObjectSelector_renderFooter","onClick","undefined","footer","btnNew","btnCancel","btnConfirm","multiSelection","_GxIdeObjectSelector_selectAll","btnSelectAll","_GxIdeObjectSelector_renderObjects","rowSelectionMode","onKeyDown","onSelectionChanged","onDblClick","settingable","size","tabularGrid","colSize","maxContent","tableHead","description","commonDouble","importDate","obj","rowid","src","icon","formatDate","loader","loaderTitle","title","show","stateIconSrc","stateTitle","emptyState","_GxIdeObjectSelector_setAfterDefaultValue","NONE","_GxIdeObjectSelector_setAfterOptions","afterNone","IMPORT","LAST_BUILD","sort","a","b","nameA","toLowerCase","nameB","connectedCallback","componentWillLoad","Locale","getComponentStrings","componentDidLoad","focus","componentDidRender","suspendShortcuts","suspend","validate","isValid","render","Host","onKeyPress"],"sources":["src/components/object-selector/helpers.ts","src/components/object-selector/object-selector.scss?tag=gx-ide-object-selector&encapsulation=shadow","src/components/object-selector/object-selector.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType, GxOption } from \"../../common/types\";\n// - - - - - - - - - - - -\n// Data Mappings\n// - - - - - - - - - - - -\n\n// ch-combo-box-render\n\nexport const mapObjectTypeToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxModel =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name\n  }));\nexport const mapCategoryToComboBoxItemModel = (\n  categoryModel: GxOption[]\n): ComboBoxModel =>\n  categoryModel.map(category => ({\n    value: category.id,\n    caption: category.label\n  }));\n","@import \"../../../node_modules/@genexus/mercury/dist/mercury.scss\"; // for the tabular-grid-cell-layout mixin\n\n:host {\n  block-size: 100%;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n/* Filters */\n.filter-layout {\n  grid-template:\n    \"pattern type\"\n    \"category module\"\n    \"modified modified\";\n  grid-template-columns: 1fr 1fr;\n}\n.pattern {\n  grid-area: pattern;\n}\n.type {\n  grid-area: type;\n}\n.category {\n  grid-area: category;\n}\n.module {\n  grid-area: module;\n}\n.modified-accordion {\n  grid-area: modified;\n  display: flex;\n  flex-direction: column;\n}\n.field-group-modified {\n  grid-template-columns: 1fr 1fr 1fr;\n}\n\ngx-ide-container::part(content) {\n  // only apply display grid when the loader is being displayed, to stretch the container.\n  display: grid;\n}\n\n/*tabular grid*/\nch-tabular-grid {\n  overflow: auto;\n}\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-object-selector\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n\n// Objects Table\n.objects-count {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  border-block-start: var(--mer-border__width--sm) solid\n    var(--mer-color__elevation--04);\n}\n.objects-selected,\n.objects-matching {\n  padding-block-end: var(--mer-spacing--xs);\n}\n\nch-tabular-grid-rowset-empty {\n  position: relative; // makes this the bounder element for the loader\n}\n\nch-tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\ninput::-webkit-datetime-edit-fields-wrapper {\n  // WA remove padding to force this input block-size to be the same as other\n  // mercury controls block size.\n  padding: none;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  AccordionModel,\n  ComboBoxModel,\n  TabularGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { EntityData, GxOption, ObjectType } from \"../../common/types\";\nimport { formatDate } from \"../../common/helpers\";\nimport {\n  mapObjectTypeToComboBoxItemModel,\n  mapCategoryToComboBoxItemModel\n} from \"./helpers\";\nimport { FILTER_AFTER, FilterAfterValue } from \"../../common/constants\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"components/accordion\",\n  \"components/tabular-grid\",\n  \"utils/typography\",\n  \"utils/layout\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst USER_ICON = getIconPath({\n  category: \"system\",\n  name: \"user\",\n  colorType: \"on-elevation\"\n});\n\nconst MODIFIED_ACCORDION_MODEL: AccordionModel = [\n  {\n    id: \"modified\",\n    caption: \"Modified\",\n    expanded: false\n  }\n];\n\nlet TODAY: string = null;\n\n@Component({\n  tag: \"gx-ide-object-selector\",\n  styleUrl: \"object-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/object-selector\"]\n})\nexport class GxIdeObjectSelector {\n  #componentLocale: any;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/object-selector/shortcuts.json`\n  );\n\n  #afterModel: ComboBoxModel = null;\n\n  @Element() el: HTMLGxIdeObjectSelectorElement;\n\n  /* References needed to collect data */\n  #patternInput!: HTMLChEditElement;\n  #typeComboBox!: HTMLChComboBoxRenderElement;\n  #categoryComboBox!: HTMLChComboBoxRenderElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #afterTypeComboBox!: HTMLChComboBoxRenderElement;\n  #userInput!: HTMLChEditElement;\n  #modifiedDateInput!: HTMLInputElement;\n  #objectsGrid!: HTMLChTabularGridElement;\n  #shortcutsEl: HTMLChShortcutsElement;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * True if loadCallback has been called and has not been resolved yet.\n   */\n  @State() loading: boolean = false;\n\n  /**\n   * The \"modified after\" value\n   */\n  @State() modifiedAfterValue: FilterAfterValue;\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIdsArray: string[] = [];\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n\n  /**\n   * The default id value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * The default value for the type filter\n   */\n  @Prop() readonly defaultType: string;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * True if multiple object selection is allowed. Default is 'True'\n   */\n  @Prop() readonly multiSelection: boolean = false;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newObjectCallback!: NewObjectCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Current value of the input pattern. It is also used to set the default value when initializing the component\n   */\n  @Prop() readonly patternValue: string;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * The types render in the filter type selector\n   */\n  @Prop() readonly types!: ObjectType[];\n\n  async connectedCallback() {\n    TODAY = this.#getToday();\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#setAfterOptions();\n    this.#setAfterDefaultValue();\n  }\n\n  componentDidLoad() {\n    this.#refreshUIWithNewConfiguration();\n    this.#patternInput.focus();\n  }\n\n  componentDidRender() {}\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#shortcutsEl.suspend = true;\n    } else {\n      this.#shortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  #cancelCallbackHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.#openSelectionCallbackHandler(e);\n    }\n  };\n\n  #deselectAll = (): void => {\n    (this.#objectsGrid as any).selectAllRows(false);\n  };\n\n  #evaluateObjectsCount = (type: \"selected\" | \"matching\"): string => {\n    const locale = this.#componentLocale;\n\n    if (type === \"selected\") {\n      if (this.selectedObjectsIdsArray.length === 0) {\n        return locale.objCount.selected.none;\n      }\n      if (this.selectedObjectsIdsArray.length === 1) {\n        return `1 ${locale.objCount.selected.one}`;\n      }\n      return `${this.selectedObjectsIdsArray.length} ${locale.objCount.selected.many}`;\n    }\n\n    // type === \"matching\"\n    if (this.objects.length === 0) {\n      return locale.objCount.matching.none;\n    }\n    if (this.objects.length === 1) {\n      return `1 ${locale.objCount.matching.one}`;\n    }\n    return `${this.objects.length} ${locale.objCount.matching.many}`;\n  };\n\n  #getToday = (): string => {\n    const now = new Date();\n    const date = now.toISOString().split(\"T\")[0];\n    const time = now.toISOString().split(\"T\")[1].slice(0, 5); // Only take 'HH:MM' part\n    return `${date}T${time}`;\n  };\n\n  #handleAfterValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.modifiedAfterValue = event.detail as FilterAfterValue;\n    if (\n      this.modifiedAfterValue !== FILTER_AFTER.DATE_TIME ||\n      (this.modifiedAfterValue === FILTER_AFTER.DATE_TIME &&\n        this.#modifiedDateInput.value)\n    ) {\n      // if \"modified\" is \"after date/time\" only refresh ui if date/time is valid.\n      this.#refreshUIWithNewConfiguration();\n    }\n  };\n\n  #handleObjectsSelectionChange = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    this.selectedObjectsIdsArray = event.detail.rowsId;\n  };\n\n  #hostKeyPressHandler = (e: KeyboardEvent) => {\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  #newObjectCallbackHandler = (): void => {\n    this.newObjectCallback();\n  };\n\n  #openSelectionCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.openSelectionCallback(this.selectedObjectsIdsArray);\n  };\n\n  #refreshUIWithNewConfiguration = (): void => {\n    /* 'modified' checkbox, should only be considered if 'date' || 'user' */\n    const modifiedAfter = this.#afterTypeComboBox.value;\n    const user = this.#userInput?.value?.trim();\n    const filters: ObjectFiltersData = {\n      pattern: this.#patternInput?.value,\n      type: this.#typeComboBox.value,\n      category: this.#categoryComboBox.value,\n      module: this.#moduleEntitySelector?.value?.id,\n      modifiedAfter: modifiedAfter ? modifiedAfter : null,\n      modifiedBy: user ? user : null,\n      modifiedDate:\n        modifiedAfter === FILTER_AFTER.DATE_TIME\n          ? new Date(this.#modifiedDateInput?.value)\n          : null\n    };\n    this.loading = true;\n    this.objects = [];\n    this.loadCallback(filters).then((objects: ObjectData[]) => {\n      if (objects) {\n        this.objects = this.#sortObjectsByName(objects);\n      }\n      this.selectedObjectsIdsArray = [];\n      this.#deselectAll();\n      this.loading = false;\n    });\n  };\n\n  #renderFilter = (): Element => {\n    return (\n      <header class=\"control-header spacing-body-inline spacing-body-block-start\">\n        <form class=\"field-group filter-layout\">\n          <div class=\"field field-block pattern\">\n            <label\n              // pattern\n              class=\"label\"\n              htmlFor=\"pattern\"\n            >\n              {this.#componentLocale.filter.pattern}\n            </label>\n\n            <ch-edit\n              accessibleName={this.#componentLocale.filter.pattern}\n              debounce={config.inputDebounce}\n              class=\"form-input\"\n              part=\"filter-pattern\"\n              id=\"pattern\"\n              name=\"pattern\"\n              value={this.patternValue}\n              mode=\"text\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#patternInput = el as HTMLChEditElement)\n              }\n              onInput={this.#refreshUIWithNewConfiguration}\n            ></ch-edit>\n          </div>\n\n          <div class=\"field field-block type\">\n            <label\n              // type\n              class=\"label\"\n              htmlFor=\"type\"\n            >\n              {this.#componentLocale.filter.type}\n            </label>\n            <ch-combo-box-render\n              accessibleName={this.#componentLocale.filter.type}\n              class=\"combo-box\"\n              disabled={!this.types}\n              value={this.defaultType}\n              part=\"filter-type\"\n              id=\"type\"\n              model={mapObjectTypeToComboBoxItemModel(this.types)}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#typeComboBox = el as HTMLChComboBoxRenderElement)\n              }\n              onInput={this.#refreshUIWithNewConfiguration}\n            ></ch-combo-box-render>\n          </div>\n\n          <div class=\"field field-block category\">\n            <label\n              // category\n              class=\"label\"\n              htmlFor=\"category\"\n            >\n              {this.#componentLocale.filter.category}\n            </label>\n            <ch-combo-box-render\n              id=\"category\"\n              class=\"combo-box\"\n              accessibleName={this.#componentLocale.filter.category}\n              disabled={!this.categories}\n              model={mapCategoryToComboBoxItemModel(this.categories)}\n              value={this.defaultCategory}\n              part=\"filter-category\"\n              onInput={this.categories && this.#refreshUIWithNewConfiguration}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#categoryComboBox = el as HTMLChComboBoxRenderElement)\n              }\n            ></ch-combo-box-render>\n          </div>\n\n          <gx-ide-entity-selector\n            // module\n            class=\"module\"\n            id=\"module\"\n            value={this.defaultModule}\n            ref={(el: HTMLGxIdeEntitySelectorElement) =>\n              (this.#moduleEntitySelector =\n                el as HTMLGxIdeEntitySelectorElement)\n            }\n            labelCaption={this.#componentLocale.filter.module}\n            labelPosition=\"block-start\"\n            onValueChanged={this.#refreshUIWithNewConfiguration}\n            defaultValue={this.defaultModule}\n            selectEntityCallback={this.selectModuleCallback}\n          ></gx-ide-entity-selector>\n\n          <ch-accordion-render\n            // modified\n            class=\"accordion-outlined modified-accordion\"\n            model={MODIFIED_ACCORDION_MODEL}\n          >\n            <div slot=\"modified\" class=\"spacing-body\">\n              <div class=\"field-group field-group-modified\">\n                <div class=\"field field-block after\">\n                  <label\n                    // after\n                    class=\"label\"\n                    htmlFor=\"after-type\"\n                  >\n                    {this.#componentLocale.filter.after}\n                  </label>\n                  <ch-combo-box-render\n                    class=\"combo-box\"\n                    value={this.modifiedAfterValue}\n                    part=\"filter-after-type\"\n                    id=\"after-type\"\n                    model={this.#afterModel}\n                    ref={(el: HTMLChComboBoxRenderElement) =>\n                      (this.#afterTypeComboBox =\n                        el as HTMLChComboBoxRenderElement)\n                    }\n                    onInput={this.#handleAfterValueChange}\n                  ></ch-combo-box-render>\n                </div>\n\n                <div class=\"field field-block\">\n                  <label\n                    // user\n                    class=\"label\"\n                    htmlFor=\"user-name\"\n                  >\n                    {this.#componentLocale.filter.user}\n                  </label>\n                  <ch-edit\n                    class=\"form-input\"\n                    part=\"filter-user\"\n                    value={this.patternValue}\n                    ref={(el: HTMLChEditElement) =>\n                      (this.#userInput = el as HTMLChEditElement)\n                    }\n                    id=\"user-name\"\n                    name=\"userName\"\n                    startImgSrc={USER_ICON}\n                    onInput={this.#refreshUIWithNewConfiguration}\n                  ></ch-edit>\n                </div>\n\n                <div class=\"field field-block\">\n                  <label\n                    // date\n                    class={{\n                      \"label\": true,\n                      \"label--disabled\":\n                        this.modifiedAfterValue !== \"afterDateTime\"\n                    }}\n                    htmlFor=\"modified-date\"\n                  >\n                    {this.#componentLocale.filter.dateTime}\n                  </label>\n\n                  <input\n                    type=\"datetime-local\"\n                    class=\"form-input input-date-time\"\n                    id=\"modified-date\"\n                    name=\"modifiedDate\"\n                    part=\"filter-pattern\"\n                    value={this.patternValue}\n                    max={TODAY}\n                    ref={(el: HTMLInputElement) =>\n                      (this.#modifiedDateInput = el as HTMLInputElement)\n                    }\n                    disabled={this.modifiedAfterValue !== \"afterDateTime\"}\n                    onInput={this.#refreshUIWithNewConfiguration}\n                  ></input>\n                </div>\n              </div>\n            </div>\n          </ch-accordion-render>\n        </form>\n      </header>\n    );\n  };\n\n  #renderFooter = (): Element => {\n    return (\n      <footer class=\"footer\">\n        <div\n          class=\"control-footer control-footer-space-between objects-count spacing-body-inline\"\n          slot=\"footer-above\"\n        >\n          <p\n            class=\"text-body-regular-s objects-selected\"\n            part=\"objects-selected\"\n          >\n            {this.#evaluateObjectsCount(\"selected\")}\n          </p>\n          <p\n            class=\"text-body-regular-s objects-matching\"\n            part=\"objects-matching\"\n          >\n            {this.#evaluateObjectsCount(\"matching\")}\n          </p>\n        </div>\n\n        <div class=\"control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end\">\n          <button\n            // button new object\n            class=\"button-secondary\"\n            part=\"button button-new\"\n            onClick={!this.loading ? this.#newObjectCallbackHandler : undefined}\n            disabled={this.loading}\n          >\n            {this.#componentLocale.footer.btnNew}\n          </button>\n          <div class=\"end buttons-spacer\">\n            <button\n              // button cancel\n              class=\"button-secondary\"\n              part=\"button button-cancel\"\n              onClick={this.#cancelCallbackHandler}\n            >\n              {this.#componentLocale.footer.btnCancel}\n            </button>\n            <button\n              // button confirm\n              class=\"button-primary\"\n              part=\"button button-confirm\"\n              onClick={this.#openSelectionCallbackHandler}\n              disabled={this.loading}\n            >\n              {this.#componentLocale.footer.btnConfirm}\n            </button>\n            {this.multiSelection ? (\n              <button\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button-select-all\"\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n            ) : null}\n          </div>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"tabular-grid-object-selector\": true,\n          \"empty-result\": this.objects.length === 0\n        }}\n        rowSelectionMode={this.multiSelection ? \"multiple\" : \"single\"}\n        ref={(el: HTMLChTabularGridElement) => (this.#objectsGrid = el)}\n        part=\"ch-grid-objects\"\n        onKeyDown={this.#chGridKeyDownHandler}\n        onSelectionChanged={this.#handleObjectsSelectionChange}\n        onDblClick={this.#openSelectionCallbackHandler}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.name}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.type}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.module}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.description}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.commonDouble}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.modifiedDate}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.importDate}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.objects.length ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects.map((obj: ObjectData) => (\n              <ch-tabular-grid-row\n                rowid={obj.id}\n                key={obj.id}\n                class=\"tabular-grid-row\"\n              >\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image src={obj.icon} class=\"icon-md\"></ch-image>\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.name}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.type}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.module}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.description}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.modifiedDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.importDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              {this.loader && this.loading ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  stateIconSrc={FILTER_ICON}\n                  stateTitle={this.#componentLocale.emptyState.title}\n                ></gx-ide-empty-state>\n              )}\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #selectAll = (): void => {\n    (this.#objectsGrid as any).selectAllRows();\n  };\n\n  #setAfterDefaultValue = (): void => {\n    this.modifiedAfterValue = FILTER_AFTER.NONE;\n  };\n\n  #setAfterOptions = (): void => {\n    this.#afterModel = [\n      {\n        caption: this.#componentLocale.filter.afterNone,\n        value: FILTER_AFTER.NONE\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER.DATE_TIME],\n        value: FILTER_AFTER.DATE_TIME\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER.IMPORT],\n        value: FILTER_AFTER.IMPORT\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER.LAST_BUILD],\n        value: FILTER_AFTER.LAST_BUILD\n      }\n    ];\n  };\n\n  #sortObjectsByName = (objects: ObjectData[]): ObjectData[] => {\n    return objects.sort((a, b) => {\n      const nameA = a.name.toLowerCase(),\n        nameB = b.name.toLowerCase();\n      if (nameA < nameB) {\n        return -1;\n      }\n      if (nameA > nameB) {\n        return 1;\n      }\n      return 0;\n    });\n  };\n\n  render(): void {\n    return (\n      <Host onKeyPress={this.#hostKeyPressHandler} class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#shortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          {this.#renderFilter()}\n          {this.#renderObjects()}\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewObjectCallback = () => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport type ObjectFiltersData = {\n  pattern?: string;\n  type: string;\n  category?: string;\n  module?: string;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n};\n\nexport type ObjectData = {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n  module: string;\n  modifiedDate?: Date;\n  importDate?: Date;\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-55a30661.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["config","tooltip","gxgMessage","common","type","textAlign","padding","maxWidth","minHeight","gxIdeContainer","slimmerFooter","tabularGrid","colSize","minContent","maxContent","auto","commonDouble","description","loader","timeout","inputDebounce","headingsClasses","cardRegular","cardSmall","utilityClasses","opacityZero","exactMatch"],"sources":["src/common/config.ts"],"sourcesContent":["/* The purpose of config is to provide a simple way to change options/settings that are generally applied on all the components*/\nexport const config = {\n  // tooltip is a property that exists on some gemini controls. When set to true, it will display the error/warning/success message (if any) by using a tooltip, instead of displaying the message under the control. The tooltip prevents changes on the component total height, which is desired.\n  tooltip: true,\n  gxgMessage: {\n    common: {\n      type: \"text-regular\",\n      textAlign: \"center\",\n      padding: \"m\",\n      maxWidth: \"250px\",\n      minHeight: \"300px\"\n    }\n  },\n  gxIdeContainer: {\n    slimmerFooter: true\n  },\n  tabularGrid: {\n    colSize: {\n      minContent: \"min-content\",\n      maxContent: \"max-content\",\n      auto: \"auto\",\n      common: \"minmax(100px, 1fr)\",\n      commonDouble: \"minmax(150px, 2fr)\",\n      description: \"250px\"\n    }\n  },\n  loader: {\n    /* The amount of milliseconds the loader will display, before abort because of timeout*/\n    timeout: 4000\n  },\n  /* The amount of milliseconds for any control that supports debounce */\n  inputDebounce: 500,\n  headingsClasses: {\n    cardRegular: \"heading-3\",\n    cardSmall: \"text-body-regular-m\"\n  },\n  utilityClasses: {\n    opacityZero: \"opacity-0\",\n    exactMatch: \"exact-match\"\n  }\n};\n\n/* - - - - - - - - - - - - - - - - \nch-tree-view-render\n- - - - - - - - - - - - - - - -  */\nexport const getImagePathTreeViewCallback = (imageSrc: string) =>\n  `./assets/icons/${imageSrc}.svg#enabled`;\n"],"mappings":";MACaA,IAAS;;EAEpBC,SAAS;EACTC,YAAY;IACVC,QAAQ;MACNC,MAAM;MACNC,WAAW;MACXC,SAAS;MACTC,UAAU;MACVC,WAAW;;;EAGfC,gBAAgB;IACdC,eAAe;;EAEjBC,aAAa;IACXC,SAAS;MACPC,YAAY;MACZC,YAAY;MACZC,MAAM;MACNZ,QAAQ;MACRa,cAAc;MACdC,aAAa;;;EAGjBC,QAAQ;;IAENC,SAAS;;;EAGXC,eAAe;EACfC,iBAAiB;IACfC,aAAa;IACbC,WAAW;;EAEbC,gBAAgB;IACdC,aAAa;IACbC,YAAY"}

package/dist/genexus-ide-ui/p-69a83248.entry.js

@@ -1,186 +0,0 @@
-import { r as e, h as a, H as l } from "./p-aaed592c.js";
-
-const r = ":host {\n  display: block;\n}\n\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\n\ngxg-combo-box {\n  opacity: 1;\n}\n\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}";
-
-const t = [ "resets/box-sizing", 
-// "utils/form",
-// "utils/layout",
-// "utils/typography",
-// "components/button",
-// "components/checkbox",
-"components/combo-box", "components/edit", "components/tabular-grid" ];
-
-const o = class {
-  constructor(a) {
-    e(this, a);
-    /* THIS IS A COMPONENT FOR TESTING PURPOSES. DO WHATEVER YOU WANT.*/    this.comboBoxModel = [ {
-      value: "Value 1",
-      caption: "Label for the value 1"
-    }, {
-      value: "Value 2",
-      caption: "Label for the value 222",
-      items: [ {
-        value: "Value 2.1",
-        caption: "Label for the value 2.1"
-      }, {
-        value: "Value 2.2",
-        caption: "Label for the value 2.2"
-      } ]
-    }, {
-      value: "Value 3",
-      caption: "Label for the value 3",
-      disabled: true
-    }, {
-      value: "Value 4",
-      caption: "Label for the value 4"
-    }, {
-      value: "Value 5",
-      caption: "Label for the value 5",
-      disabled: true,
-      expandable: true,
-      items: [ {
-        value: "Value 5.1",
-        caption: "Label for the value 5.1"
-      }, {
-        value: "Value 5.2",
-        caption: "Label for the value 5.2"
-      }, {
-        value: "Value 5.3",
-        caption: "Label for the value 5.3",
-        disabled: false
-      }, {
-        value: "Value 5.4",
-        caption: "Label for the value 5.4"
-      } ]
-    }, {
-      value: "Value 6",
-      caption: "Label for the value 6",
-      expandable: true,
-      expanded: true,
-      items: [ {
-        value: "Value 6.1",
-        caption: "Label for the value 6.1",
-        disabled: true
-      }, {
-        value: "Value 6.2",
-        caption: "Label for the value 6.2",
-        disabled: true
-      }, {
-        value: "Value 6.3",
-        caption: "Label for the value 6.3",
-        disabled: false
-      }, {
-        value: "Value 6.4",
-        caption: "Label for the value 6.4"
-      } ]
-    }, {
-      value: "Value 7",
-      caption: "Label for the value 7",
-      disabled: true
-    }, {
-      value: "Value 8",
-      caption: "Label for the value 8"
-    }, {
-      value: "Value 9",
-      caption: "Label for the value 9",
-      expandable: true,
-      items: [ {
-        value: "Value 9.1",
-        caption: "Label for the value 9.1"
-      }, {
-        value: "Value 9.2",
-        caption: "Label for the value 9.2"
-      }, {
-        value: "Value 9.3",
-        caption: "Label for the value 9.3",
-        disabled: false
-      }, {
-        value: "Value 9.4",
-        caption: "Label for the value 9.4"
-      } ]
-    } ];
-    this.name = undefined;
-    this.filterOn = true;
-  }
-  // 4.PUBLIC PROPERTY API | WATCH'S //
-  // 5.EVENTS (EMIT) //
-  componentWillLoad() {}
-  // 6.COMPONENT LIFECYCLE METHODS //
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  // 9.LOCAL METHODS //
-  // 10.RENDER() FUNCTION //
-  render() {
-    return a(l, null, a("ch-theme", {
-      model: t
-    }), a("ch-tabular-grid", {
-      class: "property-grid"
-    }, a("ch-tabular-grid-columnset", {
-      class: "property-grid-column-set"
-    }, a("ch-tabular-grid-column", {
-      "column-name": "Property",
-      size: "50%",
-      class: "property-grid-column"
-    }), a("ch-tabular-grid-column", {
-      "column-name": "Value",
-      size: "minmax(auto, calc(100% - var(--ch-tabular-grid-column-1-width)))",
-      class: "property-grid-column"
-    })), a("ch-tabular-grid-row", {
-      class: "property-grid-row property-grid-property-readonly"
-    }, a("ch-tabular-grid-cell", {
-      class: "property-grid-cell"
-    }, "Property Name: Read Only Property Name: Read Only Property Name: Read Only Property Name: Read Only Property Name: Read Only"), a("ch-tabular-grid-cell", {
-      class: "property-grid-cell"
-    }, "Property Value: Enabled Property Value: Enabled Property Value: Enabled Property Value: Enabled Property Value: Enabled")), a("ch-tabular-grid-row", {
-      class: "property-grid-row property-grid-value-readonly"
-    }, a("ch-tabular-grid-cell", {
-      class: "property-grid-cell"
-    }, "Property Name: Enabled Property Name: Enabled Property Name: Enabled Property Name: Enabled Property Name: Enabled"), a("ch-tabular-grid-cell", {
-      class: "property-grid-cell"
-    }, "Property Value: Read Only Property Value: Read Only Property Value: Read Only Property Value: Read Only Property Value: Read Only")), a("ch-tabular-grid-row", {
-      class: "property-grid-row property-grid-value-edited"
-    }, a("ch-tabular-grid-cell", {
-      class: "property-grid-cell"
-    }, "Property Name: Enabled Property Name: Enabled Property Name: Enabled Property Name: Enabled"), a("ch-tabular-grid-cell", {
-      class: "property-grid-cell"
-    }, "Property Value: Edited Property Value: Edited Property Value: Edited Property Value: Edited Property Value: Edited"))), a("hr", null), a("ch-tabular-grid", {
-      class: "property-grid"
-    }, a("ch-tabular-grid-columnset", {
-      class: "property-grid-column-set"
-    }, a("ch-tabular-grid-column", {
-      "column-name": "Property",
-      size: "50%",
-      class: "property-grid-column"
-    }), a("ch-tabular-grid-column", {
-      "column-name": "Value",
-      size: "minmax(auto, calc(100% - var(--ch-tabular-grid-column-1-width)))",
-      class: "property-grid-column"
-    })), a("ch-tabular-grid-row", {
-      class: "property-grid-row property-grid-value-editing"
-    }, a("ch-tabular-grid-cell", {
-      class: "property-grid-cell"
-    }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Assumenda dicta suscipit illo sit doloribus quos, ipsa voluptatum minus numquam fugit explicabo corporis non hic earum deserunt, ipsum expedita corrupti? Similique?"), a("ch-tabular-grid-cell", {
-      class: "property-grid-cell"
-    }, a("ch-combo-box-render", {
-      "accessible-name": "Colors",
-      id: "combo-box-1",
-      class: "combo-box",
-      model: this.comboBoxModel,
-      placeholder: "placeholder"
-    }))), a("ch-tabular-grid-row", {
-      class: "property-grid-row property-grid-value-editing"
-    }, a("ch-tabular-grid-cell", {
-      class: "property-grid-cell"
-    }, "Form Input"), a("ch-tabular-grid-cell", {
-      class: "property-grid-cell"
-    }, a("ch-edit", {
-      class: "form-input",
-      value: "Pat Taylor"
-    })))));
-  }
-};
-
-o.style = r;
-
-export { o as gx_ide_test };
-//# sourceMappingURL=p-69a83248.entry.js.map

package/dist/genexus-ide-ui/p-69a83248.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["testCss","CSS_BUNDLES","GxIdeTest","this","comboBoxModel","value","caption","items","disabled","expandable","expanded","componentWillLoad","render","h","Host","model","class","size","id","placeholder"],"sources":["src/components/_test/test.scss?tag=gx-ide-test&encapsulation=shadow","src/components/_test/test.tsx"],"sourcesContent":[":host {\n  display: block;\n}\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\ngxg-combo-box {\n  opacity: 1;\n}\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, State } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  // \"components/button\",\n  // \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/edit\",\n  \"components/tabular-grid\"\n];\n\n@Component({\n  tag: \"gx-ide-test\",\n  styleUrl: \"test.scss\",\n  shadow: true\n})\nexport class GxIdeTest {\n  /* THIS IS A COMPONENT FOR TESTING PURPOSES. DO WHATEVER YOU WANT.*/\n\n  private comboBoxModel = [\n    {\n      value: \"Value 1\",\n      caption: \"Label for the value 1\"\n    },\n    {\n      value: \"Value 2\",\n      caption: \"Label for the value 222\",\n      items: [\n        {\n          value: \"Value 2.1\",\n          caption: \"Label for the value 2.1\"\n        },\n        {\n          value: \"Value 2.2\",\n          caption: \"Label for the value 2.2\"\n        }\n      ]\n    },\n    {\n      value: \"Value 3\",\n      caption: \"Label for the value 3\",\n      disabled: true\n    },\n    { value: \"Value 4\", caption: \"Label for the value 4\" },\n    {\n      value: \"Value 5\",\n      caption: \"Label for the value 5\",\n      disabled: true,\n      expandable: true,\n      items: [\n        {\n          value: \"Value 5.1\",\n          caption: \"Label for the value 5.1\"\n        },\n        {\n          value: \"Value 5.2\",\n          caption: \"Label for the value 5.2\"\n        },\n        {\n          value: \"Value 5.3\",\n          caption: \"Label for the value 5.3\",\n          disabled: false\n        },\n        {\n          value: \"Value 5.4\",\n          caption: \"Label for the value 5.4\"\n        }\n      ]\n    },\n    {\n      value: \"Value 6\",\n      caption: \"Label for the value 6\",\n      expandable: true,\n      expanded: true,\n      items: [\n        {\n          value: \"Value 6.1\",\n          caption: \"Label for the value 6.1\",\n          disabled: true\n        },\n        {\n          value: \"Value 6.2\",\n          caption: \"Label for the value 6.2\",\n          disabled: true\n        },\n        {\n          value: \"Value 6.3\",\n          caption: \"Label for the value 6.3\",\n          disabled: false\n        },\n        {\n          value: \"Value 6.4\",\n          caption: \"Label for the value 6.4\"\n        }\n      ]\n    },\n    {\n      value: \"Value 7\",\n      caption: \"Label for the value 7\",\n      disabled: true\n    },\n    { value: \"Value 8\", caption: \"Label for the value 8\" },\n    {\n      value: \"Value 9\",\n      caption: \"Label for the value 9\",\n      expandable: true,\n      items: [\n        {\n          value: \"Value 9.1\",\n          caption: \"Label for the value 9.1\"\n        },\n        {\n          value: \"Value 9.2\",\n          caption: \"Label for the value 9.2\"\n        },\n        {\n          value: \"Value 9.3\",\n          caption: \"Label for the value 9.3\",\n          disabled: false\n        },\n        {\n          value: \"Value 9.4\",\n          caption: \"Label for the value 9.4\"\n        }\n      ]\n    }\n  ];\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component name\n   */\n  @Prop() readonly name: string;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  // 3.STATE() VARIABLES //\n\n  @State() filterOn: boolean = true;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  // 5.EVENTS (EMIT) //\n\n  componentWillLoad() {}\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <ch-tabular-grid class=\"property-grid\">\n          <ch-tabular-grid-columnset class=\"property-grid-column-set\">\n            <ch-tabular-grid-column\n              column-name=\"Property\"\n              size=\"50%\"\n              class=\"property-grid-column\"\n            ></ch-tabular-grid-column>\n            <ch-tabular-grid-column\n              column-name=\"Value\"\n              size=\"minmax(auto, calc(100% - var(--ch-tabular-grid-column-1-width)))\"\n              class=\"property-grid-column\"\n            ></ch-tabular-grid-column>\n          </ch-tabular-grid-columnset>\n\n          <ch-tabular-grid-row class=\"property-grid-row property-grid-property-readonly\">\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Name: Read Only Property Name: Read Only Property Name:\n              Read Only Property Name: Read Only Property Name: Read Only\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Value: Enabled Property Value: Enabled Property Value:\n              Enabled Property Value: Enabled Property Value: Enabled\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n\n          <ch-tabular-grid-row class=\"property-grid-row property-grid-value-readonly\">\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Name: Enabled Property Name: Enabled Property Name:\n              Enabled Property Name: Enabled Property Name: Enabled\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Value: Read Only Property Value: Read Only Property\n              Value: Read Only Property Value: Read Only Property Value: Read\n              Only\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n\n          <ch-tabular-grid-row class=\"property-grid-row property-grid-value-edited\">\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Name: Enabled Property Name: Enabled Property Name:\n              Enabled Property Name: Enabled\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Value: Edited Property Value: Edited Property Value:\n              Edited Property Value: Edited Property Value: Edited\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        </ch-tabular-grid>\n        <hr />\n        <ch-tabular-grid class=\"property-grid\">\n          <ch-tabular-grid-columnset class=\"property-grid-column-set\">\n            <ch-tabular-grid-column\n              column-name=\"Property\"\n              size=\"50%\"\n              class=\"property-grid-column\"\n            ></ch-tabular-grid-column>\n            <ch-tabular-grid-column\n              column-name=\"Value\"\n              size=\"minmax(auto, calc(100% - var(--ch-tabular-grid-column-1-width)))\"\n              class=\"property-grid-column\"\n            ></ch-tabular-grid-column>\n          </ch-tabular-grid-columnset>\n\n          <ch-tabular-grid-row class=\"property-grid-row property-grid-value-editing\">\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Lorem ipsum dolor sit amet consectetur, adipisicing elit.\n              Assumenda dicta suscipit illo sit doloribus quos, ipsa voluptatum\n              minus numquam fugit explicabo corporis non hic earum deserunt,\n              ipsum expedita corrupti? Similique?\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              <ch-combo-box-render\n                accessible-name=\"Colors\"\n                id=\"combo-box-1\"\n                class=\"combo-box\"\n                model={this.comboBoxModel}\n                placeholder=\"placeholder\"\n              ></ch-combo-box-render>\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n          <ch-tabular-grid-row class=\"property-grid-row property-grid-value-editing\">\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Form Input\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              <ch-edit class=\"form-input\" value=\"Pat Taylor\"></ch-edit>\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        </ch-tabular-grid>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;AAAA,MAAMA,IAAU;;ACKhB,MAAMC,IAA8B,EAClC;;;;;;AAMA,wBACA,mBACA;;MAQWC,IAAS;;;4EAGZC,KAAAC,gBAAgB,EACtB;MACEC,OAAO;MACPC,SAAS;OAEX;MACED,OAAO;MACPC,SAAS;MACTC,OAAO,EACL;QACEF,OAAO;QACPC,SAAS;SAEX;QACED,OAAO;QACPC,SAAS;;OAIf;MACED,OAAO;MACPC,SAAS;MACTE,UAAU;OAEZ;MAAEH,OAAO;MAAWC,SAAS;OAC7B;MACED,OAAO;MACPC,SAAS;MACTE,UAAU;MACVC,YAAY;MACZF,OAAO,EACL;QACEF,OAAO;QACPC,SAAS;SAEX;QACED,OAAO;QACPC,SAAS;SAEX;QACED,OAAO;QACPC,SAAS;QACTE,UAAU;SAEZ;QACEH,OAAO;QACPC,SAAS;;OAIf;MACED,OAAO;MACPC,SAAS;MACTG,YAAY;MACZC,UAAU;MACVH,OAAO,EACL;QACEF,OAAO;QACPC,SAAS;QACTE,UAAU;SAEZ;QACEH,OAAO;QACPC,SAAS;QACTE,UAAU;SAEZ;QACEH,OAAO;QACPC,SAAS;QACTE,UAAU;SAEZ;QACEH,OAAO;QACPC,SAAS;;OAIf;MACED,OAAO;MACPC,SAAS;MACTE,UAAU;OAEZ;MAAEH,OAAO;MAAWC,SAAS;OAC7B;MACED,OAAO;MACPC,SAAS;MACTG,YAAY;MACZF,OAAO,EACL;QACEF,OAAO;QACPC,SAAS;SAEX;QACED,OAAO;QACPC,SAAS;SAEX;QACED,OAAO;QACPC,SAAS;QACTE,UAAU;SAEZ;QACEH,OAAO;QACPC,SAAS;;;;oBAgBY;;;;EAM7B,iBAAAK,IAAiB;;;;;;EAYjB,MAAAC;IACE,OACEC,EAACC,GAAI,MACHD,EAAA;MAAUE,OAAOd;QAEjBY,EAAA;MAAiBG,OAAM;OACrBH,EAAA;MAA2BG,OAAM;OAC/BH,EAAA;MAAA,eACc;MACZI,MAAK;MACLD,OAAM;QAERH,EAAA;MAAA,eACc;MACZI,MAAK;MACLD,OAAM;SAIVH,EAAA;MAAqBG,OAAM;OACzBH,EAAA;MAAsBG,OAAM;OAAoB,iIAIhDH,EAAA;MAAsBG,OAAM;OAAoB,6HAMlDH,EAAA;MAAqBG,OAAM;OACzBH,EAAA;MAAsBG,OAAM;OAAoB,uHAIhDH,EAAA;MAAsBG,OAAM;OAAoB,uIAOlDH,EAAA;MAAqBG,OAAM;OACzBH,EAAA;MAAsBG,OAAM;OAAoB,gGAIhDH,EAAA;MAAsBG,OAAM;OAAoB,yHAMpDH,EAAA,aACAA,EAAA;MAAiBG,OAAM;OACrBH,EAAA;MAA2BG,OAAM;OAC/BH,EAAA;MAAA,eACc;MACZI,MAAK;MACLD,OAAM;QAERH,EAAA;MAAA,eACc;MACZI,MAAK;MACLD,OAAM;SAIVH,EAAA;MAAqBG,OAAM;OACzBH,EAAA;MAAsBG,OAAM;OAAoB,mOAMhDH,EAAA;MAAsBG,OAAM;OAC1BH,EAAA;MAAA,mBACkB;MAChBK,IAAG;MACHF,OAAM;MACND,OAAOZ,KAAKC;MACZe,aAAY;UAIlBN,EAAA;MAAqBG,OAAM;OACzBH,EAAA;MAAsBG,OAAM;OAAoB,eAGhDH,EAAA;MAAsBG,OAAM;OAC1BH,EAAA;MAASG,OAAM;MAAaX,OAAM"}