@projectcaluma/ember-form 14.10.3 → 14.11.1

package/addon/components/cf-content.hbs

@@ -29,16 +29,16 @@
         {{yield content}}
       {{else if (gt this.document.fieldsets.length 1)}}
         <div uk-grid>
-          <div class="uk-width-1-1 uk-width-1-3@m"><content.navigation /></div>
-          <div class="uk-width-1-1 uk-width-2-3@m">
+          <div class={{this.navigationWidth}}><content.navigation /></div>
+          <div class="uk-width-expand">
             {{yield to="formHeader"}}
-            <content.form />
+            <content.form ...attributes />
             <hr />
             <content.pagination />
           </div>
         </div>
       {{else}}
-        <content.form />
+        <content.form ...attributes />
       {{/if}}
     {{/let}}
   {{else}}

package/addon/components/cf-content.js

@@ -139,6 +139,15 @@ export default class CfContentComponent extends Component {
     );
   }
 
+  get navigationWidth() {
+    const classes = this.args.navigationWidth ?? [
+      "uk-width-1",
+      "uk-width-1-3@m",
+    ];
+
+    return classes.join(" ");
+  }
+
   fetchData = task({ drop: true }, async () => {
     if (this.document) destroy(this.document);
     if (this.navigation) destroy(this.navigation);

package/addon/components/cf-field/input/date.js

@@ -1,10 +1,11 @@
-import { getOwner } from "@ember/application";
 import { action } from "@ember/object";
 import { inject as service } from "@ember/service";
 import Component from "@glimmer/component";
 import { tracked } from "@glimmer/tracking";
 import { DateTime } from "luxon";
 
+import getConfig from "@projectcaluma/ember-core/utils/get-config";
+
 export default class CfFieldInputDateComponent extends Component {
   @service intl;
 
@@ -14,21 +15,13 @@ export default class CfFieldInputDateComponent extends Component {
     return this.intl.primaryLocale.split("-")[0];
   }
 
-  get config() {
-    return getOwner(this).resolveRegistration("config:environment");
-  }
-
   get dateFormat() {
-    const {
-      FLATPICKR_DATE_FORMAT = {
-        de: "d.m.Y",
-        fr: "d.m.Y",
-        en: "m/d/Y",
-      },
-      FLATPICKR_DATE_FORMAT_DEFAULT = "m/d/Y",
-    } = this.config["ember-caluma"] || {};
+    const config = getConfig(this);
 
-    return FLATPICKR_DATE_FORMAT[this.locale] ?? FLATPICKR_DATE_FORMAT_DEFAULT;
+    return (
+      config.FLATPICKR_DATE_FORMAT[this.locale] ??
+      config.FLATPICKR_DATE_FORMAT_DEFAULT
+    );
   }
 
   @action

package/addon/components/cf-field/input/float.js

@@ -1,7 +1,8 @@
-import { getOwner } from "@ember/application";
 import { action } from "@ember/object";
 import Component from "@glimmer/component";
 
+import getConfig from "@projectcaluma/ember-core/utils/get-config";
+
 export default class CfFieldInputFloatComponent extends Component {
   get disabled() {
     return this.args.disabled || this.args.field?.question.isCalculated;
@@ -12,9 +13,7 @@ export default class CfFieldInputFloatComponent extends Component {
       return this.args.field.question.raw.floatStep;
     }
 
-    const config = getOwner(this).resolveRegistration("config:environment");
-    const { floatStep = 0.001 } = config["ember-caluma"] || {};
-    return floatStep;
+    return getConfig(this).floatStep;
   }
 
   /**

package/addon/components/cf-field/input/powerselect.js

@@ -1,4 +1,3 @@
-import { getOwner } from "@ember/application";
 import { action } from "@ember/object";
 import { inject as service } from "@ember/service";
 import { ensureSafeComponent } from "@embroider/util";
@@ -6,6 +5,8 @@ import Component from "@glimmer/component";
 import PowerSelectComponent from "ember-power-select/components/power-select";
 import PowerSelectMultipleComponent from "ember-power-select/components/power-select-multiple";
 
+import getConfig from "@projectcaluma/ember-core/utils/get-config";
+
 /**
  * Dropdown component for the single and multiple choice question type
  *
@@ -39,10 +40,10 @@ export default class CfFieldInputPowerselectComponent extends Component {
   }
 
   get searchEnabled() {
-    const config = getOwner(this).resolveRegistration("config:environment");
-    const { powerSelectEnableSearchLimit = 10 } = config["ember-caluma"] || {};
-
-    return this.args.field?.options?.length > powerSelectEnableSearchLimit;
+    return (
+      this.args.field?.options?.length >
+      getConfig(this).powerSelectEnableSearchLimit
+    );
   }
 
   get placeholder() {

package/addon/components/cf-field/input/radio.js

@@ -1,7 +1,7 @@
 import { action } from "@ember/object";
 import Component from "@glimmer/component";
 
-export default class CfFieldInpuRadio extends Component {
+export default class CfFieldInputRadio extends Component {
   isAnswerRemoved = (option) => {
     return (
       this.args.compare &&

package/addon/components/cf-field/label.js

@@ -1,20 +1,16 @@
-import { getOwner } from "@ember/application";
 import Component from "@glimmer/component";
 
+import getConfig from "@projectcaluma/ember-core/utils/get-config";
+
 /**
  * Label component of the CfField
  *
  * @class CfFieldLabelComponent
  */
 export default class CfFieldLabelComponent extends Component {
-  get config() {
-    return getOwner(this).resolveRegistration("config:environment");
-  }
-
   get useMandatoryAsterisk() {
-    const { USE_MANDATORY_ASTERISK = false } =
-      this.config["ember-caluma"] || {};
-
-    return this.args.useMandatoryAsterisk ?? USE_MANDATORY_ASTERISK;
+    return (
+      this.args.useMandatoryAsterisk ?? getConfig(this).USE_MANDATORY_ASTERISK
+    );
   }
 }

package/addon/components/cf-form-wrapper.hbs

@@ -13,5 +13,6 @@
     @compare={{@compare}}
     @disabled={{@disabled}}
     @onSave={{@onSave}}
+    ...attributes
   />
 {{/let}}

package/addon/components/cf-form.hbs

@@ -1,4 +1,4 @@
-<form novalidate>
+<form novalidate ...attributes>
   {{#each @fieldset.fields as |field|}}
     {{#if (has-block)}}
       {{yield field}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectcaluma/ember-form",
-  "version": "14.10.3",
+  "version": "14.11.1",
   "description": "Ember addon for rendering Caluma forms.",
   "keywords": [
     "ember-addon"
@@ -39,7 +39,7 @@
     "luxon": "^3.5.0",
     "reactiveweb": "^1.3.0",
     "tracked-toolbox": "^2.0.0",
-    "@projectcaluma/ember-core": "^14.10.3"
+    "@projectcaluma/ember-core": "^14.11.1"
   },
   "devDependencies": {
     "@ember/optional-features": "2.3.0",
@@ -74,12 +74,12 @@
     "uikit": "3.25.6",
     "uuid": "13.0.0",
     "webpack": "5.104.1",
-    "@projectcaluma/ember-testing": "14.10.3",
-    "@projectcaluma/ember-workflow": "14.10.3"
+    "@projectcaluma/ember-testing": "14.11.1",
+    "@projectcaluma/ember-workflow": "14.11.1"
   },
   "peerDependencies": {
     "ember-source": ">= 4.0.0",
-    "@projectcaluma/ember-workflow": "^14.10.3"
+    "@projectcaluma/ember-workflow": "^14.11.1"
   },
   "dependenciesMeta": {
     "@projectcaluma/ember-core": {