desy-html 10.2.2 → 11.0.1

package/src/templates/components/character-count/_template.character-count.njk

@@ -1,39 +1,39 @@
-{% from "../textarea/_macro.textarea.njk" import componentTextarea %}
-{% from "../hint/_macro.hint.njk" import componentHint %}
-
-<!-- character-count -->
-<div {%- if params.maxlength %} data-maxlength="{{ params.maxlength }}"{% endif %} {%- if params.threshold %} data-threshold="{{ params.threshold }}"{% endif %} {%- if params.maxwords %} data-maxwords="{{ params.maxwords }}"{% endif %}>
-  {{ componentTextarea({
-    id: params.id,
-    name: params.name,
-    describedBy: params.id + '-info',
-    rows: params.rows,
-    value: params.value,
-    formGroup: {
-      "classes": '' + (params.formGroup.classes if params.formGroup.classes else 'mb-0')
-    },
-    classes: 'js-character-count' + (' border-alert-base ring-2 ring-alert-base' if params.errorMessage) + (' ' + params.classes if params.classes),
-    label: {
-      html: params.label.html,
-      text: params.label.text,
-      classes: params.label.classes,
-      isPageHeading: params.label.isPageHeading,
-      attributes: params.label.attributes,
-      for: params.id
-    },
-    hint: params.hint,
-    placeholder: params.placeholder,
-    disabled: params.disabled,
-    errorMessage: params.errorMessage,
-    attributes: params.attributes
-  }) | indent(2) }}
-  {{ componentHint({
-    text: 'Puedes escribir hasta ' + (params.maxlength or params.maxwords) + (' palabras' if params.maxwords else ' caracteres'),
-    id: params.id + '-info',
-    classes: 'mt-xs text-sm' + (' ' + params.countMessage.classes if params.countMessage.classes),
-    attributes: {
-      'aria-live': 'polite'
-    }
-  }) | indent(2) }}
-</div>
+{% from "../textarea/_macro.textarea.njk" import componentTextarea %}
+{% from "../hint/_macro.hint.njk" import componentHint %}
+
+<!-- character-count -->
+<div {%- if params.maxlength %} data-maxlength="{{ params.maxlength }}"{% endif %} {%- if params.threshold %} data-threshold="{{ params.threshold }}"{% endif %} {%- if params.maxwords %} data-maxwords="{{ params.maxwords }}"{% endif %}>
+  {{ componentTextarea({
+    id: params.id,
+    name: params.name,
+    describedBy: params.id + '-info',
+    rows: params.rows,
+    value: params.value,
+    formGroup: {
+      "classes": '' + (params.formGroup.classes if params.formGroup.classes else 'mb-0')
+    },
+    classes: 'js-character-count' + (' border-alert-base ring-2 ring-alert-base' if params.errorMessage) + (' ' + params.classes if params.classes),
+    label: {
+      html: params.label.html,
+      text: params.label.text,
+      classes: params.label.classes,
+      isPageHeading: params.label.isPageHeading,
+      attributes: params.label.attributes,
+      for: params.id
+    },
+    hint: params.hint,
+    placeholder: params.placeholder,
+    disabled: params.disabled,
+    errorMessage: params.errorMessage,
+    attributes: params.attributes
+  }) | indent(2) }}
+  {{ componentHint({
+    text: 'Puedes escribir hasta ' + (params.maxlength or params.maxwords) + (' palabras' if params.maxwords else ' caracteres'),
+    id: params.id + '-info',
+    classes: 'mt-xs text-sm' + (' ' + params.countMessage.classes if params.countMessage.classes),
+    attributes: {
+      'aria-live': 'polite'
+    }
+  }) | indent(2) }}
+</div>
 <!-- /character-count -->

package/src/templates/components/character-count/params.character-count.yaml

