@ulu/frontend 0.1.0-beta.19 → 0.1.0-beta.20

package/scss/components/_index.scss

@@ -6,6 +6,7 @@
 @forward "accordion" as accordion-*;
 @forward "adaptive-spacing" as adaptive-spacing-*;
 @forward "badge" as badge-*;
+@forward "basic-hero" as basic-hero-*;
 @forward "button" as button-*;
 @forward "button-verbose" as button-verbose-*;
 @forward "callout" as callout-*;
@@ -55,6 +56,7 @@
 @use "adaptive-spacing";
 @use "accordion";
 @use "badge";
+@use "basic-hero";
 @use "button";
 @use "button-verbose";
 @use "callout";
@@ -105,6 +107,7 @@ $all-includes: (
   "accordion",
   "adaptive-spacing",
   "badge",
+  "basic-hero",
   "button",
   "button-verbose",
   "callout",
@@ -199,6 +202,9 @@ $current-includes: $all-includes;
   @if (list.index($includes, "badge")) {
     @include badge.styles;
   }
+  @if (list.index($includes, "basic-hero")) {
+    @include basic-hero.styles;
+  }
   @if (list.index($includes, "tag")) {
     @include tag.styles;
   }

package/types/ui/details-group.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Initialize everything in document
+ * - This will only initialize elements once, it is safe to call on page changes
+ */
+export function init(): void;
+/**
+ * Setup all dialog groups within context
+ * @param {HTMLElement} context [document] Element to query within
+ * @returns {Array} Array matching the groups queried with their return objects from setupGroup() [used for destroy/etc]
+ */
+export function setup(context?: HTMLElement): any[];
+/**
+ * @typedef {Object} DetailsGroupInstance
+ * @property {Function} destroy A function to remove event listeners and attributes.
+ * @property {HTMLElement} element The parent element.
+ * @property {Function} setupChildren A function to initialize the child details elements.
+ */
+/**
+ * Sets up a single group of details elements to manage their behavior.
+ * @param {HTMLElement} element - The parent element containing the details elements.
+ * @returns {DetailsGroupInstance}
+ */
+export function setupGroup(element: HTMLElement): DetailsGroupInstance;
+export namespace attrs {
+    let init: string;
+    let childInit: string;
+    let group: string;
+}
+export type DetailsGroupInstance = {
+    /**
+     * A function to remove event listeners and attributes.
+     */
+    destroy: Function;
+    /**
+     * The parent element.
+     */
+    element: HTMLElement;
+    /**
+     * A function to initialize the child details elements.
+     */
+    setupChildren: Function;
+};
+//# sourceMappingURL=details-group.d.ts.map

package/types/ui/details-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../js/ui/details-group.js"],"names":[],"mappings":"AAuBA;;;GAGG;AACH,6BAGC;AAED;;;;GAIG;AACH,gCAHW,WAAW,SAYrB;AAED;;;;;GAKG;AAEH;;;;GAIG;AACH,oCAHW,WAAW,GACT,oBAAoB,CA8DhC;;;;;;;;;;;;;;aArEa,WAAW"}

package/types/ui/index.d.ts

@@ -19,5 +19,6 @@ export * as print from "./print.js";
 export * as printDetails from "./print-details.js";
 export * as scrollSlider from "./scroll-slider.js";
 export * as themeToggle from "./theme-toggle.js";
+export * as detailsGroup from "./details-group.js";
 declare namespace ___Users_joescherben_Personal_Projects_ULU_frontend_js_ui_index_ { }
 //# sourceMappingURL=index.d.ts.map

package/types/ui/programmatic-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"programmatic-modal.d.ts","sourceRoot":"","sources":["../../js/ui/programmatic-modal.js"],"names":[],"mappings":"AASA;IACE;;;MAGE;IACF,gCAeC;IAbC,aAAsB;IACtB,cAAoB;IACpB,mBAAyB;IAEzB,qCAGC;IACD,2BAEC;IAIH,sBAMC;IACD,gBAMC;IACD;;;;MA6CC;CACF"}
+{"version":3,"file":"programmatic-modal.d.ts","sourceRoot":"","sources":["../../js/ui/programmatic-modal.js"],"names":[],"mappings":"AAUA;IACE;;;MAGE;IACF,gCAeC;IAbC,aAAsB;IACtB,cAAoB;IACpB,mBAAyB;IAEzB,qCAGC;IACD,2BAEC;IAIH,sBAMC;IACD,gBAMC;IACD;;;;MAkDC;CACF"}

package/types/ui/theme-toggle.d.ts

@@ -1,14 +1,65 @@
+/**
+ * @param {Object} options Change options used as default for dialogs, can then be overridden by data attribute settings on element
+ */
+export function setDefaults(options: any): void;
 /**
  * Initialize everything in document
  * - This will only initialize elements once, it is safe to call on page changes
  */
 export function init(): void;
