danholibraryjs 1.3.0 → 1.7.0

package/dist/Functions/GetCSSProperty.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GetCSSProperty = void 0;
+/**
+ * Gets the value of "property" in type "type" from query "query"
+ * Basically, you can get your --color-primary from :root
+ *
+ * @param property Name of the property to get
+ * @param type Type of the property to parse
+ * @param query Query to get the element that has the property
+ * @returns Property value converted to type
+*/
+function GetCSSProperty(property, type, query = ":root") {
+    const rootEl = document.querySelector(query);
+    if (!rootEl)
+        throw new Error(`${query} does not exist!`);
+    const rootStyles = getComputedStyle(rootEl);
+    const cssProp = rootStyles.getPropertyValue(property);
+    if (type === 'string')
+        return cssProp;
+    const numberValue = parseInt(cssProp);
+    if (isNaN(numberValue))
+        throw new Error(`${property} is not a number!: ${cssProp}`);
+    return numberValue;
+}
+exports.GetCSSProperty = GetCSSProperty;

package/dist/Functions/HTMLEvent.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Create HTMLEvent object from function
+ * @param name Name of the event
+ * @param handler Handler for the event
+ * @returns Parameters as object
+ */
+export declare function HTMLEvent<Event extends keyof HTMLElementEventMap, ReturnType extends any>(name: Event, handler: (event: HTMLElementEventMap[Event]) => ReturnType): {
+    name: Event;
+    handler: (event: HTMLElementEventMap[Event]) => ReturnType;
+};
+export default HTMLEvent;

package/dist/Functions/HTMLEvent.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTMLEvent = void 0;
+/**
+ * Create HTMLEvent object from function
+ * @param name Name of the event
+ * @param handler Handler for the event
+ * @returns Parameters as object
+ */
+function HTMLEvent(name, handler) {
+    return { name, handler };
+}
+exports.HTMLEvent = HTMLEvent;
+exports.default = HTMLEvent;

package/dist/Functions/SetNavigationSelected.js

