pakakeh.ts - Web user interface components built with TypeScript.

Age	Commit message (Collapse)	Author
2023-10-24	all: fix all linter warnings from tsc and eslint	Shulhan
	In this changes we introduce eslint as our linter for TypeScript and update our tsconfig to be more strict. The ".eslintrc.yaml" and "tsconfig.json" is taken from golang/website repository [1]. [1]: https://cs.opensource.google/go/x/website
2023-10-24	all: reformat all files	Shulhan
	I cannot remember how I reformat those files previously, probably without any tools. This changes reformat the TypeScript files using prettier and HTML files using js-beautify.
2022-03-15	all: re-licensing wui under GPL 3.0 or later	Shulhan
	See https://kilabit.info/journal/2022/gpl/ for more information.
2021-09-19	input: add option "is_hint_toggled"	Shulhan
	If the "is_hint_toggled" is true, the hint text will be displayed by default on first render, instead of hidden. While at it, add 2px to the top margin of the hint element to make it separatable from the input element.
2021-09-19	input: display the new value on changes inside the example	Shulhan
	Instead of printing the new value using console.log, display it as text below the example.
2021-09-05	input: implement input for checkboxes	Shulhan
	The WuiInputCheckboxes class can create an HTML input for selecting one or more item using checkbox. The class require the following options: label, name, and options; and optionally id, hint, is_disabled, and onChangeHandler. The onChangeHandler receive all checked values.
2021-09-05	input: implement class for input with select	Shulhan
	The WuiInputSelect create an HTML input for selecting one more item.
2021-09-05	input: implement class WuiInputString	Shulhan
	The WuiInputString create an HTML input for string with predefined options. The required options are "label" and "value".
2021-09-05	input: implement class for input number	Shulhan
	The WuiInputNumber create an HTML input that allow number only, with optional max and min options. The required options is "label" and "value". Format of generated HTML output, <div [id=${id}] class="${WUI_INPUT_NUMBER_CLASS}"> <div> <label class="${WUI_INPUT_NUMBER_CLASS_LABEL}">${label}</label> <input class="${WUI_INPUT_NUMBER_CLASS_INPUT}" [max=${max}] [min=${min}] [disabled=${is_disabled}] value=${value} > <span class="${WUI_INPUT_NUMBER_CLASS_HINT_TOGGLER}">i </span> </div> <div class="${WUI_INPUT_NUMBER_CLASS_HINT}">${hint}</div> </div> User can set onChangeHandler to receive new value when the value changes and valid; otherwise, if the value is invalid, the input background will changes accordingly.