-export function setup(context?: Document): void;
-export namespace options {
-    let darkTheme: string;
-    let lightTheme: string;
-    let defaultTheme: string;
-    let darkIcon: string;
-    let lightIcon: string;
+/**
+ * Query and setup all
+ */
+export function setup(): void;
+/**
+ * Sets up a single toggle
+ * @param {HTMLElement} toggle A toggle to be setup
+ */
+export function setupToggle(toggle: HTMLElement, passedOptions: any): {
+    destroy: () => void;
+    toggle: HTMLElement;
+    options: any;
+    toggleState: (event: any) => void;
+    setState(themeKey: any): void;
+};
+export namespace attrs {
+    let init: string;
+    let toggle: string;
+    let toggleIcon: string;
+    let toggleLabel: string;
+    let toggleRemote: string;
+    let state: string;
+}
+export namespace defaults {
+    namespace themes {
+        namespace light {
+            let label: string;
+            let value: string;
+            let iconClass: string;
+            let targetClass: string;
+            let mediaQuery: string;
+        }
+        namespace dark {
+            let label_1: string;
+            export { label_1 as label };
+            let iconClass_1: string;
+            export { iconClass_1 as iconClass };
+            let targetClass_1: string;
+            export { targetClass_1 as targetClass };
+            let mediaQuery_1: string;
+            export { mediaQuery_1 as mediaQuery };
+        }
+    }
+    let target: string;
+    let group: any;
+    /**
+     * Optional callback to do something when the state changes
+     */
+    function onChange(_ctx: any): void;
+    let initialState: string;
+    let checkMediaQuery: boolean;
+    let savePreference: boolean;
+    let storagePrefix: string;
+    let debug: boolean;
 }
 //# sourceMappingURL=theme-toggle.d.ts.map

package/types/ui/theme-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../js/ui/theme-toggle.js"],"names":[],"mappings":"AA6BA;;;GAGG;AACH,6BAOC;AAED,gDAeC"}
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../js/ui/theme-toggle.js"],"names":[],"mappings":"AAmGA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAGC;AAED;;GAEG;AACH,8BAEC;AAED;;;GAGG;AACH,oCAFW,WAAW;;;;;;EAiGrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA1JC;;OAEG;IACH,mCAAiB"}

package/types/utils/dom.d.ts

@@ -32,8 +32,26 @@ export function setPositionClasses(parent: Node, classes?: any): void;
  * Resolve a target to Element
  * @param {String|Node} target The selector or node/element
  * @param {Object} context [document] The context to query possible selectors from
+ * @return {HTMLElement} The element or null if not found
  */
-export function getElement(target: string | Node, context?: any): any;
+export function getElement(target: string | Node, context?: any): HTMLElement;
+/**
+ * Resolve a target to Elements
+ * @param {String|Node} target The selector or node/element
+ * @param {Object} context [document] The context to query possible selectors from
+ * @return {Array} The elements or null if not found
+ */
+export function getElements(target: string | Node, context?: any): any[];
+/**
+ * Resolves a class input (string or array) into a consistent array of class names.
+ * @param {string|string[]} input - The class input, which can be a string, an array of strings, or any other value.
+ * @returns {string[]} An array of class names. Returns an empty array for invalid or falsy input.
+ * @example
+ * resolveClassArray("fas fa-check  my-class"); // Returns ["fas", "fa-check", "my-class"]
+ * resolveClassArray(["another-class", "yet-another-class"]); // Returns ["another-class", "yet-another-class"]
+ * resolveClassArray("single-class"); // Returns ["single-class"]
+ */
+export function resolveClasses(classes: any): string[];
 /**
  * Sets a CSS custom property equal to the scrollbar width
  * @param {Node} element The element that is the child of a scrollabel container

package/types/utils/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../js/utils/dom.js"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,wCAJW,IAAI,oBAYd;AAED;;;;;;GAMG;AACH,gDAJW,IAAI,gBAEF,YAAa,CASzB;AAED;;GAEG;AACH,mEAMC;AAGD;;;;;;;;;GASG;AACH,2CAHa,IAAI,uBAoChB;AAED;;;;GAIG;AACH,mCAHW,SAAO,IAAI,sBAYrB;AAED;;;;;GAKG;AACH,+CAJW,IAAI,cACJ,IAAI,2BAMd;AAzHD;;GAEG;AAGH,qCAAqD"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../js/utils/dom.js"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,wCAJW,IAAI,oBAYd;AAED;;;;;;GAMG;AACH,gDAJW,IAAI,gBAEF,YAAa,CASzB;AAED;;GAEG;AACH,mEAMC;AAGD;;;;;;;;;GASG;AACH,2CAHa,IAAI,uBAoChB;AAED;;;;;GAKG;AACH,mCAJW,SAAO,IAAI,kBAEV,WAAW,CAWtB;AAED;;;;;GAKG;AACH,oCAJW,SAAO,IAAI,wBAerB;AAED;;;;;;;;GAQG;AACH,8CANa,MAAM,EAAE,CAiBpB;AAED;;;;;GAKG;AACH,+CAJW,IAAI,cACJ,IAAI,2BAMd;AAnKD;;GAEG;AAGH,qCAAqD"}