Contents

import { CocoComponent } from "@assets/js/coco/component";
import { getData } from "@helpers/alpine";

export default CocoComponent("layoutPickerButton", ({ selected }) => {
  return {
    selectedLayout: selected,

    getPicker() {
      return getData(
        this.$root.querySelector("[data-role='layout-picker']")
          .firstElementChild
      );
    },

    getButton() {
      return getData(this.$root.querySelector(".layout-picker-trigger"));
    },

    init() {
      this.$watch("selectedLayout", () => this.getButton().hideDropdown());
    },
  };
});

Version data entries

24 entries across 24 versions & 1 rubygems

Version	Path
coveragebook_components-0.17.1	app/components/coco/buttons/layout_picker_button/layout_picker_button.js
coveragebook_components-0.17.0	app/components/coco/buttons/layout_picker_button/layout_picker_button.js
coveragebook_components-0.16.0	app/components/coco/buttons/layout_picker_button/layout_picker_button.js
coveragebook_components-0.15.0	app/components/coco/buttons/layout_picker_button/layout_picker_button.js