@meonode/ui 0.0.1-alpha.1

package/dist/html.node.js

@@ -0,0 +1,408 @@
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!=_typeof(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}import Node from"./core.node.ts";// Basic HTML elements
+/**
+ * Represents the root HTML element.
+ * @param props Optional properties for the HTML element.
+ * @returns An HTML element node.
+ */export var Html=function Html(a){return Node("html",a)};/**
+ * Represents the body element of an HTML document.
+ * @param props Optional properties for the body element.
+ * @returns A body element node.
+ */export var Body=function Body(a){return Node("body",a)};/**
+ * Represents a div element.
+ * @param props Optional properties for the div element.
+ * @returns A div element node.
+ */export var Div=function Div(a){return Node("div",a)};/**
+ * Represents a span element.
+ * @param props Optional properties for the span element.
+ * @returns A span element node.
+ */export var Span=function Span(a){return Node("span",a)};/**
+ * Represents a paragraph element.
+ * @param props Optional properties for the paragraph element.
+ * @returns A paragraph element node.
+ */export var P=function P(a){return Node("p",a)};/**
+ * Represents a preformatted text element.
+ * @param props Optional properties for the pre element.
+ * @returns A pre element node.
+ */export var Pre=function Pre(a){return Node("pre",a)};/**
+ * Represents a code element for displaying code snippets.
+ * @param props Optional properties for the code element.
+ * @returns A code element node.
+ */export var Code=function Code(a){return Node("code",a)};// Layout components
+/**
+ * Represents a column layout using flexbox.
+ * @param props Optional properties for the column layout.
+ * @returns A div element node with flexbox column layout.
+ */export var Column=function Column(a){return Div(_objectSpread({display:"flex",flexDirection:"column"},a))};/**
+ * Represents a row layout using flexbox.
+ * @param props Optional properties for the row layout.
+ * @returns A div element node with flexbox row layout.
+ */export var Row=function Row(a){return Div(_objectSpread({display:"flex",flexDirection:"row"},a))};/**
+ * Represents a grid layout.
+ * @param props Optional properties for the grid layout.
+ * @returns A div element node with grid layout.
+ */export var Grid=function Grid(a){return Div(_objectSpread({display:"grid"},a))};/**
+ * Represents the main content of a document.
+ * @param props Optional properties for the main element.
+ * @returns A main element node.
+ */export var Main=function Main(a){return Node("main",a)};/**
+ * Represents a centered layout using flexbox.
+ * @param props Optional properties for the centered layout.
+ * @returns A div element node with centered flexbox layout.
+ */export var Center=function Center(a){return Div(_objectSpread({display:"flex",alignItems:"center",justifyContent:"center"},a))};/**
+ * Represents a relatively positioned element.
+ * @param props Optional properties for the relatively positioned element.
+ * @returns A div element node with relative positioning.
+ */export var Relative=function Relative(a){return Div(_objectSpread({position:"relative"},a))};/**
+ * Represents an absolutely positioned element.
+ * @param props Optional properties for the absolutely positioned element.
+ * @returns A div element node with absolute positioning.
+ */export var Absolute=function Absolute(a){return Div(_objectSpread({position:"absolute"},a))};/**
+ * Represents a sticky positioned element.
+ * @param props Optional properties for the sticky positioned element.
+ * @returns A div element node with sticky positioning.
+ */export var Sticky=function Sticky(a){return Div(_objectSpread({position:"sticky"},a))};/**
+ * Represents a statically positioned element.
+ * @param props Optional properties for the statically positioned element.
+ * @returns A div element node with static positioning.
+ */export var Static=function Static(a){return Div(_objectSpread({position:"static"},a))};// Typography
+/**
+ * Represents a level 1 heading.
+ * @param props Optional properties for the h1 element.
+ * @returns An h1 element node.
+ */export var H1=function H1(a){return Node("h1",a)};/**
+ * Represents a level 2 heading.
+ * @param props Optional properties for the h2 element.
+ * @returns An h2 element node.
+ */export var H2=function H2(a){return Node("h2",a)};/**
+ * Represents a level 3 heading.
+ * @param props Optional properties for the h3 element.
+ * @returns An h3 element node.
+ */export var H3=function H3(a){return Node("h3",a)};/**
+ * Represents a level 4 heading.
+ * @param props Optional properties for the h4 element.
+ * @returns An h4 element node.
+ */export var H4=function H4(a){return Node("h4",a)};/**
+ * Represents a level 5 heading.
+ * @param props Optional properties for the h5 element.
+ * @returns An h5 element node.
+ */export var H5=function H5(a){return Node("h5",a)};/**
+ * Represents a level 6 heading.
+ * @param props Optional properties for the h6 element.
+ * @returns An h6 element node.
+ */export var H6=function H6(a){return Node("h6",a)};/**
+ * Represents a strong emphasis element.
+ * @param props Optional properties for the strong element.
+ * @returns A strong element node.
+ */export var Strong=function Strong(a){return Node("strong",a)};/**
+ * Represents an emphasized text element.
+ * @param props Optional properties for the em element.
+ * @returns An em element node.
+ */export var Em=function Em(a){return Node("em",a)};/**
+ * Represents a small text element.
+ * @param props Optional properties for the small element.
+ * @returns A small element node.
+ */export var Small=function Small(a){return Node("small",a)};/**
+ * Represents a marked text element.
+ * @param props Optional properties for the mark element.
+ * @returns A mark element node.
+ */export var Mark=function Mark(a){return Node("mark",a)};// Lists
+/**
+ * Represents an ordered list.
+ * @param props Optional properties for the ol element.
+ * @returns An ol element node.
+ */export var Ol=function Ol(a){return Node("ol",a)};/**
+ * Represents an unordered list.
+ * @param props Optional properties for the ul element.
+ * @returns A ul element node.
+ */export var Ul=function Ul(a){return Node("ul",a)};/**
+ * Represents a list item.
+ * @param props Optional properties for the li element.
+ * @returns An li element node.
+ */export var Li=function Li(a){return Node("li",a)};/**
+ * Represents a description list.
+ * @param props Optional properties for the dl element.
+ * @returns A dl element node.
+ */export var Dl=function Dl(a){return Node("dl",a)};/**
+ * Represents a term in a description list.
+ * @param props Optional properties for the dt element.
+ * @returns A dt element node.
+ */export var Dt=function Dt(a){return Node("dt",a)};/**
+ * Represents a description in a description list.
+ * @param props Optional properties for the dd element.
+ * @returns A dd element node.
+ */export var Dd=function Dd(a){return Node("dd",a)};// Forms and inputs
+/**
+ * Represents an HTML form.
+ * @param props Optional properties for the form element.
+ * @returns A form element node.
+ */export var Form=function Form(a){return Node("form",a)};/**
+ * Represents a label for an input element.
+ * @param props Optional properties for the label element.
+ * @returns A label element node.
+ */export var Label=function Label(a){return Node("label",a)};/**
+ * Represents an input element.
+ * @param props Optional properties for the input element.
+ * @returns An input element node.
+ */export var Input=function Input(a){return Node("input",a)};/**
+ * Represents a button element.
+ * @param props Optional properties for the button element.
+ * @returns A button element node.
+ */export var Button=function Button(a){return Node("button",a)};/**
+ * Represents a textarea element for multiline text input.
+ * @param props Optional properties for the textarea element.
+ * @returns A textarea element node.
+ */export var Textarea=function Textarea(a){return Node("textarea",a)};/**
+ * Represents a select dropdown element.
+ * @param props Optional properties for the select element.
+ * @returns A select element node.
+ */export var Select=function Select(a){return Node("select",a)};/**
+ * Represents an option within a select element.
+ * @param props Optional properties for the option element.
+ * @returns An option element node.
+ */export var Option=function Option(a){return Node("option",a)};/**
+ * Represents a fieldset element for grouping form elements.
+ * @param props Optional properties for the fieldset element.
+ * @returns A fieldset element node.
+ */export var Fieldset=function Fieldset(a){return Node("fieldset",a)};/**
+ * Represents a legend for a fieldset.
+ * @param props Optional properties for the legend element.
+ * @returns A legend element node.
+ */export var Legend=function Legend(a){return Node("legend",a)};/**
+ * Represents an option group within a select element.
+ * @param props Optional properties for the optgroup element.
+ * @returns An optgroup element node.
+ */export var Optgroup=function Optgroup(a){return Node("optgroup",a)};// Tables
+/**
+ * Represents a table element.
+ * @param props Optional properties for the table element.
+ * @returns A table element node.
+ */export var Table=function Table(a){return Node("table",a)};/**
+ * Represents a table header section.
+ * @param props Optional properties for the thead element.
+ * @returns A thead element node.
+ */export var Thead=function Thead(a){return Node("thead",a)};/**
+ * Represents a table body section.
+ * @param props Optional properties for the tbody element.
+ * @returns A tbody element node.
+ */export var Tbody=function Tbody(a){return Node("tbody",a)};/**
+ * Represents a table footer section.
+ * @param props Optional properties for the tfoot element.
+ * @returns A tfoot element node.
+ */export var Tfoot=function Tfoot(a){return Node("tfoot",a)};/**
+ * Represents a table row.
+ * @param props Optional properties for the tr element.
+ * @returns A tr element node.
+ */export var Tr=function Tr(a){return Node("tr",a)};/**
+ * Represents a table header cell.
+ * @param props Optional properties for the th element.
+ * @returns A th element node.
+ */export var Th=function Th(a){return Node("th",a)};/**
+ * Represents a table data cell.
+ * @param props Optional properties for the td element.
+ * @returns A td element node.
+ */export var Td=function Td(a){return Node("td",a)};/**
+ * Represents a table caption.
+ * @param props Optional properties for the caption element.
+ * @returns A caption element node.
+ */export var Caption=function Caption(a){return Node("caption",a)};/**
+ * Represents a table column group.
+ * @param props Optional properties for the colgroup element.
+ * @returns A colgroup element node.
+ */export var Colgroup=function Colgroup(a){return Node("colgroup",a)};/**
+ * Represents a table column.
+ * @param props Optional properties for the col element.
+ * @returns A col element node.
+ */export var Col=function Col(a){return Node("col",a)};// Media elements
+/**
+ * Represents an image element (alias for Img).
+ * @param props Optional properties for the img element.
+ * @returns An img element node.
+ */export var Image=function Image(a){return Node("img",a)};/**
+ * Represents an image element.
+ * @param props Optional properties for the img element.
+ * @returns An img element node.
+ */export var Img=function Img(a){return Node("img",a)};/**
+ * Represents a video element.
+ * @param props Optional properties for the video element.
+ * @returns A video element node.
+ */export var Video=function Video(a){return Node("video",a)};/**
+ * Represents an audio element.
+ * @param props Optional properties for the audio element.
+ * @returns An audio element node.
+ */export var Audio=function Audio(a){return Node("audio",a)};/**
+ * Represents a picture element.
+ * @param props Optional properties for the picture element.
+ * @returns A picture element node.
+ */export var Picture=function Picture(a){return Node("picture",a)};/**
+ * Represents a source element.
+ * @param props Optional properties for the source element.
+ * @returns A source element node.
+ */export var Source=function Source(a){return Node("source",a)};/**
+ * Represents a text track element.
+ * @param props Optional properties for the track element.
+ * @returns A track element node.
+ */export var Track=function Track(a){return Node("track",a)};/**
+ * Represents a canvas element.
+ * @param props Optional properties for the canvas element.
+ * @returns A canvas element node.
+ */export var Canvas=function Canvas(a){return Node("canvas",a)};/**
+ * Represents an iframe element.
+ * @param props Optional properties for the iframe element.
+ * @returns An iframe element node.
+ */export var Iframe=function Iframe(a){return Node("iframe",a)};// SVG elements
+/**
+ * Represents an SVG container element.
+ * @param props Optional properties for the svg element.
+ * @returns An svg element node.
+ */export var Svg=function Svg(a){return Node("svg",a)};/**
+ * Represents an SVG path element.
+ * @param props Optional properties for the path element.
+ * @returns A path element node.
+ */export var SvgPath=function SvgPath(a){return Node("path",a)};/**
+ * Represents an SVG circle element.
+ * @param props Optional properties for the circle element.
+ * @returns A circle element node.
+ */export var SvgCircle=function SvgCircle(a){return Node("circle",a)};/**
+ * Represents an SVG ellipse element.
+ * @param props Optional properties for the ellipse element.
+ * @returns An ellipse element node.
+ */export var SvgEllipse=function SvgEllipse(a){return Node("ellipse",a)};/**
+ * Represents an SVG line element.
+ * @param props Optional properties for the line element.
+ * @returns A line element node.
+ */export var SvgLine=function SvgLine(a){return Node("line",a)};/**
+ * Represents an SVG polyline element.
+ * @param props Optional properties for the polyline element.
+ * @returns A polyline element node.
+ */export var SvgPolyline=function SvgPolyline(a){return Node("polyline",a)};/**
+ * Represents an SVG polygon element.
+ * @param props Optional properties for the polygon element.
+ * @returns A polygon element node.
+ */export var SvgPolygon=function SvgPolygon(a){return Node("polygon",a)};/**
+ * Represents an SVG rectangle element.
+ * @param props Optional properties for the rect element.
+ * @returns A rect element node.
+ */export var SvgRect=function SvgRect(a){return Node("rect",a)};/**
+ * Represents an SVG use element.
+ * @param props Optional properties for the use element.
+ * @returns A use element node.
+ */export var SvgUse=function SvgUse(a){return Node("use",a)};/**
+ * Represents an SVG definitions element.
+ * @param props Optional properties for the defs element.
+ * @returns A defs element node.
+ */export var SvgDefs=function SvgDefs(a){return Node("defs",a)};/**
+ * Represents an SVG linear gradient element.
+ * @param props Optional properties for the linearGradient element.
+ * @returns A linearGradient element node.
+ */export var SvgLinearGradient=function SvgLinearGradient(a){return Node("linearGradient",a)};/**
+ * Represents an SVG radial gradient element.
+ * @param props Optional properties for the radialGradient element.
+ * @returns A radialGradient element node.
+ */export var SvgRadialGradient=function SvgRadialGradient(a){return Node("radialGradient",a)};/**
+ * Represents an SVG gradient stop element.
+ * @param props Optional properties for the stop element.
+ * @returns A stop element node.
+ */export var SvgStop=function SvgStop(a){return Node("stop",a)};/**
+ * Represents an SVG symbol element.
+ * @param props Optional properties for the symbol element.
+ * @returns A symbol element node.
+ */export var SvgSymbol=function SvgSymbol(a){return Node("symbol",a)};/**
+ * Represents an SVG group element.
+ * @param props Optional properties for the g element.
+ * @returns A g element node.
+ */export var SvgG=function SvgG(a){return Node("g",a)};/**
+ * Represents an SVG text element.
+ * @param props Optional properties for the text element.
+ * @returns A text element node.
+ */export var SvgText=function SvgText(a){return Node("text",a)};/**
+ * Represents an SVG text span element.
+ * @param props Optional properties for the tspan element.
+ * @returns A tspan element node.
+ */export var SvgTspan=function SvgTspan(a){return Node("tspan",a)};// Navigation and links
+/**
+ * Represents an anchor element.
+ * @param props Optional properties for the a element.
+ * @returns An a element node.
+ */export var A=function A(a){return Node("a",a)};/**
+ * Represents a navigation element.
+ * @param props Optional properties for the nav element.
+ * @returns A nav element node.
+ */export var Nav=function Nav(a){return Node("nav",a)};// Document structure
+/**
+ * Represents a header element.
+ * @param props Optional properties for the header element.
+ * @returns A header element node.
+ */export var Header=function Header(a){return Node("header",a)};/**
+ * Represents a footer element.
+ * @param props Optional properties for the footer element.
+ * @returns A footer element node.
+ */export var Footer=function Footer(a){return Node("footer",a)};/**
+ * Represents an aside element.
+ * @param props Optional properties for the aside element.
+ * @returns An aside element node.
+ */export var Aside=function Aside(a){return Node("aside",a)};/**
+ * Represents a section element.
+ * @param props Optional properties for the section element.
+ * @returns A section element node.
+ */export var Section=function Section(a){return Node("section",a)};/**
+ * Represents an article element.
+ * @param props Optional properties for the article element.
+ * @returns An article element node.
+ */export var Article=function Article(a){return Node("article",a)};/**
+ * Represents a figure element.
+ * @param props Optional properties for the figure element.
+ * @returns A figure element node.
+ */export var Figure=function Figure(a){return Node("figure",a)};/**
+ * Represents a figure caption element.
+ * @param props Optional properties for the figcaption element.
+ * @returns A figcaption element node.
+ */export var Figcaption=function Figcaption(a){return Node("figcaption",a)};/**
+ * Represents a blockquote element.
+ * @param props Optional properties for the blockquote element.
+ * @returns A blockquote element node.
+ */export var Blockquote=function Blockquote(a){return Node("blockquote",a)};/**
+ * Represents an address element.
+ * @param props Optional properties for the address element.
+ * @returns An address element node.
+ */export var Address=function Address(a){return Node("address",a)};/**
+ * Represents a dialog element.
+ * @param props Optional properties for the dialog element.
+ * @returns A dialog element node.
+ */export var Dialog=function Dialog(a){return Node("dialog",a)};/**
+ * Represents a details element.
+ * @param props Optional properties for the details element.
+ * @returns A details element node.
+ */export var Details=function Details(a){return Node("details",a)};/**
+ * Represents a summary element.
+ * @param props Optional properties for the summary element.
+ * @returns A summary element node.
+ */export var Summary=function Summary(a){return Node("summary",a)};// Document head elements
+/**
+ * Represents a head element.
+ * @param props Optional properties for the head element.
+ * @returns A head element node.
+ */export var Head=function Head(a){return Node("head",a)};/**
+ * Represents a meta element.
+ * @param props Optional properties for the meta element.
+ * @returns A meta element node.
+ */export var Meta=function Meta(a){return Node("meta",a)};/**
+ * Represents a link element.
+ * @param props Optional properties for the link element.
+ * @returns A link element node.
+ */export var Link=function Link(a){return Node("link",a)};/**
+ * Represents a style element.
+ * @param props Optional properties for the style element.
+ * @returns A style element node.
+ */export var Style=function Style(a){return Node("style",a)};/**
+ * Represents a script element.
+ * @param props Optional properties for the script element.
+ * @returns A script element node.
+ */export var Script=function Script(a){return Node("script",a)};/**
+ * Represents a title element.
+ * @param props Optional properties for the title element.
+ * @returns A title element node.
+ */export var Title=function Title(a){return Node("title",a)};/**
+ * Represents a base element.
+ * @param props Optional properties for the base element.
+ * @returns A base element node.
+ */export var Base=function Base(a){return Node("base",a)};