@@ -10,6 +10,8 @@ exports.SetNavigationSelected = void 0;
  */
 function SetNavigationSelected(query, ...currentPageClasses) {
     const header = document.querySelector(query);
+    if (!header)
+        throw { message: `Couldn't find header from query, ${query}` };
     const children = header.children.array().filter(c => c.tagName === 'a');
     const currentPage = document.location.href;
     children.forEach(gc => {

package/dist/Functions/index.d.ts

@@ -1,2 +1,4 @@
 export * from './CopyToClipboard';
+export * from './GetCSSProperty';
 export * from './SetNavigationSelected';
+export * from './HTMLEvent';

package/dist/Functions/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,4 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./CopyToClipboard"), exports);
+__exportStar(require("./GetCSSProperty"), exports);
 __exportStar(require("./SetNavigationSelected"), exports);
+__exportStar(require("./HTMLEvent"), exports);

package/dist/Interfaces/ElementOptions.d.ts

@@ -1,21 +1,15 @@
-import { EventHandler } from "..";
-import IElement from "../Types/IElement";
+import { Arrayable, IElement } from "../Types";
+declare type Events = Record<`on${Capitalize<keyof HTMLElementEventMap>}`, (event: Event) => void>;
 /**
  * Construction options when creating an HTML element using:
- * @see Document.createProperElement */
-export interface ElementOptions {
-    /**css classes to give the element*/
-    classes?: string[];
-    /**attributes to give the element*/
-    attributes?: [string, string][];
-    /**Children of the element*/
-    children?: IElement[];
-    /**Events for the element to listen to
-     * @borrows EventHandler
-    */
-    events?: Array<{
-        name: string;
-        handlers: EventHandler[];
-    }>;
-}
+ * @see Document.createProperElement
+ * @borwwos IElement
+ * @borrows Arrayable
+ */
+export declare type ElementOptions = Partial<Events & Record<string, any> & {
+    id: string;
+    class: Arrayable<string>;
+    children: Arrayable<IElement>;
+    dataset: Record<string, string>;
+}>;
 export default ElementOptions;

package/dist/Interfaces/IReplacement.d.ts

@@ -1,11 +1,12 @@
-import StringRegex from "../Types/StringRegex";
+import { StringRegex } from "../Types";
 /**
  * Replacement tool for
  * @see String.toSnakeCase
  * @see String.toKebabCase
  * @borrows StringRegex
 */
-export default interface IReplacement {
+export interface IReplacement {
     replacer?: StringRegex;
     replacement?: string;
 }
+export default IReplacement;

package/dist/Interfaces/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/Types/BetterTypes.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Construct a type with the properties of Type except for those in type Properties.
+ */
+export declare type BetterOmit<Type, Properties extends keyof Type> = Omit<Type, Properties>;
+/**
+ * Extract from From those types that are assignable to Properties
+ */
+export declare type BetterExtract<From, Properties extends From> = Extract<From, Properties>;
+export declare type PartialExcept<From, Properties extends keyof From> = Partial<From> & Required<Pick<From, Properties>>;

package/dist/Types/Date.d.ts

@@ -0,0 +1,6 @@
+export declare type LongMonth = 'Janurary' | 'February' | 'March' | 'April' | 'May' | 'June' | 'July' | 'August' | 'September' | 'October' | 'November' | 'December';
+export declare type ShortMonth = 'Jan' | 'Feb' | 'Mar' | 'Apr' | 'May' | 'Jun' | 'Jul' | 'Aug' | 'Sep' | 'Oct' | 'Nov' | 'Dec';
+export declare type Month = LongMonth | ShortMonth;
+export declare type ShortDay = 'Mon' | 'Tue' | 'Wed' | 'Thu' | 'Fri' | 'Sat' | 'Sun';
+export declare type LongDay = `${'Mon' | 'Tues' | 'Wednes' | 'Thurs' | 'Fri' | 'Satur' | 'Sun'}day`;
+export declare type Day = ShortDay | LongDay;

package/dist/Types/Events.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Default eventhandler mapper. Object with properties that are arrays
+ */
+export declare type BaseEvent<Keys extends string, Types extends Array<any>> = Record<Keys, Types>;
+/**
+ * Eventhandler type for:
+ * @see EventCollection
+ * @borrows BaseEvent
+ */
+export declare type EventHandler<Events extends BaseEvent<string, Array<any>> = BaseEvent<string, Array<any>>, Event extends keyof Events = keyof Events, ReturnType = any> = (...args: Events[Event]) => ReturnType;

package/dist/Types/Events.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Types/PropertiesWith.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Filters all properties from From that has the return type of Type
+ */
+export declare type PropertiesWith<Type, From> = {
+    [Key in keyof From as From[Key] extends Type ? Key : never]: From[Key];
+};
+export default PropertiesWith;
+/**
+ * Fitlers all properties from From that don't have the return type of Type
+ */
+export declare type PropertiesWithout<Type, From> = {
+    [Key in keyof From as From[Key] extends Type ? never : Key]: From[Key];
+};

package/dist/Types/PropertiesWith.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Types/TransformTypes.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Converts Start types to Switch types in From type
+ */
+export declare type TransformType<From, Start, Switch> = {
+    [Key in keyof From]: From[Key] extends Start ? Switch : From[Key];
+};
+/**
+ * Returns object with properties matching BaseType with types of NewType
+ */
+export declare type TransformTypes<From, BaseType, NewType> = Record<keyof {
+    [Key in keyof From as From[Key] extends BaseType ? Key : never]: Key;
+}, NewType>;
+export default TransformTypes;

package/dist/Types/TransformTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Types/index.d.ts

@@ -1,3 +1,31 @@
-export * from './EventHandler';
-export * from './IElement';
-export * from './StringRegex';
+export * from './BetterTypes';
+export * from './Date';
+export * from './Events';
+export * from './TransformTypes';
+export * from './PropertiesWith';
+/**
+ * Item is single or multiple
+ */
+export declare type Arrayable<T> = T | Array<T>;
+/**
+ * Used for HTMLElement.append in ElementOptions, Document.createProperElement.
+ * IElement accepts HTML Elements or HTMl-like strings.
+ *
+ * @see HTMLElement.append
+ * @see Document.createProperElement
+ */
+export declare type IElement = HTMLElement | string;
+/**
+ * Return types of T
+ */
+export declare type ValueOf<T> = T[keyof T];
+/**
+ * Type's properties are ReturnType
+ */
+export declare type AllPropsAre<ReturnType> = {
+    [key: string]: ReturnType;
+};
+/**
+ * string or RegExp.. pretty self-explanatory
+ */
+export declare type StringRegex = string | RegExp;

package/dist/Types/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -10,6 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./EventHandler"), exports);
-__exportStar(require("./IElement"), exports);
-__exportStar(require("./StringRegex"), exports);
+__exportStar(require("./BetterTypes"), exports);
+__exportStar(require("./Date"), exports);
+__exportStar(require("./Events"), exports);
+__exportStar(require("./TransformTypes"), exports);
+__exportStar(require("./PropertiesWith"), exports);

package/dist/index.d.ts

@@ -1,9 +1,5 @@
-import { EventHandler, IElement } from './Types';
-export { EventHandler, IElement };
-import { ElementOptions } from './Interfaces';
-export { ElementOptions };
-import { EventCollection, EventEmitter } from './Classes';
-export { EventCollection, EventEmitter };
-import { CopyToClipboard, SetNavigationSelected } from './Functions';
-export { CopyToClipboard, SetNavigationSelected };
-export * as Extensions from './Extensions';
+export * from './Classes';
+export * from './Extensions';
+export * from './Functions';
+export * from './Interfaces';
+export * from './Types';

package/dist/index.js

@@ -1,10 +1,21 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Extensions = exports.SetNavigationSelected = exports.CopyToClipboard = exports.EventEmitter = exports.EventCollection = void 0;
-const Classes_1 = require("./Classes");
-Object.defineProperty(exports, "EventCollection", { enumerable: true, get: function () { return Classes_1.EventCollection; } });
-Object.defineProperty(exports, "EventEmitter", { enumerable: true, get: function () { return Classes_1.EventEmitter; } });
-const Functions_1 = require("./Functions");
-Object.defineProperty(exports, "CopyToClipboard", { enumerable: true, get: function () { return Functions_1.CopyToClipboard; } });
-Object.defineProperty(exports, "SetNavigationSelected", { enumerable: true, get: function () { return Functions_1.SetNavigationSelected; } });
-exports.Extensions = require("./Extensions");
+__exportStar(require("./Classes"), exports);
+__exportStar(require("./Extensions"), exports);
+__exportStar(require("./Functions"), exports);
+__exportStar(require("./Interfaces"), exports);
+__exportStar(require("./Types"), exports);