@soleil-se/config-svelte 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -3,6 +3,16 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+## [1.0.2] - 2020-12-08
+### Fixed
+- Array destructuring not working in TextList for IE11.
+- RadioGroup value not working in IE11.
+- Added missing polyfills for IE11 in docs and demo.
+
+## [1.0.1] - 2020-12-08
+### Fixed
+- Selectable props in NodeSelector, ListSelector and DropdownSelector now also accepts a string.
+- Margin on CheckboxGroup and RadioGroup controls.
 
 ## [1.0.0] - 2020-11-20
 - Initial release!

package/components/CheckboxGroup/Component.svelte

@@ -74,7 +74,7 @@
 
   label {
     position: relative;
-    padding-right: 5px;
+    padding-right: 10px;
     padding-left: 0;
 
     &::before {

package/components/DropdownSelector/Component.svelte

@@ -13,6 +13,8 @@
   export let required = false;
   export let disabled = false;
   export let value = '';
+
+  selectable = Array.isArray(selectable) ? selectable.join(',') : selectable;
   value = name ? values[name] ?? value : value;
 
   let className = '';
@@ -45,7 +47,7 @@
     {disabled}
     data-component={type}
     data-removable
-    data-types={[...selectable].join(',')}
+    data-types={selectable}
   />
   <slot />
 </div>

package/components/ListSelector/Component.svelte

@@ -14,6 +14,7 @@
   export let selectable = [];
   export let value = [];
 
+  selectable = Array.isArray(selectable) ? selectable.join(',') : selectable;
   // SiteVision saves as an object, we need the value as comma separated string.
   value = (values[name] ?? value).map((v) => v.value).join(',');
 
@@ -24,7 +25,7 @@
   };
 
   onMount(() => {
-    const [element] = setupComponent(id);
+    const element = setupComponent(id)[0];
 
     // SiteVision doesn't provide any change or update events, MutationObserver workaround.
     const observer = new MutationObserver(([{ attributeName, target }]) => {
@@ -46,7 +47,7 @@
     type="hidden"
     data-component={type}
     {required}
-    data-types={[...selectable].join(',')}
+    data-types={selectable}
     {value}
   />
   {#if disabled}

package/components/NodeSelector/Component.svelte

@@ -16,6 +16,8 @@
   export let removable = false;
   export let selectable = [];
   export let value = '';
+
+  selectable = Array.isArray(selectable) ? selectable.join(',') : selectable;
   value = name ? values[name] ?? value : value;
 
   let className = '';
@@ -58,7 +60,7 @@
     {readonly}
     data-removable={removable}
     data-component={type}
-    data-types={[...selectable].join(',')}
+    data-types={selectable}
     value={displayName}
     data-value={value}
   />

package/components/RadioGroup/Component.svelte

@@ -25,14 +25,15 @@
 </script>
 
 <template>
+  {value}
   <fieldset class="form-group">
     <legend>{legend}</legend>
     {#each options as option, index}
       <input
         id={`${id}_${index}`}
-        {name}
         bind:group={value}
         value={option.value || option}
+        checked={option.value || option}
         disabled={isDisabled(option)}
         type="radio"
         class="sr-only"
@@ -43,6 +44,7 @@
       </label>
     {/each}
   </fieldset>
+  <input type="hidden" {value} {name} />
 </template>
 
 <style lang="scss">
@@ -55,7 +57,7 @@
 
   label {
     position: relative;
-    padding-right: 5px;
+    padding-right: 10px;
     padding-left: 0;
 
     &::before {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soleil-se/config-svelte",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "./index.js",
   "module": "./index.js",
   "svelte": "./index.js",