Bind groupseparator typehint to vi-select group separator

2sky · Jan 31, 2017 · cd6560d · cd6560d
1 parent c4d4e3b
commit cd6560d
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 2 deletions.
diff --git a/...s/Attributes/PersistentObjectAttributeDropDown/persistent-object-attribute-drop-down.html b/...s/Attributes/PersistentObjectAttributeDropDown/persistent-object-attribute-drop-down.html
@@ -10,7 +10,7 @@
         <template is="dom-if" if="[[editing]]">
             <template is="dom-if" if="[[!radio]]">
                 <vi-persistent-object-attribute-edit attribute="[[attribute]]">
-                    <vi-select content options="[[options]]" selected-option="{{value}}" readonly="[[readOnly]]" disabled="[[attribute.parent.isFrozen]]" placeholder="[[placeholder]]"></vi-select>
+                    <vi-select content options="[[options]]" selected-option="{{value}}" readonly="[[readOnly]]" disabled="[[attribute.parent.isFrozen]]" placeholder="[[placeholder]]" group-separator="[[groupSeparator]]"></vi-select>
                 </vi-persistent-object-attribute-edit>
             </template>
             <template is="dom-if" if="[[radio]]">

diff --git a/...nts/Attributes/PersistentObjectAttributeDropDown/persistent-object-attribute-drop-down.ts b/...nts/Attributes/PersistentObjectAttributeDropDown/persistent-object-attribute-drop-down.ts
@@ -6,6 +6,10 @@ namespace Vidyano.WebComponents.Attributes {
             radio: {
                 type: Boolean,
                 computed: "_computeRadio(attribute)"
+            },
+            groupSeparator: {
+                type: String,
+                computed: "_computeGroupSeparator(attribute)"
             }
         }
     })
@@ -19,6 +23,10 @@ namespace Vidyano.WebComponents.Attributes {
             return attribute && attribute.getTypeHint("inputtype", undefined, undefined, true) === "radio";
         }
 
+        private _computeGroupSeparator(attribute: Vidyano.PersistentObjectAttribute): string {
+            return attribute && attribute.getTypeHint("groupseparator", null, undefined, true);
+        }
+
         private _isRadioChecked(option: string, value: string): boolean {
             return option === value || (!option && !value);
         }

diff --git a/...tes/PersistentObjectAttributeKeyValueList/persistent-object-attribute-key-value-list.html b/...tes/PersistentObjectAttributeKeyValueList/persistent-object-attribute-key-value-list.html
@@ -10,7 +10,7 @@
         <template is="dom-if" if="[[editing]]">
             <template is="dom-if" if="[[!radio]]">
                 <vi-persistent-object-attribute-edit attribute="[[attribute]]">
-                    <vi-select content options="[[options]]" selected-option="{{value}}" readonly="[[readOnly]]" disabled="[[attribute.parent.isFrozen]]" placeholder="[[placeholder]]"></vi-select>
+                    <vi-select content options="[[options]]" selected-option="{{value}}" readonly="[[readOnly]]" disabled="[[attribute.parent.isFrozen]]" placeholder="[[placeholder]]" group-separator="[[groupSeparator]]"></vi-select>
                 </vi-persistent-object-attribute-edit>
             </template>
             <template is="dom-if" if="[[radio]]">

diff --git a/...butes/PersistentObjectAttributeKeyValueList/persistent-object-attribute-key-value-list.ts b/...butes/PersistentObjectAttributeKeyValueList/persistent-object-attribute-key-value-list.ts
@@ -6,6 +6,10 @@ namespace Vidyano.WebComponents.Attributes {
             radio: {
                 type: Boolean,
                 computed: "_computeRadio(attribute)"
+            },
+            groupSeparator: {
+                type: String,
+                computed: "_computeGroupSeparator(attribute)"
             }
         }
     })
@@ -19,6 +23,10 @@ namespace Vidyano.WebComponents.Attributes {
             return attribute && attribute.getTypeHint("inputtype", undefined, undefined, true) === "radio";
         }
 
+        private _computeGroupSeparator(attribute: Vidyano.PersistentObjectAttribute): string {
+            return attribute && attribute.getTypeHint("groupseparator", null, undefined, true);
+        }
+
         private _isRadioChecked(option: Vidyano.Common.IKeyValuePair, value: string): boolean {
             return option == null && value == null || (option && option.key === value);
         }