@ibyar/elements 0.6.1 → 0.8.3

package/README.md

@@ -1,4 +1,4 @@
-# Aurora Elements
+# Ibyar Elements
 
 [![NPM Version][npm-image]][npm-url]
 [![NPM Downloads][downloads-image]][downloads-url]
@@ -16,7 +16,7 @@
 [lerna-url]: https://lerna.js.org/
 [contributors]: https://img.shields.io/github/contributors/ibyar/aurora
 
-Aurora elements, hold info about HTMLElements class, attributes and tag name.
+Ibyar elements, hold info about HTMLElements class, attributes and tag name.
 
 ## `Install`
 
@@ -28,6 +28,9 @@ npm i --save @ibyar/elements
 yarn add @ibyar/elements
 ```
 
+## Try the parser
+- Ibyar Elements parser: https://ibyar.github.io/astexplorer/
+
 
 ## Example
 

package/accessibility/a11y.d.ts

@@ -0,0 +1 @@
+export declare const ARIAMixinAttributes: (keyof ARIAMixin)[];

package/accessibility/a11y.js

@@ -0,0 +1,39 @@
+export const ARIAMixinAttributes = [
+    'ariaAtomic',
+    'ariaAutoComplete',
+    'ariaBusy',
+    'ariaChecked',
+    'ariaColCount',
+    'ariaColIndex',
+    'ariaColSpan',
+    'ariaCurrent',
+    'ariaDisabled',
+    'ariaExpanded',
+    'ariaHasPopup',
+    'ariaHidden',
+    'ariaKeyShortcuts',
+    'ariaLabel',
+    'ariaLevel',
+    'ariaLive',
+    'ariaModal',
+    'ariaMultiLine',
+    'ariaMultiSelectable',
+    'ariaOrientation',
+    'ariaPlaceholder',
+    'ariaPosInSet',
+    'ariaPressed',
+    'ariaReadOnly',
+    'ariaRequired',
+    'ariaRoleDescription',
+    'ariaRowCount',
+    'ariaRowIndex',
+    'ariaRowSpan',
+    'ariaSelected',
+    'ariaSetSize',
+    'ariaSort',
+    'ariaValueMax',
+    'ariaValueMin',
+    'ariaValueNow',
+    'ariaValueText'
+];
+//# sourceMappingURL=a11y.js.map

package/accessibility/a11y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.js","sourceRoot":"","sources":["../../../src/elements/accessibility/a11y.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACvD,YAAY;IACZ,kBAAkB;IAClB,UAAU;IACV,aAAa;IACb,cAAc;IACd,cAAc;IACd,aAAa;IACb,aAAa;IACb,cAAc;IACd,cAAc;IACd,cAAc;IACd,YAAY;IACZ,kBAAkB;IAClB,WAAW;IACX,WAAW;IACX,UAAU;IACV,WAAW;IACX,eAAe;IACf,qBAAqB;IACrB,iBAAiB;IACjB,iBAAiB;IACjB,cAAc;IACd,aAAa;IACb,cAAc;IACd,cAAc;IACd,qBAAqB;IACrB,cAAc;IACd,cAAc;IACd,aAAa;IACb,cAAc;IACd,aAAa;IACb,UAAU;IACV,cAAc;IACd,cAAc;IACd,cAAc;IACd,eAAe;CACf,CAAC","sourcesContent":["export const ARIAMixinAttributes: (keyof ARIAMixin)[] = [\n\t'ariaAtomic',\n\t'ariaAutoComplete',\n\t'ariaBusy',\n\t'ariaChecked',\n\t'ariaColCount',\n\t'ariaColIndex',\n\t'ariaColSpan',\n\t'ariaCurrent',\n\t'ariaDisabled',\n\t'ariaExpanded',\n\t'ariaHasPopup',\n\t'ariaHidden',\n\t'ariaKeyShortcuts',\n\t'ariaLabel',\n\t'ariaLevel',\n\t'ariaLive',\n\t'ariaModal',\n\t'ariaMultiLine',\n\t'ariaMultiSelectable',\n\t'ariaOrientation',\n\t'ariaPlaceholder',\n\t'ariaPosInSet',\n\t'ariaPressed',\n\t'ariaReadOnly',\n\t'ariaRequired',\n\t'ariaRoleDescription',\n\t'ariaRowCount',\n\t'ariaRowIndex',\n\t'ariaRowSpan',\n\t'ariaSelected',\n\t'ariaSetSize',\n\t'ariaSort',\n\t'ariaValueMax',\n\t'ariaValueMin',\n\t'ariaValueNow',\n\t'ariaValueText'\n];\n"]}

package/accessibility/drag-and-drop.d.ts

@@ -0,0 +1,11 @@
+export declare type AriaDropEffect = 'copy' | 'execute' | 'link' | 'move' | 'none' | 'popup';
+export declare type AriaGrabbed = boolean | undefined;
+export interface DragAndDropModel {
+    ariaDropEffect: AriaDropEffect;
+    ariaGrabbed: AriaGrabbed;
+}
+export declare const DragAndDropAttributes: string[];
+export declare const DragAndDropAttributesMap: {
+    'aria-dropeffect': string;
+    'aria-grabbed': string;
+};

package/accessibility/drag-and-drop.js

@@ -0,0 +1,9 @@
+export const DragAndDropAttributes = [
+    'aria-dropeffect',
+    'aria-grabbed',
+];
+export const DragAndDropAttributesMap = {
+    'aria-dropeffect': 'ariaDropEffect',
+    'aria-grabbed': 'ariaGrabbed',
+};
+//# sourceMappingURL=drag-and-drop.js.map

package/accessibility/drag-and-drop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-and-drop.js","sourceRoot":"","sources":["../../../src/elements/accessibility/drag-and-drop.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACpC,iBAAiB;IACjB,cAAc;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACvC,iBAAiB,EAAE,gBAAgB;IACnC,cAAc,EAAE,aAAa;CAC7B,CAAC","sourcesContent":["export type AriaDropEffect = 'copy' | 'execute' | 'link' | 'move' | 'none' | 'popup';\n\nexport type AriaGrabbed = boolean | undefined;\n\nexport interface DragAndDropModel {\n\tariaDropEffect: AriaDropEffect,\n\tariaGrabbed: AriaGrabbed,\n}\n\nexport const DragAndDropAttributes = [\n\t'aria-dropeffect',\n\t'aria-grabbed',\n];\n\nexport const DragAndDropAttributesMap = {\n\t'aria-dropeffect': 'ariaDropEffect',\n\t'aria-grabbed': 'ariaGrabbed',\n};\n"]}

package/accessibility/index.d.ts

@@ -0,0 +1,5 @@
+export * from './a11y.js';
+export * from './relationship.js';
+export * from './widget.js';
+export * from './region.js';
+export * from './drag-and-drop.js';

package/accessibility/index.js

@@ -0,0 +1,6 @@
+export * from './a11y.js';
+export * from './relationship.js';
+export * from './widget.js';
+export * from './region.js';
+export * from './drag-and-drop.js';
+//# sourceMappingURL=index.js.map

package/accessibility/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elements/accessibility/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './a11y.js';\nexport * from './relationship.js';\nexport * from './widget.js';\nexport * from './region.js';\nexport * from './drag-and-drop.js';"]}

package/accessibility/region.d.ts

@@ -0,0 +1,17 @@
+export declare type AriaBusy = boolean;
+export declare type AriaLive = 'assertive' | 'off' | 'polite';
+export declare type AriaRelevant = 'additions' | 'removals' | 'text' | 'additions text' | 'all';
+export declare type AriaAtomic = boolean;
+export interface LiveRegionModel {
+    ariaBusy: AriaBusy;
+    ariaLive: AriaLive;
+    ariaRelevant: AriaRelevant;
+    ariaAtomic: AriaAtomic;
+}
+export declare const LiveRegionAttributes: string[];
+export declare const LiveRegionAttributesMap: {
+    'aria-busy': string;
+    'aria-live': string;
+    'aria-relevant': string;
+    'aria-atomic': string;
+};

package/accessibility/region.js

@@ -0,0 +1,13 @@
+export const LiveRegionAttributes = [
+    'aria-busy',
+    'aria-live',
+    'aria-relevant',
+    'aria-atomic',
+];
+export const LiveRegionAttributesMap = {
+    'aria-busy': 'ariaBusy',
+    'aria-live': 'ariaLive',
+    'aria-relevant': 'ariaRelevant',
+    'aria-atomic': 'ariaAtomic',
+};
+//# sourceMappingURL=region.js.map

package/accessibility/region.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"region.js","sourceRoot":"","sources":["../../../src/elements/accessibility/region.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,WAAW;IACX,WAAW;IACX,eAAe;IACf,aAAa;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACtC,WAAW,EAAE,UAAU;IACvB,WAAW,EAAE,UAAU;IACvB,eAAe,EAAE,cAAc;IAC/B,aAAa,EAAE,YAAY;CAC3B,CAAC","sourcesContent":["export type AriaBusy = boolean;\n\nexport type AriaLive = 'assertive' | 'off' | 'polite';\n\nexport type AriaRelevant = 'additions' | 'removals' | 'text' | 'additions text' | 'all';\n\n\nexport type AriaAtomic = boolean;\n\nexport interface LiveRegionModel {\n\tariaBusy: AriaBusy,\n\tariaLive: AriaLive,\n\tariaRelevant: AriaRelevant,\n\tariaAtomic: AriaAtomic,\n}\n\nexport const LiveRegionAttributes = [\n\t'aria-busy',\n\t'aria-live',\n\t'aria-relevant',\n\t'aria-atomic',\n];\n\nexport const LiveRegionAttributesMap = {\n\t'aria-busy': 'ariaBusy',\n\t'aria-live': 'ariaLive',\n\t'aria-relevant': 'ariaRelevant',\n\t'aria-atomic': 'ariaAtomic',\n};\n"]}

package/accessibility/relationship.d.ts

@@ -0,0 +1,77 @@
+/**
+ * element id attribute
+ */
+export declare type ElementID = string;
+export declare type AriaActiveDescendantElement = ElementID;
+export declare type AriaActiveDescendantElementRole = 'application' | 'combobox' | 'composite' | 'group' | 'textbox';
+export declare type AriaColCount = number;
+export declare type AriaColCountRole = 'table' | 'grid' | 'treegrid';
+export declare type AriaColIndex = number;
+export declare type AriaColIndexRole = 'cell' | 'row' | 'columnheader' | 'gridcell' | 'rowheader';
+export declare type AriaColSpan = number;
+export declare type AriaColSpanRole = 'cell' | 'columnheader' | 'rowheader';
+export declare type AriaControlsElements = ElementID | ElementID[];
+export declare type AriaDescribedByElements = ElementID | ElementID[];
+export declare type AriaDetailsElements = ElementID | ElementID[];
+export declare type AriaDescription = string;
+export declare type AriaErrorMessageElement = ElementID;
+export declare type AriaErrorMessageElementRole = 'application' | 'checkbox' | 'combobox' | 'gridcell' | 'listbox' | 'radiogroup' | 'slider' | 'spinbutton' | 'textbox' | 'tree' | 'columnheader' | 'rowheader' | 'searchbox' | 'switch' | 'treegrid';
+export declare type AriaFlowToElements = ElementID | ElementID[];
+export declare type AriaLabelledByElements = ElementID | ElementID[];
+export declare type AriaOwnsElements = ElementID | ElementID[];
+export declare type AriaPosInSet = number;
+/**
+ * The number of rows in the full table or -1 is the table size is not known.
+ */
+export declare type AriaRowCount = number;
+/**
+ * An integer greater than or equal to 1, greater than the aria-rowindex of the previous row, if any, and less than or equal to the value of aria-rowcount.
+ */
+export declare type AriaRowIndex = number;
+/**
+ * An integer greater than or equal to 0 and less than would cause a cell to overlap the next cell in the same column.
+ */
+export declare type AriaRowSpan = number;
+/**
+ * The number of items in the full set or -1 is the set size is unknown.
+ */
+export declare type AriaSetSize = number;
+export interface RelationshipModel {
+    ariaActiveDescendantElement: AriaActiveDescendantElement;
+    ariaColCount: AriaColCount;
+    ariaColIndex: AriaColIndex;
+    ariaColSpan: AriaColSpan;
+    ariaControlsElements: AriaControlsElements;
+    ariaDescribedByElements: AriaDescribedByElements;
+    ariaDescription: AriaDescription;
+    ariaDetailsElements: AriaDetailsElements;
+    ariaErrorMessageElement: AriaErrorMessageElement;
+    ariaFlowToElements: AriaFlowToElements;
+    ariaLabelledByElements: AriaLabelledByElements;
+    ariaOwnsElements: AriaOwnsElements;
+    ariaPosInSet: AriaPosInSet;
+    ariaRowCount: AriaRowCount;
+    ariaRowIndex: AriaRowIndex;
+    ariaRowSpan: AriaRowSpan;
+    ariaSetSize: AriaSetSize;
+}
+export declare const RelationshipAttributes: string[];
+export declare const RelationshipAttributesMap: {
+    'aria-activedescendant': string;
+    'aria-colcount': string;
+    'aria-colindex': string;
+    'aria-colspan': string;
+    'aria-controls': string;
+    'aria-describedby': string;
+    'aria-description': string;
+    'aria-details': string;
+    'aria-errormessage': string;
+    'aria-flowto': string;
+    'aria-labelledby': string;
+    'aria-owns': string;
+    'aria-posinset': string;
+    'aria-rowcount': string;
+    'aria-rowindex': string;
+    'aria-rowspan': string;
+    'aria-setsize': string;
+};

package/accessibility/relationship.js

@@ -0,0 +1,42 @@
+;
+;
+;
+export const RelationshipAttributes = [
+    'aria-activedescendant',
+    'aria-colcount',
+    'aria-colindex',
+    'aria-colspan',
+    'aria-controls',
+    'aria-describedby',
+    'aria-description',
+    'aria-details',
+    'aria-errormessage',
+    'aria-flowto',
+    'aria-labelledby',
+    'aria-owns',
+    'aria-posinset',
+    'aria-rowcount',
+    'aria-rowindex',
+    'aria-rowspan',
+    'aria-setsize',
+];
+export const RelationshipAttributesMap = {
+    'aria-activedescendant': 'ariaActiveDescendantElement',
+    'aria-colcount': 'ariaColCount',
+    'aria-colindex': 'ariaColIndex',
+    'aria-colspan': 'ariaColSpan',
+    'aria-controls': 'ariaControlsElements',
+    'aria-describedby': 'ariaDescribedByElements',
+    'aria-description': 'ariaDescription',
+    'aria-details': 'ariaDetailsElements',
+    'aria-errormessage': 'ariaErrorMessageElement',
+    'aria-flowto': 'ariaFlowToElements',
+    'aria-labelledby': 'ariaLabelledByElements',
+    'aria-owns': 'ariaOwnsElements',
+    'aria-posinset': 'ariaPosInSet',
+    'aria-rowcount': 'ariaRowCount',
+    'aria-rowindex': 'ariaRowIndex',
+    'aria-rowspan': 'ariaRowSpan',
+    'aria-setsize': 'ariaSetSize',
+};
+//# sourceMappingURL=relationship.js.map

package/accessibility/relationship.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relationship.js","sourceRoot":"","sources":["../../../src/elements/accessibility/relationship.ts"],"names":[],"mappings":"AAgC2D,CAAC;AAEE,CAAC;AAEL,CAAC;AAoE3D,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACrC,uBAAuB;IACvB,eAAe;IACf,eAAe;IACf,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,kBAAkB;IAClB,cAAc;IACd,mBAAmB;IACnB,aAAa;IACb,iBAAiB;IACjB,WAAW;IACX,eAAe;IACf,eAAe;IACf,eAAe;IACf,cAAc;IACd,cAAc;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACxC,uBAAuB,EAAE,6BAA6B;IACtD,eAAe,EAAE,cAAc;IAC/B,eAAe,EAAE,cAAc;IAC/B,cAAc,EAAE,aAAa;IAC7B,eAAe,EAAE,sBAAsB;IACvC,kBAAkB,EAAE,yBAAyB;IAC7C,kBAAkB,EAAE,iBAAiB;IACrC,cAAc,EAAE,qBAAqB;IACrC,mBAAmB,EAAE,yBAAyB;IAC9C,aAAa,EAAE,oBAAoB;IACnC,iBAAiB,EAAE,wBAAwB;IAC3C,WAAW,EAAE,kBAAkB;IAC/B,eAAe,EAAE,cAAc;IAC/B,eAAe,EAAE,cAAc;IAC/B,eAAe,EAAE,cAAc;IAC/B,cAAc,EAAE,aAAa;IAC7B,cAAc,EAAE,aAAa;CAC7B,CAAC","sourcesContent":["\n/**\n * element id attribute\n */\nexport type ElementID = string;\nexport type AriaActiveDescendantElement = ElementID;\n\nexport type AriaActiveDescendantElementRole =\n\t| 'application'\n\t| 'combobox'\n\t| 'composite'\n\t| 'group'\n\t| 'textbox';\n\n\nexport type AriaColCount = number;\nexport type AriaColCountRole = 'table' | 'grid' | 'treegrid';\n\nexport type AriaColIndex = number;\n\nexport type AriaColIndexRole =\n\t| 'cell'\n\t| 'row'\n\t| 'columnheader'\n\t| 'gridcell'\n\t| 'rowheader';\n\n\nexport type AriaColSpan = number;\nexport type AriaColSpanRole = 'cell' | 'columnheader' | 'rowheader';\n\n\nexport type AriaControlsElements = ElementID | ElementID[];;\n\nexport type AriaDescribedByElements = ElementID | ElementID[];;\n\nexport type AriaDetailsElements = ElementID | ElementID[];;\n\n\nexport type AriaDescription = string;\n\nexport type AriaErrorMessageElement = ElementID;\nexport type AriaErrorMessageElementRole =\n\t| 'application'\n\t| 'checkbox'\n\t| 'combobox'\n\t| 'gridcell'\n\t| 'listbox'\n\t| 'radiogroup'\n\t| 'slider'\n\t| 'spinbutton'\n\t| 'textbox'\n\t| 'tree'\n\t| 'columnheader'\n\t| 'rowheader'\n\t| 'searchbox'\n\t| 'switch'\n\t| 'treegrid';\n\nexport type AriaFlowToElements = ElementID | ElementID[];\nexport type AriaLabelledByElements = ElementID | ElementID[];\nexport type AriaOwnsElements = ElementID | ElementID[];\nexport type AriaPosInSet = number;\n\n/**\n * The number of rows in the full table or -1 is the table size is not known.\n */\nexport type AriaRowCount = number;\n\n/**\n * An integer greater than or equal to 1, greater than the aria-rowindex of the previous row, if any, and less than or equal to the value of aria-rowcount.\n */\nexport type AriaRowIndex = number;\n\n/**\n * An integer greater than or equal to 0 and less than would cause a cell to overlap the next cell in the same column.\n */\nexport type AriaRowSpan = number;\n\n/**\n * The number of items in the full set or -1 is the set size is unknown.\n */\nexport type AriaSetSize = number;\n\nexport interface RelationshipModel {\n\tariaActiveDescendantElement: AriaActiveDescendantElement,\n\tariaColCount: AriaColCount,\n\tariaColIndex: AriaColIndex,\n\tariaColSpan: AriaColSpan,\n\tariaControlsElements: AriaControlsElements,\n\tariaDescribedByElements: AriaDescribedByElements,\n\tariaDescription: AriaDescription,\n\tariaDetailsElements: AriaDetailsElements,\n\tariaErrorMessageElement: AriaErrorMessageElement,\n\tariaFlowToElements: AriaFlowToElements,\n\tariaLabelledByElements: AriaLabelledByElements\n\tariaOwnsElements: AriaOwnsElements,\n\tariaPosInSet: AriaPosInSet,\n\tariaRowCount: AriaRowCount,\n\tariaRowIndex: AriaRowIndex,\n\tariaRowSpan: AriaRowSpan,\n\tariaSetSize: AriaSetSize,\n}\n\nexport const RelationshipAttributes = [\n\t'aria-activedescendant',\n\t'aria-colcount',\n\t'aria-colindex',\n\t'aria-colspan',\n\t'aria-controls',\n\t'aria-describedby',\n\t'aria-description',\n\t'aria-details',\n\t'aria-errormessage',\n\t'aria-flowto',\n\t'aria-labelledby',\n\t'aria-owns',\n\t'aria-posinset',\n\t'aria-rowcount',\n\t'aria-rowindex',\n\t'aria-rowspan',\n\t'aria-setsize',\n];\n\nexport const RelationshipAttributesMap = {\n\t'aria-activedescendant': 'ariaActiveDescendantElement',\n\t'aria-colcount': 'ariaColCount',\n\t'aria-colindex': 'ariaColIndex',\n\t'aria-colspan': 'ariaColSpan',\n\t'aria-controls': 'ariaControlsElements',\n\t'aria-describedby': 'ariaDescribedByElements',\n\t'aria-description': 'ariaDescription',\n\t'aria-details': 'ariaDetailsElements',\n\t'aria-errormessage': 'ariaErrorMessageElement',\n\t'aria-flowto': 'ariaFlowToElements',\n\t'aria-labelledby': 'ariaLabelledByElements',\n\t'aria-owns': 'ariaOwnsElements',\n\t'aria-posinset': 'ariaPosInSet',\n\t'aria-rowcount': 'ariaRowCount',\n\t'aria-rowindex': 'ariaRowIndex',\n\t'aria-rowspan': 'ariaRowSpan',\n\t'aria-setsize': 'ariaSetSize',\n};\n"]}

package/accessibility/widget.d.ts

@@ -0,0 +1,77 @@
+import { AriaErrorMessageElement } from './relationship.js';
+export declare type AriaAutocomplete = 'none' | 'inline' | 'list' | 'booth';
+export declare type AriaChecked = true | false | undefined | 'mixed';
+export declare type AriaDisabled = boolean;
+export declare type AriaExpanded = boolean | undefined;
+export declare type AriaHasPopup = boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+export declare type AriaHidden = boolean | undefined;
+export declare type AriaInvalid = 'grammar' | 'spelling' | boolean;
+export declare type AriaLabel = string;
+export declare type AriaLevel = number;
+export declare type AriaModal = boolean;
+export declare type AriaMultiline = boolean;
+export declare type AriaMultiSelectable = boolean;
+export declare type AriaOrientation = 'horizontal' | 'vertical';
+export declare type AriaPlaceholder = string;
+export declare type AriaPressed = boolean | 'mixed' | undefined;
+export declare type AriaReadonly = boolean;
+export declare type AriaRequired = boolean;
+export declare type AriaSelected = boolean | undefined;
+export declare type AriaSort = 'ascending' | 'descending' | 'none' | 'other';
+export declare type AriaValueMax = number;
+export declare type AriaValueMin = number;
+export declare type AriaValueNow = number;
+export declare type AriaValueText = string;
+export interface WidgetModel {
+    ariaAutocomplete: AriaAutocomplete;
+    ariaChecked: AriaChecked;
+    ariaDisabled: AriaDisabled;
+    ariaErrorMessageElement: AriaErrorMessageElement;
+    ariaExpanded: AriaExpanded;
+    ariaHasPopup: AriaHasPopup;
+    ariaHidden: AriaHidden;
+    ariaInvalid: AriaInvalid;
+    ariaLabel: AriaLabel;
+    ariaLevel: AriaLevel;
+    ariaModal: AriaModal;
+    ariaMultiline: AriaMultiline;
+    ariaMultiSelectable: AriaMultiSelectable;
+    ariaOrientation: AriaOrientation;
+    ariaPlaceholder: AriaPlaceholder;
+    ariaPressed: AriaPressed;
+    ariaReadonly: AriaReadonly;
+    ariaRequired: AriaRequired;
+    ariaSelected: AriaSelected;
+    ariaSort: AriaSort;
+    ariaValueMax: AriaValueMax;
+    ariaValueMin: AriaValueMin;
+    ariaValueNow: AriaValueNow;
+    ariaValueText: AriaValueText;
+}
+export declare const WidgetAttributes: string[];
+export declare const WidgetAttributesMap: {
+    'aria-autocomplete': string;
+    'aria-checked': string;
+    'aria-disabled': string;
+    'aria-errormessage': string;
+    'aria-expanded': string;
+    'aria-haspopup': string;
+    'aria-hidden': string;
+    'aria-invalid': string;
+    'aria-label': string;
+    'aria-level': string;
+    'aria-modal': string;
+    'aria-multiline': string;
+    'aria-multiselectable': string;
+    'aria-orientation': string;
+    'aria-placeholder': string;
+    'aria-pressed': string;
+    'aria-readonly': string;
+    'aria-required': string;
+    'aria-selected': string;
+    'aria-sort': string;
+    'aria-valuemax': string;
+    'aria-valuemin': string;
+    'aria-valuenow': string;
+    'aria-valuetext': string;
+};

package/accessibility/widget.js

@@ -0,0 +1,53 @@
+export const WidgetAttributes = [
+    'aria-autocomplete',
+    'aria-checked',
+    'aria-disabled',
+    'aria-errormessage',
+    'aria-expanded',
+    'aria-haspopup',
+    'aria-hidden',
+    'aria-invalid',
+    'aria-label',
+    'aria-level',
+    'aria-modal',
+    'aria-multiline',
+    'aria-multiselectable',
+    'aria-orientation',
+    'aria-placeholder',
+    'aria-pressed',
+    'aria-readonly',
+    'aria-required',
+    'aria-selected',
+    'aria-sort',
+    'aria-valuemax',
+    'aria-valuemin',
+    'aria-valuenow',
+    'aria-valuetext',
+];
+export const WidgetAttributesMap = {
+    'aria-autocomplete': 'ariaAutoComplete',
+    'aria-checked': 'ariaChecked',
+    'aria-disabled': 'ariaDisabled',
+    'aria-errormessage': 'ariaErrorMessageElement',
+    'aria-expanded': 'ariaExpanded',
+    'aria-haspopup': 'ariaHasPopup',
+    'aria-hidden': 'ariaHidden',
+    'aria-invalid': 'ariaInvalid',
+    'aria-label': 'ariaLabel',
+    'aria-level': 'ariaLevel',
+    'aria-modal': 'ariaModal',
+    'aria-multiline': 'ariaMultiLine',
+    'aria-multiselectable': 'ariaMultiSelectable',
+    'aria-orientation': 'ariaOrientation',
+    'aria-placeholder': 'ariaPlaceholder',
+    'aria-pressed': 'ariaPressed',
+    'aria-readonly': 'ariaReadOnly',
+    'aria-required': 'ariaRequired',
+    'aria-selected': 'ariaSelected',
+    'aria-sort': 'ariaSort',
+    'aria-valuemax': 'ariaValueMax',
+    'aria-valuemin': 'ariaValueMin',
+    'aria-valuenow': 'ariaValueNow',
+    'aria-valuetext': 'ariaValueText',
+};
+//# sourceMappingURL=widget.js.map

package/accessibility/widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/elements/accessibility/widget.ts"],"names":[],"mappings":"AA6EA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,mBAAmB;IACnB,cAAc;IACd,eAAe;IACf,mBAAmB;IACnB,eAAe;IACf,eAAe;IACf,aAAa;IACb,cAAc;IACd,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,gBAAgB;IAChB,sBAAsB;IACtB,kBAAkB;IAClB,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,eAAe;IACf,eAAe;IACf,WAAW;IACX,eAAe;IACf,eAAe;IACf,eAAe;IACf,gBAAgB;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAClC,mBAAmB,EAAE,kBAAkB;IACvC,cAAc,EAAE,aAAa;IAC7B,eAAe,EAAE,cAAc;IAC/B,mBAAmB,EAAE,yBAAyB;IAC9C,eAAe,EAAE,cAAc;IAC/B,eAAe,EAAE,cAAc;IAC/B,aAAa,EAAE,YAAY;IAC3B,cAAc,EAAE,aAAa;IAC7B,YAAY,EAAE,WAAW;IACzB,YAAY,EAAE,WAAW;IACzB,YAAY,EAAE,WAAW;IACzB,gBAAgB,EAAE,eAAe;IACjC,sBAAsB,EAAE,qBAAqB;IAC7C,kBAAkB,EAAE,iBAAiB;IACrC,kBAAkB,EAAE,iBAAiB;IACrC,cAAc,EAAE,aAAa;IAC7B,eAAe,EAAE,cAAc;IAC/B,eAAe,EAAE,cAAc;IAC/B,eAAe,EAAE,cAAc;IAC/B,WAAW,EAAE,UAAU;IACvB,eAAe,EAAE,cAAc;IAC/B,eAAe,EAAE,cAAc;IAC/B,eAAe,EAAE,cAAc;IAC/B,gBAAgB,EAAE,eAAe;CACjC,CAAC","sourcesContent":["import { AriaErrorMessageElement } from './relationship.js';\n\nexport type AriaAutocomplete = 'none' | 'inline' | 'list' | 'booth';\n\nexport type AriaChecked = true | false | undefined | 'mixed';\n\nexport type AriaDisabled = boolean;\n\nexport type AriaExpanded = boolean | undefined;\n\nexport type AriaHasPopup = boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';\n\nexport type AriaHidden = boolean | undefined;\n\nexport type AriaInvalid = 'grammar' | 'spelling' | boolean;\n\nexport type AriaLabel = string;\n\nexport type AriaLevel = number;\n\nexport type AriaModal = boolean;\n\nexport type AriaMultiline = boolean;\n\nexport type AriaMultiSelectable = boolean;\n\nexport type AriaOrientation = 'horizontal' | 'vertical';\n\nexport type AriaPlaceholder = string;\n\nexport type AriaPressed = boolean | 'mixed' | undefined;\n\nexport type AriaReadonly = boolean;\n\nexport type AriaRequired = boolean;\n\nexport type AriaSelected = boolean | undefined;\n\nexport type AriaSort = 'ascending' | 'descending' | 'none' | 'other';\n\nexport type AriaValueMax = number;\n\nexport type AriaValueMin = number;\n\nexport type AriaValueNow = number;\n\nexport type AriaValueText = string;\n\n\nexport interface WidgetModel {\n\tariaAutocomplete: AriaAutocomplete,\n\tariaChecked: AriaChecked,\n\tariaDisabled: AriaDisabled,\n\tariaErrorMessageElement: AriaErrorMessageElement,\n\tariaExpanded: AriaExpanded,\n\tariaHasPopup: AriaHasPopup,\n\tariaHidden: AriaHidden,\n\tariaInvalid: AriaInvalid,\n\tariaLabel: AriaLabel,\n\tariaLevel: AriaLevel,\n\tariaModal: AriaModal,\n\n\tariaMultiline: AriaMultiline,\n\tariaMultiSelectable: AriaMultiSelectable,\n\tariaOrientation: AriaOrientation,\n\tariaPlaceholder: AriaPlaceholder,\n\tariaPressed: AriaPressed,\n\tariaReadonly: AriaReadonly,\n\tariaRequired: AriaRequired,\n\tariaSelected: AriaSelected,\n\tariaSort: AriaSort,\n\tariaValueMax: AriaValueMax,\n\tariaValueMin: AriaValueMin,\n\tariaValueNow: AriaValueNow,\n\tariaValueText: AriaValueText,\n}\n\nexport const WidgetAttributes = [\n\t'aria-autocomplete',\n\t'aria-checked',\n\t'aria-disabled',\n\t'aria-errormessage',\n\t'aria-expanded',\n\t'aria-haspopup',\n\t'aria-hidden',\n\t'aria-invalid',\n\t'aria-label',\n\t'aria-level',\n\t'aria-modal',\n\t'aria-multiline',\n\t'aria-multiselectable',\n\t'aria-orientation',\n\t'aria-placeholder',\n\t'aria-pressed',\n\t'aria-readonly',\n\t'aria-required',\n\t'aria-selected',\n\t'aria-sort',\n\t'aria-valuemax',\n\t'aria-valuemin',\n\t'aria-valuenow',\n\t'aria-valuetext',\n];\n\nexport const WidgetAttributesMap = {\n\t'aria-autocomplete': 'ariaAutoComplete',\n\t'aria-checked': 'ariaChecked',\n\t'aria-disabled': 'ariaDisabled',\n\t'aria-errormessage': 'ariaErrorMessageElement',\n\t'aria-expanded': 'ariaExpanded',\n\t'aria-haspopup': 'ariaHasPopup',\n\t'aria-hidden': 'ariaHidden',\n\t'aria-invalid': 'ariaInvalid',\n\t'aria-label': 'ariaLabel',\n\t'aria-level': 'ariaLevel',\n\t'aria-modal': 'ariaModal',\n\t'aria-multiline': 'ariaMultiLine',\n\t'aria-multiselectable': 'ariaMultiSelectable',\n\t'aria-orientation': 'ariaOrientation',\n\t'aria-placeholder': 'ariaPlaceholder',\n\t'aria-pressed': 'ariaPressed',\n\t'aria-readonly': 'ariaReadOnly',\n\t'aria-required': 'ariaRequired',\n\t'aria-selected': 'ariaSelected',\n\t'aria-sort': 'ariaSort',\n\t'aria-valuemax': 'ariaValueMax',\n\t'aria-valuemin': 'ariaValueMin',\n\t'aria-valuenow': 'ariaValueNow',\n\t'aria-valuetext': 'ariaValueText',\n};\n"]}

package/ast/dom.d.ts

@@ -5,13 +5,22 @@ export declare class Attribute<N, V> {
     name: N;
     value: V;
     constructor(name: N, value: V);
+    toJSON(): this & {
+        type: string;
+    };
 }
 export declare class ElementAttribute<N, V> extends Attribute<N, V> {
+    toJSON(): this & {
+        type: string;
+    };
 }
 /**
  * an attribute with its source value for binding
  */
 export declare class LiveAttribute extends Attribute<string, string> {
+    toJSON(): this & {
+        type: string;
+    };
 }
 /**
  *
@@ -26,11 +35,17 @@ export declare function createLiveAttribute(name: string, value: string): LiveAt
 export declare class TextContent extends Attribute<'textContent', string> {
     static propName: 'textContent';
     constructor(text: string);
+    toJSON(): this & {
+        type: string;
+    };
 }
 /**
  * a text that its content is binding to variable from the component model.
  */
 export declare class LiveTextContent extends TextContent {
+    toJSON(): this & {
+        type: string;
+    };
 }
 export declare function isLiveTextContent(text: object): text is LiveTextContent;
 /**
@@ -39,6 +54,9 @@ export declare function isLiveTextContent(text: object): text is LiveTextContent
 export declare class CommentNode {
     comment: string;
     constructor(comment: string);
+    toJSON(): this & {
+        type: string;
+    };
 }
 export declare class BaseNode {
     /**
@@ -70,6 +88,9 @@ export declare class BaseNode {
     addOutput(eventName: string, handlerSource: string): void;
     addTwoWayBinding(eventName: string, handlerSource: string): void;
     addTemplateAttr(attrName: string, valueSource: string): void;
+    toJSON(): this & {
+        type: string;
+    };
 }
 export declare class DomAttributeDirectiveNode extends BaseNode {
     /**
@@ -81,6 +102,9 @@ export declare class DomAttributeDirectiveNode extends BaseNode {
      */
     attributeDirectives: undefined;
     constructor(name: string);
+    toJSON(): this & {
+        type: string;
+    };
 }
 export declare class DomParentNode extends BaseNode {
     /**
@@ -89,12 +113,18 @@ export declare class DomParentNode extends BaseNode {
     children?: DomChild[];
     addChild(child: DomChild): void;
     addTextChild(text: string): void;
+    toJSON(): this & {
+        type: string;
+    };
 }
 /**
  * parent for a list of elements
  */
 export declare class DomFragmentNode extends DomParentNode {
     constructor(children?: DomChild[]);
+    toJSON(): this & {
+        type: string;
+    };
 }
 export declare class DomElementNode extends DomParentNode {
     /**
@@ -112,6 +142,9 @@ export declare class DomElementNode extends DomParentNode {
     constructor(tagName: string, is?: string);
     setTagName(tagName: string): void;
     setTemplateRefName(name: string, value?: string): void;
+    toJSON(): this & {
+        type: string;
+    };
 }
 /**
  * structural directive
@@ -130,6 +163,9 @@ export declare class DomStructuralDirectiveNode extends BaseNode {
      */
     node: DomNode;
     constructor(name: string, node: DomNode, value?: string);
+    toJSON(): this & {
+        type: string;
+    };
 }
 export declare function isDOMDirectiveNode(node: object): node is DomStructuralDirectiveNode;
 export declare type DomChild = DomElementNode | DomStructuralDirectiveNode | CommentNode | TextContent | LiveTextContent;

package/ast/dom.js

@@ -6,13 +6,22 @@ export class Attribute {
         this.name = name;
         this.value = value;
     }
+    toJSON() {
+        return Object.assign({}, this, { type: 'Attribute' });
+    }
 }
 export class ElementAttribute extends Attribute {
+    toJSON() {
+        return Object.assign({}, this, { type: 'ElementAttribute' });
+    }
 }
 /**
  * an attribute with its source value for binding
  */
 export class LiveAttribute extends Attribute {
+    toJSON() {
+        return Object.assign({}, this, { type: 'LiveAttribute' });
+    }
 }
 /**
  *
@@ -30,12 +39,18 @@ export class TextContent extends Attribute {
     constructor(text) {
         super(TextContent.propName, text);
     }
+    toJSON() {
+        return Object.assign({}, this, { type: 'TextContent' });
+    }
 }
 TextContent.propName = 'textContent';
 /**
  * a text that its content is binding to variable from the component model.
  */
 export class LiveTextContent extends TextContent {
+    toJSON() {
+        return Object.assign({}, this, { type: 'LiveTextContent' });
+    }
 }
 export function isLiveTextContent(text) {
     return text instanceof LiveTextContent;
@@ -47,6 +62,9 @@ export class CommentNode {
     constructor(comment) {
         this.comment = comment;
     }
+    toJSON() {
+        return Object.assign({}, this, { type: 'CommentNode' });
+    }
 }
 export class BaseNode {
     addAttribute(attrName, value) {
@@ -100,12 +118,18 @@ export class BaseNode {
             this.templateAttrs = [new LiveAttribute(attrName, valueSource)];
         }
     }
+    toJSON() {
+        return Object.assign({}, this, { type: 'BaseNode' });
+    }
 }
 export class DomAttributeDirectiveNode extends BaseNode {
     constructor(name) {
         super();
         this.name = name;
     }
+    toJSON() {
+        return Object.assign({}, this, { type: 'DomAttributeDirectiveNode' });
+    }
 }
 export class DomParentNode extends BaseNode {
     addChild(child) {
@@ -120,6 +144,9 @@ export class DomParentNode extends BaseNode {
         const children = (this.children ?? (this.children = []));
         parseTextChild(text).forEach(childText => children.push(childText));
     }
+    toJSON() {
+        return Object.assign({}, this, { type: 'DomParentNode' });
+    }
 }
 /**
  * parent for a list of elements
@@ -131,6 +158,9 @@ export class DomFragmentNode extends DomParentNode {
             this.children = children;
         }
     }
+    toJSON() {
+        return Object.assign({}, this, { type: 'DomFragmentNode' });
+    }
 }
 export class DomElementNode extends DomParentNode {
     constructor(tagName, is) {
@@ -146,6 +176,9 @@ export class DomElementNode extends DomParentNode {
     setTemplateRefName(name, value) {
         this.templateRefName = new Attribute(name, value);
     }
+    toJSON() {
+        return Object.assign({}, this, { type: 'DomElementNode' });
+    }
 }
 /**
  * structural directive
@@ -157,6 +190,9 @@ export class DomStructuralDirectiveNode extends BaseNode {
         this.node = node;
         this.value = value;
     }
+    toJSON() {
+        return Object.assign({}, this, { type: 'DomStructuralDirectiveNode' });
+    }
 }
 export function isDOMDirectiveNode(node) {
     return node instanceof DomStructuralDirectiveNode;