@unabridged/midwest 0.0.7 → 0.4.2

package/dist/javascript/collection/vendor/midwest/app/components/midwest/form/file_component/file_component_controller.js

@@ -0,0 +1,40 @@
+import { Controller } from '@hotwired/stimulus';
+
+class File extends Controller {
+  static targets = ["input", "output"];
+  connect() {
+    this.inputTarget.addEventListener("change", () => {
+      console.log("words words words");
+      this.outputTarget.innerHTML = this.previewHTML;
+    });
+  }
+  get previewHTML() {
+    return this.files.map(
+      (file) => `<div class="file-preview file-preview-${file.type} layer-children">
+        <span class='midwest-badge size-default theme-primary'><span class='value'>${file.type}</span></span>
+        <span class='midwest-badge size-default theme-gray ml-auto'><span class='value'>${new Intl.NumberFormat(
+        void 0,
+        {
+          notation: "compact",
+          style: "unit",
+          unit: "byte",
+          unitDisplay: "narrow"
+        }
+      ).format(file.size)}</span></span>
+
+        ${file.type.includes("image") ? `<img src="${window.URL.createObjectURL(file)}" />` : ``}
+        ${!file.type.includes("image") ? `<div class="placeholder-file">${file.name}</div>` : ``}
+        
+      </div>`
+    ).join("");
+  }
+  get files() {
+    if (this.inputTarget.files == null) {
+      return [];
+    }
+    return Array.from(this.inputTarget.files);
+  }
+}
+
+export { File as default };
+//# sourceMappingURL=file_component_controller.js.map

package/dist/javascript/collection/vendor/midwest/app/components/midwest/form/file_component/file_component_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file_component_controller.js","sources":["../../../../../../../../../../app/components/midwest/form/file_component/file_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus';\n\nexport default class File extends Controller<HTMLFormElement> {\n  static targets = ['input', 'output'];\n\n  declare readonly hasInputTarget: boolean;\n  declare readonly inputTarget: HTMLInputElement;\n  declare readonly inputTargets: HTMLInputElement[];\n\n  declare readonly hasOutputTarget: boolean;\n  declare readonly outputTarget: HTMLInputElement;\n  declare readonly outputTargets: HTMLInputElement[];\n\n  connect() {\n    this.inputTarget.addEventListener('change', () => {\n      console.log('words words words');\n      this.outputTarget.innerHTML = this.previewHTML;\n    });\n  }\n\n  get previewHTML() {\n    return this.files\n      .map(\n        (file) => `<div class=\"file-preview file-preview-${file.type} layer-children\">\n        <span class='midwest-badge size-default theme-primary'><span class='value'>${\n          file.type\n        }</span></span>\n        <span class='midwest-badge size-default theme-gray ml-auto'><span class='value'>${new Intl.NumberFormat(\n          undefined,\n          {\n            notation: 'compact',\n            style: 'unit',\n            unit: 'byte',\n            unitDisplay: 'narrow',\n          }\n        ).format(file.size)}</span></span>\n\n        ${file.type.includes('image') ? `<img src=\"${window.URL.createObjectURL(file)}\" />` : ``}\n        ${!file.type.includes('image') ? `<div class=\"placeholder-file\">${file.name}</div>` : ``}\n        \n      </div>`\n      )\n      .join('');\n  }\n\n  get files() {\n    if (this.inputTarget.files == null) {\n      return [];\n    }\n    return Array.from(this.inputTarget.files);\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,aAAa,UAA4B,CAAA;AAAA,EAC5D,OAAO,OAAA,GAAU,CAAC,OAAA,EAAS,QAAQ,CAAA,CAAA;AAAA,EAUnC,OAAU,GAAA;AACR,IAAK,IAAA,CAAA,WAAA,CAAY,gBAAiB,CAAA,QAAA,EAAU,MAAM;AAChD,MAAA,OAAA,CAAQ,IAAI,mBAAmB,CAAA,CAAA;AAC/B,MAAK,IAAA,CAAA,YAAA,CAAa,YAAY,IAAK,CAAA,WAAA,CAAA;AAAA,KACpC,CAAA,CAAA;AAAA,GACH;AAAA,EAEA,IAAI,WAAc,GAAA;AAChB,IAAA,OAAO,KAAK,KACT,CAAA,GAAA;AAAA,MACC,CAAC,IAAS,KAAA,CAAA,sCAAA,EAAyC,IAAK,CAAA,IAAA,CAAA;AAAA,mFAAA,EAEtD,IAAK,CAAA,IAAA,CAAA;AAAA,wFAAA,EAE2E,IAAI,IAAK,CAAA,YAAA;AAAA,QACzF,KAAA,CAAA;AAAA,QACA;AAAA,UACE,QAAU,EAAA,SAAA;AAAA,UACV,KAAO,EAAA,MAAA;AAAA,UACP,IAAM,EAAA,MAAA;AAAA,UACN,WAAa,EAAA,QAAA;AAAA,SACf;AAAA,OACF,CAAE,MAAO,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA;AAAA,QAEhB,EAAA,IAAA,CAAK,IAAK,CAAA,QAAA,CAAS,OAAO,CAAA,GAAI,aAAa,MAAO,CAAA,GAAA,CAAI,eAAgB,CAAA,IAAI,CAAU,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,QACpF,EAAA,CAAC,KAAK,IAAK,CAAA,QAAA,CAAS,OAAO,CAAI,GAAA,CAAA,8BAAA,EAAiC,KAAK,IAAe,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA;AAAA,YAAA,CAAA;AAAA,KAGxF,CACC,KAAK,EAAE,CAAA,CAAA;AAAA,GACZ;AAAA,EAEA,IAAI,KAAQ,GAAA;AACV,IAAI,IAAA,IAAA,CAAK,WAAY,CAAA,KAAA,IAAS,IAAM,EAAA;AAClC,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AACA,IAAA,OAAO,KAAM,CAAA,IAAA,CAAK,IAAK,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GAC1C;AACF;;;;"}

