@operato/app 1.4.39 → 1.4.47

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/app",
   "description": "WebApplication production supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "1.4.39",
+  "version": "1.4.47",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -178,5 +178,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "e2c0291a2c1050d911df43414b4eefc7cd939157"
+  "gitHead": "183fefa68487e65a84cf0638fa8b35fd680ba2e8"
 }

package/src/input/ox-input-fill-style.ts

@@ -90,6 +90,8 @@ export class OxInputColorStyle extends OxFormField {
   @property({ type: Object }) gradient?: GradientOption
   @property({ type: Object }) pattern?: BackgroundPatternOption
 
+  @property({ type: Boolean, attribute: 'color-only' }) colorOnly: boolean = false
+
   private _block_reset: boolean = false
 
   updated(changes: PropertyValues<this>) {
@@ -116,15 +118,21 @@ export class OxInputColorStyle extends OxFormField {
           value="gradient"
           .checked=${this.fillType == 'gradient'}
         />
+
         <label for="fill-type-gradient"><ox-i18n msgid="label.gradient">gradient</ox-i18n></label>
-        <input
-          type="radio"
-          id="fill-type-pattern"
-          name="fill-type"
-          value="pattern"
-          .checked=${this.fillType == 'pattern'}
-        />
-        <label for="fill-type-pattern"><ox-i18n msgid="label.pattern">pattern</ox-i18n></label>
+
+        ${this.colorOnly
+          ? html``
+          : html`
+              <input
+                type="radio"
+                id="fill-type-pattern"
+                name="fill-type"
+                value="pattern"
+                .checked=${this.fillType == 'pattern'}
+              />
+              <label for="fill-type-pattern"><ox-i18n msgid="label.pattern">pattern</ox-i18n></label>
+            `}
       </div>
 
       <div editors>