araz - npm Package Compare versions

Comparing version 1.1.5 to 1.1.6

package.json

src/createElement.ts

		@@ -0,1 +1,2 @@
		// createElement.ts
		import { EventHandler ,Children, ElementCreator } from './types';
		@@ -18,4 +19,2 @@ import { forEach, isFunction, isString, isElement, includes, entries, camelCase, debounce, assign } from 'lodash-es';



		if (document.readyState == 'loading') {
		@@ -25,5 +24,2 @@ console.log(document.readyState);




		const applyStyles = (element: HTMLElement, styles: CSSStyleDeclaration): void => {
		@@ -34,3 +30,3 @@ const style = element.style as CSSStyleDeclaration;

		const addClasses = (element: HTMLElement, classList: string[]): void => {
		const addClassList = (element: HTMLElement, classList: string[]): void => {
		forEach(classList, className => {
		@@ -42,2 +38,3 @@ if (!includes(element.classList, className)) {
		}

		const addEventListeners = (element: HTMLElement, events: { [key: string]: EventHandler }): void => {
		@@ -63,3 +60,3 @@ forEach(entries(events), ([eventName, eventHandler]) => {

		export const r = ({ tag, attrs, children }: ElementCreator): HTMLElement => {
		export const render = ({ tag, attrs, children }: ElementCreator): HTMLElement => {

		@@ -74,3 +71,3 @@ const element = document.createElement(tag);
		if (attrs?.classList) {
		addClasses(element, attrs.classList);
		addClassList(element, attrs.classList);
		}
		@@ -77,0 +74,0 @@

src/types.ts

		@@ -11,7 +11,55 @@ // types.ts
		export type Children = Array<string \| Element>;

		export enum HTML {
		Div = 'div',
		Anchor = 'a',
		Paragraph = 'p',
		Heading1 = 'h1',
		Heading2 = 'h2',
		Heading3 = 'h3',
		Heading4 = 'h4',
		Heading5 = 'h5',
		Heading6 = 'h6',
		Image = 'img',
		UnorderedList = 'ul',
		OrderedList = 'ol',
		ListItem = 'li',
		Table = 'table',
		TableRow = 'tr',
		TableCell = 'td',
		TableHeaderCell = 'th',
		TableHead = 'thead',
		TableBody = 'tbody',
		TableFoot = 'tfoot',
		Form = 'form',
		Input = 'input',
		TextArea = 'textarea',
		Button = 'button',
		Select = 'select',
		Option = 'option',
		Label = 'label',
		Fieldset = 'fieldset',
		Legend = 'legend',
		LineBreak = 'br',
		HorizontalRule = 'hr',
		Iframe = 'iframe',
		Audio = 'audio',
		Video = 'video',
		Canvas = 'canvas',
		SVG = 'svg',
		Header = 'header',
		Footer = 'footer',
		Navigation = 'nav',
		Main = 'main',
		Article = 'article',
		Section = 'section',
		Aside = 'aside',
		Time = 'time',
		Mark = 'mark',
		BlockQuote = 'blockquote'
		}
		export type ElementCreator = {
		tag: string;
		tag: HTML;
		attrs?: ElementAttributes;
		children?: Children;
		};
		};

New alerts