fix(ref: no-ref): fix view, remove extra divs

src/app/options/options.component.html

@@ -75,13 +75,13 @@
             <jsdaddy-open-source-card-content [value]="ex._mask" title="Mask:" color="green-view" />
             @if (ex._validation) {
                 <jsdaddy-open-source-card-content
-                    value="{{ ex.control.form.errors | json }}"
+                    [value]="ex.control.form.errors | json"
                     title="Mask error:"
                     color="yellow-view" />
             }
         } @else {
             <jsdaddy-open-source-card-content
-                value="{{ phone | mask: '(000) 000-0000' }}"
+                [value]="phone | mask: '(000) 000-0000'"
                 title=""
                 color="" />
             <jsdaddy-open-source-card-content

src/assets/content/lists.ts

@@ -164,6 +164,11 @@ export const lists: IListItem[] = [
                 id: 4,
                 scrollTo: 'comma_sep',
             },
+            {
+                content: 'Zero separator',
+                id: 5,
+                scrollTo: 'sep0',
+            },
         ],
     },
     {

src/assets/content/separators.ts

@@ -19,18 +19,24 @@ export const SepDocs: IComDoc[] = [
     {
         header: 'Dot separator',
         text: 'For separate input with dots',
-        code: `<input type='text' mask="separator" thousandSeparator="." />`,
+        code: `<input type='text' mask="separator" thousandSeparator="." decimalMarker="," />`,
         id: 3,
         anchor: 'Dsep',
     },
-
     {
         header: 'Comma separator',
         text: `For separate input with commas`,
-        code: `<input type='text' mask="separator" thousandSeparator="," />`,
+        code: `<input type='text' mask="separator" thousandSeparator="," decimalMarker="." />`,
         id: 4,
         anchor: 'comma_sep',
     },
+    {
+        header: 'Zero separator',
+        text: 'You can divide your input by thousands',
+        code: `<input type='text' mask="separator.0">`,
+        id: 5,
+        anchor: 'sep0',
+    },
 ];
 
 export const SepExamples: TExample<IMaskOptions>[] = [
@@ -52,12 +58,16 @@ export const SepExamples: TExample<IMaskOptions>[] = [
         _decimalMarker: ',',
         control: { form: new UntypedFormControl(''), model: '' },
     },
-
     {
         _placeholder: 'separator',
         _mask: 'separator',
         _thousandSeparator: ',',
         _decimalMarker: '.',
         control: { form: new UntypedFormControl(''), model: '' },
     },
+    {
+        _placeholder: 'separator.0',
+        _mask: 'separator.0',
+        control: { form: new UntypedFormControl(''), model: '' },
+    },
 ];