@ccrpc/webmapgl 0.18.2 → 0.18.4

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [0.18.4](https://gitlab.com/ccrpc/webmapgl/compare/v0.18.3...v0.18.4) (2025-07-07)
+
+
+### Features
+
+* **form:** lack of label causes no floating label ([996323a](https://gitlab.com/ccrpc/webmapgl/commit/996323ab7450a21ca21107b89bb7e790789e0a4f))
+
+## [0.18.3](https://gitlab.com/ccrpc/webmapgl/compare/v0.18.2...v0.18.3) (2025-07-07)
+
+
+### Features
+
+* **forms:** added placeholder and instructions field ([df55d30](https://gitlab.com/ccrpc/webmapgl/commit/df55d304fb80dcc5796bfb14b3b20c2dcf44907c))
+
 ## [0.18.2](https://gitlab.com/ccrpc/webmapgl/compare/v0.18.1...v0.18.2) (2024-08-26)
 
 

package/dist/cjs/gl-facet_5.cjs.entry.js

@@ -46,7 +46,8 @@ const Field = class {
     this.message = undefined;
     this.attribute = undefined;
     this.image = undefined;
-    this.label = undefined;
+    this.label = "";
+    this.placeholder = "";
     this.required = false;
     this.type = undefined;
     this.widget = undefined;
@@ -98,10 +99,13 @@ const Field = class {
     return (index.h("ion-item", null, index.h("ion-label", null, this.label), ",", index.h("ion-select", { onIonChange: this.onChange, value: this.getValue() }, index.h("slot", null))));
   }
   getTextareaField() {
-    return (index.h("ion-item", null, index.h("ion-label", { "text-wrap": true, position: "floating" }, this.label), index.h("ion-textarea", { onIonInput: this.onInput, value: this._getValue() || "", legacy: true })));
+    return (index.h("ion-item", null, this.label !== "" ? (index.h("ion-label", { "text-wrap": true, position: "floating" }, this.label)) : (""), index.h("ion-textarea", { onIonInput: this.onInput, placeholder: this.placeholder, value: this._getValue() || "", legacy: true })));
+  }
+  getInstructionsField() {
+    return (index.h("ion-item", null, index.h("ion-textarea", { readonly: true, value: this.label })));
   }
   getInputField() {
-    return (index.h("ion-item", null, index.h("ion-label", { "text-wrap": true, position: "floating" }, this.label), index.h("ion-input", { onIonInput: this.onInput, type: "text", value: this._getValue() })));
+    return (index.h("ion-item", null, index.h("ion-label", { "text-wrap": true, position: "floating" }, this.label), index.h("ion-input", { onIonInput: this.onInput, type: "text", placeholder: this.placeholder, value: this._getValue() })));
   }
   render() {
     if (this.widget === "radio") {
@@ -113,6 +117,9 @@ const Field = class {
     else if (this.widget == "textarea") {
       return this.getTextareaField();
     }
+    else if (this.widget == "instructions") {
+      return this.getInstructionsField();
+    }
     else {
       return this.getInputField();
     }
@@ -167,7 +174,7 @@ const FormPage = class {
     return this.facets.map((facet) => (index.h("gl-facet", { label: facet.label, value: facet.value, image: facet.image, widget: facet.widget })));
   }
   renderFields() {
-    return this.fields.map((field) => (index.h("gl-field", { attribute: field.attribute, label: field.label, image: field.image, required: field.required, type: field.type, widget: field.widget }, this.renderOptions(field.options))));
+    return this.fields.map((field) => (index.h("gl-field", { attribute: field.attribute, label: field.label, image: field.image, required: field.required, type: field.type, widget: field.widget, placeholder: field.placeholder }, this.renderOptions(field.options))));
   }
   renderOptions(options) {
     if (options == undefined)