package/dist/javascript/collection/vendor/midwest/app/components/midwest/form/input_component/input_component_controller.js

@@ -0,0 +1,19 @@
+import { Controller } from '@hotwired/stimulus';
+
+class Input extends Controller {
+  static targets = ["input"];
+  connect() {
+    this.applyColor();
+  }
+  applyColor() {
+    if (this.inputTarget.type != "color") {
+      return;
+    }
+    this.inputTarget.addEventListener("input", () => {
+      this.inputTarget.setAttribute("value", this.inputTarget.value);
+    });
+  }
+}
+
+export { Input as default };
+//# sourceMappingURL=input_component_controller.js.map

package/dist/javascript/collection/vendor/midwest/app/components/midwest/form/input_component/input_component_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input_component_controller.js","sources":["../../../../../../../../../../app/components/midwest/form/input_component/input_component_controller.ts"],"sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\n\nexport default class Input extends Controller<HTMLFormElement> {\n  static targets = [\"input\"];\n\n  declare readonly hasInputTarget: boolean;\n  declare readonly inputTarget: HTMLInputElement;\n  declare readonly inputTargets: HTMLInputElement[];\n\n  connect() {\n    this.applyColor();\n  }\n\n  applyColor() {\n    if (this.inputTarget.type != \"color\") {\n      return;\n    }\n\n    this.inputTarget.addEventListener(\"input\", () => {\n      this.inputTarget.setAttribute(\"value\", this.inputTarget.value);\n    });\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,cAAc,UAA4B,CAAA;AAAA,EAC7D,OAAO,OAAU,GAAA,CAAC,OAAO,CAAA,CAAA;AAAA,EAMzB,OAAU,GAAA;AACR,IAAA,IAAA,CAAK,UAAW,EAAA,CAAA;AAAA,GAClB;AAAA,EAEA,UAAa,GAAA;AACX,IAAI,IAAA,IAAA,CAAK,WAAY,CAAA,IAAA,IAAQ,OAAS,EAAA;AACpC,MAAA,OAAA;AAAA,KACF;AAEA,IAAK,IAAA,CAAA,WAAA,CAAY,gBAAiB,CAAA,OAAA,EAAS,MAAM;AAC/C,MAAA,IAAA,CAAK,WAAY,CAAA,YAAA,CAAa,OAAS,EAAA,IAAA,CAAK,YAAY,KAAK,CAAA,CAAA;AAAA,KAC9D,CAAA,CAAA;AAAA,GACH;AACF;;;;"}

package/dist/javascript/collection/vendor/midwest/app/components/midwest/form/switch_component/switch_component_controller.js

@@ -0,0 +1,10 @@
+import { Controller } from '@hotwired/stimulus';
+
+class Switch extends Controller {
+  connect() {
+    console.log("Hello from Switch!");
+  }
+}
+
+export { Switch as default };
+//# sourceMappingURL=switch_component_controller.js.map

package/dist/javascript/collection/vendor/midwest/app/components/midwest/form/switch_component/switch_component_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch_component_controller.js","sources":["../../../../../../../../../../app/components/midwest/form/switch_component/switch_component_controller.ts"],"sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\n\nexport default class Switch extends Controller<HTMLFormElement> {\n  connect() {\n    console.log(\"Hello from Switch!\");\n  }\n}\n\n"],"names":[],"mappings":";;AAEA,MAAqB,eAAe,UAA4B,CAAA;AAAA,EAC9D,OAAU,GAAA;AACR,IAAA,OAAA,CAAQ,IAAI,oBAAoB,CAAA,CAAA;AAAA,GAClC;AACF;;;;"}

package/dist/javascript/collection/vendor/midwest/app/components/midwest/prose_component/prose_component_controller.js

@@ -0,0 +1,28 @@
+import { Controller } from '@hotwired/stimulus';
+
+class Prose extends Controller {
+  static values = {
+    initial: { type: Number, default: 1 },
+    open: Boolean
+  };
+  connect() {
+    if (!this.element.classList.contains("clamp")) {
+      return;
+    }
+    this.initialValue = parseInt(getComputedStyle(this.element).getPropertyValue("--clamp"));
+    this.element.addEventListener("click", () => {
+      this.toggle();
+    });
+  }
+  toggle() {
+    if (this.openValue) {
+      this.element.style.setProperty("--clamp", `${this.initialValue}`);
+    } else {
+      this.element.style.setProperty("--clamp", "0");
+    }
+    this.openValue = !this.openValue;
+  }
+}
+
+export { Prose as default };
+//# sourceMappingURL=prose_component_controller.js.map

package/dist/javascript/collection/vendor/midwest/app/components/midwest/prose_component/prose_component_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose_component_controller.js","sources":["../../../../../../../../../app/components/midwest/prose_component/prose_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus';\n\nexport default class Prose extends Controller<HTMLFormElement> {\n  static values = {\n    initial: { type: Number, default: 1 },\n    open: Boolean,\n  };\n\n  declare openValue: boolean;\n  declare initialValue: number;\n  declare readonly hasOpenValue: boolean;\n  declare readonly hasInitialValue: boolean;\n\n  connect() {\n    if (!this.element.classList.contains('clamp')) {\n      return;\n    }\n\n    this.initialValue = parseInt(getComputedStyle(this.element).getPropertyValue('--clamp'));\n\n    this.element.addEventListener('click', () => {\n      this.toggle();\n    });\n  }\n\n  toggle() {\n    if (this.openValue) {\n      this.element.style.setProperty('--clamp', `${this.initialValue}`);\n    } else {\n      this.element.style.setProperty('--clamp', '0');\n    }\n\n    this.openValue = !this.openValue;\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,cAAc,UAA4B,CAAA;AAAA,EAC7D,OAAO,MAAS,GAAA;AAAA,IACd,OAAS,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,CAAE,EAAA;AAAA,IACpC,IAAM,EAAA,OAAA;AAAA,GACR,CAAA;AAAA,EAOA,OAAU,GAAA;AACR,IAAA,IAAI,CAAC,IAAK,CAAA,OAAA,CAAQ,SAAU,CAAA,QAAA,CAAS,OAAO,CAAG,EAAA;AAC7C,MAAA,OAAA;AAAA,KACF;AAEA,IAAK,IAAA,CAAA,YAAA,GAAe,SAAS,gBAAiB,CAAA,IAAA,CAAK,OAAO,CAAE,CAAA,gBAAA,CAAiB,SAAS,CAAC,CAAA,CAAA;AAEvF,IAAK,IAAA,CAAA,OAAA,CAAQ,gBAAiB,CAAA,OAAA,EAAS,MAAM;AAC3C,MAAA,IAAA,CAAK,MAAO,EAAA,CAAA;AAAA,KACb,CAAA,CAAA;AAAA,GACH;AAAA,EAEA,MAAS,GAAA;AACP,IAAA,IAAI,KAAK,SAAW,EAAA;AAClB,MAAA,IAAA,CAAK,QAAQ,KAAM,CAAA,WAAA,CAAY,SAAW,EAAA,CAAA,EAAG,KAAK,YAAc,CAAA,CAAA,CAAA,CAAA;AAAA,KAC3D,MAAA;AACL,MAAA,IAAA,CAAK,OAAQ,CAAA,KAAA,CAAM,WAAY,CAAA,SAAA,EAAW,GAAG,CAAA,CAAA;AAAA,KAC/C;AAEA,IAAK,IAAA,CAAA,SAAA,GAAY,CAAC,IAAK,CAAA,SAAA,CAAA;AAAA,GACzB;AACF;;;;"}

package/dist/javascript/midwest.d.ts

@@ -30,6 +30,11 @@ declare class Card extends Controller<HTMLFormElement> {
     flip(): void;
 }
 
+declare class Banner extends Controller<HTMLFormElement> {
+    connect(): void;
+    close(): void;
+}
+
 declare function registerMidwestControllers(application: any): void;
 
-export { Card, registerMidwestControllers };
+export { Banner, Card, registerMidwestControllers };