@@ -1,78 +1,78 @@
-params:
-- name: id
-  type: string
-  required: true
-  description: The id of the textarea.
-- name: name
-  type: string
-  required: true
-  description: The name of the textarea, which is submitted with the form data.
-- name: rows
-  type: string
-  required: false
-  description: Optional number of textarea rows (default is 5 rows).
-- name: value
-  type: string
-  required: false
-  description: Optional initial value of the textarea.
-- name: maxlength
-  type: string
-  required: true
-  description: If `maxwords` is set, this is not required. The maximum number of characters. If `maxwords` is provided, the `maxlength` argument will be ignored.
-- name: maxwords
-  type: string
-  required: true
-  description: If `maxlength` is set, this is not required. The maximum number of words. If `maxwords` is provided, the `maxlength` argument will be ignored.
-- name: threshold
-  type: string
-  required: true
-  description: The percentage value of the limit at which point the count message is displayed. If this attribute is set, the count message will be hidden by default.
-- name: label
-  type: object
-  required: true
-  description: Options for the label component.
-  isComponent: true
-- name: hint
-  type: object
-  required: false
-  description: Options for the hint component.
-  isComponent: true
-- name: errorMessage
-  type: object
-  required: false
-  description: Options for the error message component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.
-  isComponent: true
-- name: placeholder
-  type: string
-  required: false
-  description: Placeholder text
-- name: disabled
-  type: boolean
-  required: false
-  description: If true, character-count will be disabled.
-- name: formGroup
-  type: object
-  required: false
-  description: Options for the form-group wrapper
-  params:
-  - name: classes
-    type: string
-    required: false
-    description: Classes to add to the form group (e.g. to show error state for the whole group)
-- name: classes
-  type: string
-  required: false
-  description: Classes to add to the textarea.
-- name: attributes
-  type: object
-  required: false
-  description: HTML attributes (for example data attributes) to add to the textarea.
-- name: countMessage
-  type: object
-  required: false
-  description: Options for the count message
-  params:
-  - name: classes
-    type: string
-    required: false
+params:
+- name: id
+  type: string
+  required: true
+  description: The id of the textarea.
+- name: name
+  type: string
+  required: true
+  description: The name of the textarea, which is submitted with the form data.
+- name: rows
+  type: string
+  required: false
+  description: Optional number of textarea rows (default is 5 rows).
+- name: value
+  type: string
+  required: false
+  description: Optional initial value of the textarea.
+- name: maxlength
+  type: string
+  required: true
+  description: If `maxwords` is set, this is not required. The maximum number of characters. If `maxwords` is provided, the `maxlength` argument will be ignored.
+- name: maxwords
+  type: string
+  required: true
+  description: If `maxlength` is set, this is not required. The maximum number of words. If `maxwords` is provided, the `maxlength` argument will be ignored.
+- name: threshold
+  type: string
+  required: true
+  description: The percentage value of the limit at which point the count message is displayed. If this attribute is set, the count message will be hidden by default.
+- name: label
+  type: object
+  required: true
+  description: Options for the label component.
+  isComponent: true
+- name: hint
+  type: object
+  required: false
+  description: Options for the hint component.
+  isComponent: true
+- name: errorMessage
+  type: object
+  required: false
+  description: Options for the error message component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.
+  isComponent: true
+- name: placeholder
+  type: string
+  required: false
+  description: Placeholder text
+- name: disabled
+  type: boolean
+  required: false
+  description: If true, character-count will be disabled.
+- name: formGroup
+  type: object
+  required: false
+  description: Options for the form-group wrapper
+  params:
+  - name: classes
+    type: string
+    required: false
+    description: Classes to add to the form group (e.g. to show error state for the whole group)
+- name: classes
+  type: string
+  required: false
+  description: Classes to add to the textarea.
+- name: attributes
+  type: object
+  required: false
+  description: HTML attributes (for example data attributes) to add to the textarea.
+- name: countMessage
+  type: object
+  required: false
+  description: Options for the count message
+  params:
+  - name: classes
+    type: string
+    required: false
     description: Classes to add to the count message