ariadne_view_components 0.0.52-x86_64-darwin → 0.0.54-x86_64-darwin

data/app/assets/javascripts/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.d.ts

@@ -39,6 +39,9 @@ export default class SyncedBooleanAttributesController<T> extends OutletManagerC
     getElementsToSync(): Array<Element> | null | undefined;
     connect(): void;
     updateAttributesForElement(element: Element, value: boolean): void;
+    getSyncedAttrsForElement(element: Element): string[] | null;
+    getAntiAttrsForElement(element: Element): string[] | null;
+    getParsedAttributeForElement<T>(element: Element, attribute: string): T | null;
     syncElementAttributes(): void;
     validateAttrChange(dispatchEvent: TStimulusDispatchEvent<TSyncAttrDetail>): void;
     doesElementHaveOnAttrs(element: Element): boolean;

data/app/components/ariadne/options_controller/options_controller.js

@@ -32,12 +32,14 @@ class OptionsController extends SyncedBooleanAttributesController {
     }
     optionTargetConnected(element) {
         const key = __classPrivateFieldGet(this, _OptionsController_instances, "m", _OptionsController_getElementKey).call(this, element);
-        if (this.doesElementHaveOnAttrs(element)) {
+        const isActive = this.activeOptionsValue[key] || this.doesElementHaveOnAttrs(element);
+        if (isActive) {
             __classPrivateFieldGet(this, _OptionsController_instances, "m", _OptionsController_activateKey).call(this, key);
         }
         else {
             __classPrivateFieldGet(this, _OptionsController_instances, "m", _OptionsController_deactivateKey).call(this, key);
         }
+        this.updateAttributesForElement(element, isActive);
     }
     getValueForElement(element) {
         var _a;

data/app/components/ariadne/options_controller/options_controller.ts

@@ -53,11 +53,14 @@ export default class OptionsController
 
   optionTargetConnected(element: Element) {
     const key = this.#getElementKey(element)
-    if (this.doesElementHaveOnAttrs(element)) {
+    const isActive = this.activeOptionsValue[key] || this.doesElementHaveOnAttrs(element)
+    if (isActive) {
       this.#activateKey(key)
     } else {
       this.#deactivateKey(key)
     }
+
+    this.updateAttributesForElement(element, isActive)
   }
 
   #shouldChangeState(isCurrentlyActive: boolean, wasSelected: boolean) {

data/app/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.d.ts

@@ -39,6 +39,9 @@ export default class SyncedBooleanAttributesController<T> extends OutletManagerC
     getElementsToSync(): Array<Element> | null | undefined;
     connect(): void;
     updateAttributesForElement(element: Element, value: boolean): void;
+    getSyncedAttrsForElement(element: Element): string[] | null;
+    getAntiAttrsForElement(element: Element): string[] | null;
+    getParsedAttributeForElement<T>(element: Element, attribute: string): T | null;
     syncElementAttributes(): void;
     validateAttrChange(dispatchEvent: TStimulusDispatchEvent<TSyncAttrDetail>): void;
     doesElementHaveOnAttrs(element: Element): boolean;

data/app/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.js

@@ -61,11 +61,45 @@ class SyncedBooleanAttributesController extends OutletManagerController {
     updateAttributesForElement(element, value) {
         // This is how you should update any synced or anti-synced attrs on your elements
         // Do not do it manually unless you are very sure of what you're doing
+        const syncedAttrs = this.getSyncedAttrsForElement(element);
+        if (syncedAttrs === null || syncedAttrs === void 0 ? void 0 : syncedAttrs.length) {
+            __classPrivateFieldGet(this, _SyncedBooleanAttributesController_instances, "m", _SyncedBooleanAttributesController_setAttrs).call(this, element, syncedAttrs, value);
+        }
+        const antiAttrs = this.getAntiAttrsForElement(element);
+        if (antiAttrs === null || antiAttrs === void 0 ? void 0 : antiAttrs.length) {
+            __classPrivateFieldGet(this, _SyncedBooleanAttributesController_instances, "m", _SyncedBooleanAttributesController_setAttrs).call(this, element, antiAttrs, !value);
+        }
+    }
+    getSyncedAttrsForElement(element) {
+        const parsedAttrs = this.getParsedAttributeForElement(element, 'data-options-synced-attrs-value');
+        if (parsedAttrs) {
+            return parsedAttrs;
+        }
         if (this.hasSyncedAttrsValue) {
-            __classPrivateFieldGet(this, _SyncedBooleanAttributesController_instances, "m", _SyncedBooleanAttributesController_setAttrs).call(this, element, this.syncedAttrsValue, value);
+            return this.syncedAttrsValue;
+        }
+        return null;
+    }
+    getAntiAttrsForElement(element) {
+        const parsedAttrs = this.getParsedAttributeForElement(element, 'data-options-anti-attrs-value');
+        if (parsedAttrs) {
+            return parsedAttrs;
         }
         if (this.hasAntiAttrsValue) {
-            __classPrivateFieldGet(this, _SyncedBooleanAttributesController_instances, "m", _SyncedBooleanAttributesController_setAttrs).call(this, element, this.antiAttrsValue, !value);
+            return this.antiAttrsValue;
+        }
+        return null;
+    }
+    getParsedAttributeForElement(element, attribute) {
+        const attr = element.getAttribute(attribute);
+        try {
+            if (attr === null) {
+                throw new Error('Bad attr');
+            }
+            return JSON.parse(attr);
+        }
+        catch (err) {
+            return null;
         }
     }
     syncElementAttributes() {

data/app/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.ts

@@ -93,12 +93,53 @@ export default class SyncedBooleanAttributesController<T> extends OutletManagerC
   updateAttributesForElement(element: Element, value: boolean) {
     // This is how you should update any synced or anti-synced attrs on your elements
     // Do not do it manually unless you are very sure of what you're doing
+    const syncedAttrs = this.getSyncedAttrsForElement(element)
+    if (syncedAttrs?.length) {
+      this.#setAttrs(element, syncedAttrs, value)
+    }
+
+    const antiAttrs = this.getAntiAttrsForElement(element)
+    if (antiAttrs?.length) {
+      this.#setAttrs(element, antiAttrs, !value)
+    }
+  }
+
+  getSyncedAttrsForElement(element: Element) {
+    const parsedAttrs = this.getParsedAttributeForElement<Array<string>>(element, 'data-options-synced-attrs-value')
+    if (parsedAttrs) {
+      return parsedAttrs
+    }
+
     if (this.hasSyncedAttrsValue) {
-      this.#setAttrs(element, this.syncedAttrsValue, value)
+      return this.syncedAttrsValue
+    }
+
+    return null
+  }
+
+  getAntiAttrsForElement(element: Element) {
+    const parsedAttrs = this.getParsedAttributeForElement<Array<string>>(element, 'data-options-anti-attrs-value')
+    if (parsedAttrs) {
+      return parsedAttrs
     }
 
     if (this.hasAntiAttrsValue) {
-      this.#setAttrs(element, this.antiAttrsValue, !value)
+      return this.antiAttrsValue
+    }
+
+    return null
+  }
+
+  getParsedAttributeForElement<T>(element: Element, attribute: string) {
+    const attr = element.getAttribute(attribute)
+    try {
+      if (attr === null) {
+        throw new Error('Bad attr')
+      }
+
+      return JSON.parse(attr) as T
+    } catch (err) {
+      return null
     }
   }
 

data/lib/ariadne/view_components/version.rb

@@ -3,6 +3,6 @@
 # :nocov:
 module Ariadne
   module ViewComponents
-    VERSION = "0.0.52"
+    VERSION = "0.0.54"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.52
+  version: 0.0.54
 platform: x86_64-darwin
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2023-07-07 00:00:00.000000000 Z
+date: 2023-07-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -342,7 +342,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.15
+rubygems_version: 3.4.16
 signing_key: 
 specification_version: 4
 summary: ViewComponents for the Ariadne Design System