UNPKG

@lrnwebcomponents/hax-body

Version:

A full on Headless authoring experience as a single tag. The ultimate authoring solution across platforms to win the future.

717 lines (716 loc) 199 kB
{ "version": 1, "tags": [ { "name": "hax-body", "description": "`hax-body`\nManager of the body area that can be modified\n\n### Styling\n`<hax-bodys>` provides following custom properties\nfor styling:\n\nCustom property | Description | Default\n----------------|-------------|--------\n--haxcms-base-styles-body-font-size | | 16px\n--haxcms-base-styles-body-font-family, 'Noto Serif' | | serif\n--haxcms-base-styles-body-line-height | | 1.8\n--haxcms-base-styles-body-letter-spacing | | .5px\n--hax-ui-headings | | #d4ff77;\n--hax-color-text | default text color | #000\n--hax-contextual-action-text-color | | --simple-colors-default-theme-grey-1\n--hax-contextual-action-color | | --simple-colors-default-theme-cyan-7\n--hax-contextual-action-hover-color | | \n--hax-body-target-background-color: --simple-colors-default-theme-cyan-2\n--hax-body-possible-target-background-color: --simple-colors-default-theme-grey-2\n\n####Outlines\nCustom property | Description | Default\n----------------|-------------|--------\n--hax-body-editable-outline | | 1px solid --simple-colors-default-theme-deep-orange\n--hax-body-active-outline-hover: 1px solid --hax-contextual-action-color\n--hax-body-active-outline: 3px solid --hax-contextual-action-color\n\n####Headings\nCustom property | Description | Default\n----------------|-------------|--------\n--hax-base-styles-h1-font-size | | 2.5em\n--hax-base-styles-h1-line-height | | 2.5em\n--hax-base-styles-h2-font-size | | 2em\n--hax-base-styles-h3-font-size | | 1.75em\n--hax-base-styles-h4-font-size | | 1.5em\n--hax-base-styles-h5-font-size | | 1.25em\n--hax-base-styles-h6-font-size | | 1.25em\n--hax-base-styles-p-min-height | | 43px\n--hax-base-styles-p-font-size | | 24px\n--hax-base-styles-p-line-height | | 1.8\n--hax-base-styles-p-letter-spacing | | 0.5px\n\n####Links\nCustom property | Description | Default\n----------------|-------------|--------\n--hax-base-styles-a-color | | --simple-colors-default-theme-grey-12\n--hax-base-styles-a-font-size | | 24px\n--hax-base-styles-a-font-weight | | normal\n--hax-base-styles-a-color-visited | | --simple-colors-default-theme-light-blue\n--hax-base-styles-a-color-active | | --simple-colors-default-theme-light-blue\n--hax-base-styles-a-font-weight-active | | normal\n\n####Lists\nCustom property | Description | Default\n----------------|-------------|--------\n--hax-base-styles-list-padding-bottom | | 1.5em\n--hax-base-styles-list-line-height | | 40px\n--hax-base-styles-list-font-size | | 24px\n--hax-base-styles-list-last-child-padding-bottom | | 1em\n--hax-base-styles-list-padding-left | | 20px\n--hax-base-styles-list-margin-left | | 20px\n\nEvents:\n\n * `hax-register-body` {`CustomEvent<this>`} - \n\n * `place-holder-file-drop` {`CustomEvent<any>`} - \n\n * `hax-drop-focus-event` {`CustomEvent<any>`} - \n\n * `stack-changed` {`CustomEvent<{ value: Undo; }>`} - \n\n * `can-undo-changed` {`CustomEvent<{ value: any; }>`} - \n\n * `can-redo-changed` {`CustomEvent<{ value: any; }>`} - \n\nAttributes:\n\n * `allowLinkTarget` {`boolean`} - enabldes link targets\n\n * `element-align` {`string`} - element align\n\n * `tray-detail` {`string`} - is hax tray collapsed, side-panel, or full-panel\n\n * `tray-status` {`string`} - is hax tray collapsed, side-panel, or full-panel\n\n * `canMoveElement` {`boolean`} - activeNode can be moved\n\n * `viewSourceToggle` {`boolean`} - Is active node in view source mode?\n\n * `edit-mode` {`boolean`} - State of if we are editing or not.\n\n * `hax-mover` {`boolean`} - \n\n * `activeNode` - A reference to the active node in the slot.\n\n * `t` - \n\n * `can-undo` {`boolean`} - If we can currently undo based on stack position\n\n * `can-redo` {`boolean`} - If we can currently redo based on stack position\n\n * `target` - Allow for targetting OTHER elements w/ this behavior\n\n * `stack` - The undo stack order\n\n * `undoStackObserverProps` - Properties for the mutation observer\n\n * `accent-color` {`string`} - a selected accent-\"color\": grey, red, pink, purple, etc.\n\n * `dark` {`boolean`} - make the default theme dark?\n\nProperties:\n\n * `isGridActive` - \n\n * `allowLinkTarget` {`boolean`} - enabldes link targets\n\n * `elementAlign` {`string`} - element align\n\n * `trayDetail` {`string`} - is hax tray collapsed, side-panel, or full-panel\n\n * `trayStatus` {`string`} - is hax tray collapsed, side-panel, or full-panel\n\n * `canMoveElement` {`boolean`} - activeNode can be moved\n\n * `primitiveTextBlocks` {`string[]`} - Whole workflow of replacing something in place contextually.\nThis can fire for things like events needing this workflow to\ninvoke whether it's a \"convert\" event or a \"replace placeholder\" event\n\n * `__ignoreActive` {`boolean`} - \n\n * `__dragMoving` {`boolean`} - \n\n * `___moveLock` {`boolean`} - \n\n * `viewSourceToggle` {`boolean`} - Is active node in view source mode?\n\n * `editMode` {`boolean`} - State of if we are editing or not.\n\n * `haxMover` {`boolean`} - \n\n * `activeNode` - A reference to the active node in the slot.\n\n * `__lockIconPath` - \n\n * `part` {`string`} - \n\n * `t` - \n\n * `canUndo` {`boolean`} - If we can currently undo based on stack position\n\n * `canRedo` {`boolean`} - If we can currently redo based on stack position\n\n * `target` - Allow for targetting OTHER elements w/ this behavior\n\n * `stack` - The undo stack order\n\n * `undoStackLimit` {`number`} - \n\n * `undoStackTimer` {`number`} - \n\n * `undoStackIgnore` {`boolean`} - \n\n * `undoStackObserver` - \n\n * `undoStackObserverProps` - Properties for the mutation observer\n\n * `undoStackInitialValue` - \n\n * `undoStackPrevValue` - \n\n * `accentColor` {`string`} - a selected accent-\"color\": grey, red, pink, purple, etc.\n\n * `dark` {`boolean`} - make the default theme dark?\n\n * `colors` - ", "attributes": [ { "name": "allowLinkTarget", "description": "`allowLinkTarget` {`boolean`} - enabldes link targets\n\nProperty: allowLinkTarget", "valueSet": "v" }, { "name": "element-align", "description": "`element-align` {`string`} - element align\n\nProperty: elementAlign" }, { "name": "tray-detail", "description": "`tray-detail` {`string`} - is hax tray collapsed, side-panel, or full-panel\n\nProperty: trayDetail" }, { "name": "tray-status", "description": "`tray-status` {`string`} - is hax tray collapsed, side-panel, or full-panel\n\nProperty: trayStatus" }, { "name": "canMoveElement", "description": "`canMoveElement` {`boolean`} - activeNode can be moved\n\nProperty: canMoveElement", "valueSet": "v" }, { "name": "viewSourceToggle", "description": "`viewSourceToggle` {`boolean`} - Is active node in view source mode?\n\nProperty: viewSourceToggle\n\nDefault: false", "valueSet": "v" }, { "name": "edit-mode", "description": "`edit-mode` {`boolean`} - State of if we are editing or not.\n\nProperty: editMode\n\nDefault: false", "valueSet": "v" }, { "name": "hax-mover", "description": "`hax-mover` {`boolean`} - \n\nProperty: haxMover\n\nDefault: false", "valueSet": "v" }, { "name": "activeNode", "description": "`activeNode` - A reference to the active node in the slot.\n\nProperty: activeNode\n\nDefault: null" }, { "name": "t", "description": "`t` - \n\nProperty: t\n\nDefault: [object Object]" }, { "name": "can-undo", "description": "`can-undo` {`boolean`} - If we can currently undo based on stack position\n\nProperty: canUndo", "valueSet": "v" }, { "name": "can-redo", "description": "`can-redo` {`boolean`} - If we can currently redo based on stack position\n\nProperty: canRedo", "valueSet": "v" }, { "name": "target", "description": "`target` - Allow for targetting OTHER elements w/ this behavior\n\nProperty: target" }, { "name": "stack", "description": "`stack` - The undo stack order\n\nProperty: stack" }, { "name": "undoStackObserverProps", "description": "`undoStackObserverProps` - Properties for the mutation observer\n\nProperty: undoStackObserverProps\n\nDefault: [object Object]" }, { "name": "accent-color", "description": "`accent-color` {`string`} - a selected accent-\"color\": grey, red, pink, purple, etc.\n\nProperty: accentColor\n\nDefault: grey" }, { "name": "dark", "description": "`dark` {`boolean`} - make the default theme dark?\n\nProperty: dark\n\nDefault: false", "valueSet": "v" }, { "name": "onhax-register-body", "description": "`hax-register-body` {`CustomEvent<this>`} - " }, { "name": "onplace-holder-file-drop", "description": "`place-holder-file-drop` {`CustomEvent<any>`} - " }, { "name": "onhax-drop-focus-event", "description": "`hax-drop-focus-event` {`CustomEvent<any>`} - " }, { "name": "onstack-changed", "description": "`stack-changed` {`CustomEvent<{ value: Undo; }>`} - " }, { "name": "oncan-undo-changed", "description": "`can-undo-changed` {`CustomEvent<{ value: any; }>`} - " }, { "name": "oncan-redo-changed", "description": "`can-redo-changed` {`CustomEvent<{ value: any; }>`} - " } ] }, { "name": "hax-text-editor-toolbar", "attributes": [] }, { "name": "hax-text-editor-toolbar", "description": "`hax-text-editor-toolbar`\na customized toolbar (with buttons) for HAX\n\n", "attributes": [] }, { "name": "hax-text-editor", "description": "`hax-text-editor`\nHAX-specific implementation of rich-text-editor\n\n", "attributes": [] }, { "name": "hax-upload-field", "attributes": [] }, { "name": "hax-app-browser", "description": "`hax-app-browser`\n\nAttributes:\n\n * `search` {`string`} - Search term\n\n * `searching` {`boolean`} - Searching mode\n\n * `appList` {`any[]`} - \n\n * `activeApp` - Global activeApp object.\n\n * `has-active` {`boolean`} - If we have an active, scale everything\n\nProperties:\n\n * `search` {`string`} - Search term\n\n * `searching` {`boolean`} - Searching mode\n\n * `appList` {`any[]`} - \n\n * `activeApp` - Global activeApp object.\n\n * `hasActive` {`boolean`} - If we have an active, scale everything", "attributes": [ { "name": "search", "description": "`search` {`string`} - Search term\n\nProperty: search" }, { "name": "searching", "description": "`searching` {`boolean`} - Searching mode\n\nProperty: searching\n\nDefault: false", "valueSet": "v" }, { "name": "appList", "description": "`appList` {`any[]`} - \n\nProperty: appList\n\nDefault: " }, { "name": "activeApp", "description": "`activeApp` - Global activeApp object.\n\nProperty: activeApp\n\nDefault: null" }, { "name": "has-active", "description": "`has-active` {`boolean`} - If we have an active, scale everything\n\nProperty: hasActive\n\nDefault: false", "valueSet": "v" } ] }, { "name": "hax-app-picker", "description": "`hax-app-picker`\n`app pop over + picker with options`\n\nEvents:\n\n * `hax-register-core-piece` {`CustomEvent<{ piece: string; object: this; }>`} - \n\nAttributes:\n\n * `title` {`string`} - Title for the dialog\n\nProperties:\n\n * `title` {`string`} - Title for the dialog", "attributes": [ { "name": "title", "description": "`title` {`string`} - Title for the dialog\n\nProperty: title\n\nDefault: Select an option" }, { "name": "onhax-register-core-piece", "description": "`hax-register-core-piece` {`CustomEvent<{ piece: string; object: this; }>`} - " } ] }, { "name": "hax-app-search-inputs", "description": "`hax-app-search-inputs`\nAn element that brokers the visual display of a listing of material from an end point. The goal is to normalize data from some location which is media centric. This expects to get at least enough data in order to form a grid of items which are selectable. It's also generically implemented so that anything can be hooked up as a potential source for input (example: youtube API or custom in-house solution). The goal is to return enough info via fired event so that we can tell hax-body that the user selected a tag, properties, slot combination so that hax-body can turn the selection into a custom element / element injected into the hax-body slot.\n\nEvents:\n\n * `search-values-changed` {`CustomEvent<any>`} - \n\nAttributes:\n\n * `schema` - Schema used to generate the input types.\n\nProperties:\n\n * `schema` - Schema used to generate the input types.", "attributes": [ { "name": "schema", "description": "`schema` - Schema used to generate the input types.\n\nProperty: schema" }, { "name": "onsearch-values-changed", "description": "`search-values-changed` {`CustomEvent<any>`} - " } ] }, { "name": "hax-source", "description": "`hax-source`\n\nEvents:\n\n * `hax-insert-content` {`CustomEvent<any>`} - \n\nAttributes:\n\n * `image` {`string`} - \n\n * `title` {`string`} - \n\n * `details` {`string`} - \n\n * `map` - \n\n * `type` {`string`} - \n\nProperties:\n\n * `image` {`string`} - \n\n * `title` {`string`} - \n\n * `details` {`string`} - \n\n * `map` - \n\n * `type` {`string`} - ", "attributes": [ { "name": "image", "description": "`image` {`string`} - \n\nProperty: image" }, { "name": "title", "description": "`title` {`string`} - \n\nProperty: title" }, { "name": "details", "description": "`details` {`string`} - \n\nProperty: details" }, { "name": "map", "description": "`map` - \n\nProperty: map" }, { "name": "type", "description": "`type` {`string`} - \n\nProperty: type" }, { "name": "onhax-insert-content", "description": "`hax-insert-content` {`CustomEvent<any>`} - " } ] }, { "name": "hax-app-search-result", "description": "`hax-source`\n\nEvents:\n\n * `hax-insert-content` {`CustomEvent<any>`} - \n\nAttributes:\n\n * `image` {`string`} - \n\n * `title` {`string`} - \n\n * `details` {`string`} - \n\n * `map` - \n\n * `type` {`string`} - \n\nProperties:\n\n * `image` {`string`} - \n\n * `title` {`string`} - \n\n * `details` {`string`} - \n\n * `map` - \n\n * `type` {`string`} - ", "attributes": [ { "name": "image", "description": "`image` {`string`} - \n\nProperty: image" }, { "name": "title", "description": "`title` {`string`} - \n\nProperty: title" }, { "name": "details", "description": "`details` {`string`} - \n\nProperty: details" }, { "name": "map", "description": "`map` - \n\nProperty: map" }, { "name": "type", "description": "`type` {`string`} - \n\nProperty: type" }, { "name": "onhax-insert-content", "description": "`hax-insert-content` {`CustomEvent<any>`} - " } ] }, { "name": "hax-app-search", "description": "`hax-app-search`\n`An element that brokers the visual display of a listing of material from an end point. The goal is to normalize data from some location which is media centric. This expects to get at least enough data in order to form a grid of items which are selectable. It's also generically implemented so that anything can be hooked up as a potential source for input (example: youtube API or custom in-house solution). The goal is to return enough info via fired event so that we can tell hax-body that the user selected a tag, properties, slot combination so that hax-body can turn the selection into a custom element / element injected into the hax-body slot.`\n\nAttributes:\n\n * `activeApp` - Active app globally bound based on previous selection.\n\n * `searchSchema` - Search schema for presenting a form of input.\n\n * `requestEndPoint` {`string`} - \n\n * `requestParams` - \n\n * `auto` {`boolean`} - Immediatley perform a request.\n\n * `headers` - Custom headers for data binding from the App feed.\n\n * `method` {`string`} - Custom method for requesting data (almost always will be GET)\n\n * `loading` {`boolean`} - loading\n\n * `requestData` - Media request data updated\n\n * `media` {`any[]`} - Media object, normalized.\n\n * `tos` {`any[]`} - Terms of service object\n\n * `resultMap` - \n\nProperties:\n\n * `activeApp` - Active app globally bound based on previous selection.\n\n * `searchSchema` - Search schema for presenting a form of input.\n\n * `requestEndPoint` {`string`} - \n\n * `requestParams` - \n\n * `auto` {`boolean`} - Immediatley perform a request.\n\n * `headers` - Custom headers for data binding from the App feed.\n\n * `method` {`string`} - Custom method for requesting data (almost always will be GET)\n\n * `loading` {`boolean`} - loading\n\n * `requestData` - Media request data updated\n\n * `media` {`any[]`} - Media object, normalized.\n\n * `tos` {`any[]`} - Terms of service object\n\n * `resultMap` - ", "attributes": [ { "name": "activeApp", "description": "`activeApp` - Active app globally bound based on previous selection.\n\nProperty: activeApp" }, { "name": "searchSchema", "description": "`searchSchema` - Search schema for presenting a form of input.\n\nProperty: searchSchema" }, { "name": "requestEndPoint", "description": "`requestEndPoint` {`string`} - \n\nProperty: requestEndPoint" }, { "name": "requestParams", "description": "`requestParams` - \n\nProperty: requestParams" }, { "name": "auto", "description": "`auto` {`boolean`} - Immediatley perform a request.\n\nProperty: auto\n\nDefault: false", "valueSet": "v" }, { "name": "headers", "description": "`headers` - Custom headers for data binding from the App feed.\n\nProperty: headers\n\nDefault: [object Object]" }, { "name": "method", "description": "`method` {`string`} - Custom method for requesting data (almost always will be GET)\n\nProperty: method\n\nDefault: GET" }, { "name": "loading", "description": "`loading` {`boolean`} - loading\n\nProperty: loading\n\nDefault: false", "valueSet": "v" }, { "name": "requestData", "description": "`requestData` - Media request data updated\n\nProperty: requestData\n\nDefault: [object Object]" }, { "name": "media", "description": "`media` {`any[]`} - Media object, normalized.\n\nProperty: media\n\nDefault: " }, { "name": "tos", "description": "`tos` {`any[]`} - Terms of service object\n\nProperty: tos\n\nDefault: " }, { "name": "resultMap", "description": "`resultMap` - \n\nProperty: resultMap\n\nDefault: [object Object]" } ] }, { "name": "hax-app", "description": "`hax-app`\nAn app registered with HAX. This provides all the information needed for HAX\nto understand how to talk to this backend as well as represent it in listings.\nIt also expresses how to take that data and wire it up to gizmos making it able to\nutilize multiple display methods.\n\nProperties:\n\n * `eventName` {`string`} - ", "attributes": [] }, { "name": "hax-stax", "description": "`hax-stax`\nRegister a stax with HAX store.\n\nProperties:\n\n * `eventName` {`string`} - ", "attributes": [] }, { "name": "hax-autoloader", "description": "`hax-autoloader`\n\nEvents:\n\n * `hax-register-core-piece` {`CustomEvent<{ piece: string; object: this; }>`} - \n\n * `hax-register-properties` {`CustomEvent<{ tag: any; properties: any; polymer: boolean; }>`} - \n\nAttributes:\n\n * `processedList` - List of elements processed so we don't double process\n\n * `haxProperties` - haxProperties\n\nProperties:\n\n * `processedList` - List of elements processed so we don't double process\n\n * `haxProperties` - haxProperties\n\n * `HAXWiring` - ", "attributes": [ { "name": "processedList", "description": "`processedList` - List of elements processed so we don't double process\n\nProperty: processedList\n\nDefault: [object Object]" }, { "name": "haxProperties", "description": "`haxProperties` - haxProperties\n\nProperty: haxProperties" }, { "name": "onhax-register-core-piece", "description": "`hax-register-core-piece` {`CustomEvent<{ piece: string; object: this; }>`} - " }, { "name": "onhax-register-properties", "description": "`hax-register-properties` {`CustomEvent<{ tag: any; properties: any; polymer: boolean; }>`} - " } ] }, { "name": "hax-cancel-dialog", "description": "`hax-cancel-dialog`\n\nEvents:\n\n * `hax-register-core-piece` {`CustomEvent<{ piece: string; object: this; }>`} - \n\nAttributes:\n\n * `t` - \n\nProperties:\n\n * `t` - ", "attributes": [ { "name": "t", "description": "`t` - \n\nProperty: t\n\nDefault: [object Object]" }, { "name": "onhax-register-core-piece", "description": "`hax-register-core-piece` {`CustomEvent<{ piece: string; object: this; }>`} - " } ] }, { "name": "hax-context-item-textop", "description": "`hax-context-item-textop`\n\nEvents:\n\n * `hax-context-item-selected` {`CustomEvent<{ target: this; eventName: string; value: string; }>`} - \n\n * `register-button` {`CustomEvent<this>`} - \n\n * `deregister-button` {`CustomEvent<this>`} - \n\n * `button-toggled` {`CustomEvent<this>`} - \n\n * `update-button-registry` {`CustomEvent<this>`} - \n\nAttributes:\n\n * `description` {`string`} - Optional description for this item.\n\n * `action` {`boolean`} - \n\n * `input-method` {`string`} - Method of input to display when activated. This is\nonly used when triggered as part of haxProperties\n\n * `property-to-bind` {`string`} - Optional slot to bind this value to.\n\n * `slot-to-bind` {`string`} - Optional slot to bind this value to.\n\n * `value` {`string`} - an optional value to send along in the press. Allows for\nreusing events more easily\n\n * `event-name` {`string`} - Name of the event to bubble up as being tapped.\nThis can be used to tell other elements what was\nclicked so it can take action appropriately.\n\n * `tooltip` {`string`} - Hover tip text\n\n * `danger` {`boolean`} - red warning\n\n * `feature` {`boolean`} - Inverted display mode\n\n * `controls` {`string`} - The `id` of the `simple-toolbar` that the toolbar controls.\n\n * `describedby` {`string`} - Optional to set aria-describedby.\n\n * `icon` {`string`} - Optional iron icon name for the button.\n\n * `label` {`string`} - Label for the icon.\n\n * `show-tooltip` {`boolean`} - Alway show tooltip.\n\n * `target` - The active selected range, inherited from the toolbar\n\n * `toggled-icon` {`string`} - Optional iron icon name for the button if it is toggled.\n\n * `toggled-label` {`string`} - Label for the icon, if button is toggled.\n\n * `toggled` {`boolean`} - Can this button toggle?\n\n * `toggledTooltip` {`string`} - Hover tip text\n\n * `show-text-label` {`boolean`} - Show text label even if an icon is named?\n\n * `toggles` {`boolean`} - Can this button toggle?\n\n * `radio` {`boolean`} - for radio-button behavior\n\n * `shortcut-keys` {`string`} - Optional space-separated list of shortcut keys\n\n * `is-current-item` {`boolean`} - \n\nProperties:\n\n * `description` {`string`} - Optional description for this item.\n\n * `action` {`boolean`} - \n\n * `inputMethod` {`string`} - Method of input to display when activated. This is\nonly used when triggered as part of haxProperties\n\n * `propertyToBind` {`string`} - Optional slot to bind this value to.\n\n * `slotToBind` {`string`} - Optional slot to bind this value to.\n\n * `value` {`string`} - an optional value to send along in the press. Allows for\nreusing events more easily\n\n * `eventName` {`string`} - Name of the event to bubble up as being tapped.\nThis can be used to tell other elements what was\nclicked so it can take action appropriately.\n\n * `tooltip` {`string`} - Hover tip text\n\n * `danger` {`boolean`} - red warning\n\n * `feature` {`boolean`} - Inverted display mode\n\n * `menu` {`boolean`} - \n\n * `controls` {`string`} - The `id` of the `simple-toolbar` that the toolbar controls.\n\n * `describedby` {`string`} - Optional to set aria-describedby.\n\n * `icon` {`string`} - Optional iron icon name for the button.\n\n * `label` {`string`} - Label for the icon.\n\n * `showTooltip` {`boolean`} - Alway show tooltip.\n\n * `target` - The active selected range, inherited from the toolbar\n\n * `toggledIcon` {`string`} - Optional iron icon name for the button if it is toggled.\n\n * `toggledLabel` {`string`} - Label for the icon, if button is toggled.\n\n * `toggled` {`boolean`} - Can this button toggle?\n\n * `toggledTooltip` {`string`} - Hover tip text\n\n * `button` - gets button element\n\n * `currentLabel` {`string`} - current label based on toggled state\n\n * `currentIcon` {`string`} - current icon based on toggled state\n\n * `currentTooltip` {`string`} - current label based on toggled state\n\n * `isToggled` {`number`} - determines if button is toggled\n\n * `focusableElement` - \n\n * `hasLabel` {`boolean`} - is label specified\n\n * `hasIcon` {`boolean`} - is icon specified\n\n * `hasTooltip` {`boolean`} - is tooltip specified\n\n * `labelVisible` {`boolean`} - is visible label is needed or specified\n\n * `tooltipVisible` - is tooltip needed or specified\n\n * `iconTemplate` {`\"\" | TemplateResult<1>`} - template for button icon\n\n * `labelTemplate` {`\"\" | TemplateResult<1>`} - template for button label\n\n * `tooltipTemplate` {`\"\" | TemplateResult<1>`} - template for button tooltip\n\n * `buttonInnerTemplate` {`TemplateResult<1>`} - template for inner part of button (label and icon) in order specified\n\n * `buttonTemplate` {`TemplateResult<1>`} - template for button, based on whether or not the button toggles\n\n * `iconPosition` {`string`} - \n\n * `alignVertical` {`string`} - \n\n * `alignHorizontal` {`string`} - \n\n * `disabled` {`boolean`} - \n\n * `showTextLabel` {`boolean`} - Show text label even if an icon is named?\n\n * `toggles` {`boolean`} - Can this button toggle?\n\n * `radio` {`boolean`} - for radio-button behavior\n\n * `shortcutKeys` {`string`} - Optional space-separated list of shortcut keys\n\n * `isCurrentItem` {`boolean`} - ", "attributes": [ { "name": "description", "description": "`description` {`string`} - Optional description for this item.\n\nProperty: description" }, { "name": "action", "description": "`action` {`boolean`} - \n\nProperty: action\n\nDefault: false", "valueSet": "v" }, { "name": "input-method", "description": "`input-method` {`string`} - Method of input to display when activated. This is\nonly used when triggered as part of haxProperties\n\nProperty: inputMethod\n\nDefault: null" }, { "name": "property-to-bind", "description": "`property-to-bind` {`string`} - Optional slot to bind this value to.\n\nProperty: propertyToBind\n\nDefault: null" }, { "name": "slot-to-bind", "description": "`slot-to-bind` {`string`} - Optional slot to bind this value to.\n\nProperty: slotToBind\n\nDefault: null" }, { "name": "value", "description": "`value` {`string`} - an optional value to send along in the press. Allows for\nreusing events more easily\n\nProperty: value\n\nDefault: " }, { "name": "event-name", "description": "`event-name` {`string`} - Name of the event to bubble up as being tapped.\nThis can be used to tell other elements what was\nclicked so it can take action appropriately.\n\nProperty: eventName\n\nDefault: button" }, { "name": "tooltip", "description": "`tooltip` {`string`} - Hover tip text\n\nProperty: tooltip" }, { "name": "danger", "description": "`danger` {`boolean`} - red warning\n\nProperty: danger\n\nDefault: false", "valueSet": "v" }, { "name": "feature", "description": "`feature` {`boolean`} - Inverted display mode\n\nProperty: feature\n\nDefault: false", "valueSet": "v" }, { "name": "controls", "description": "`controls` {`string`} - The `id` of the `simple-toolbar` that the toolbar controls.\n\nProperty: controls" }, { "name": "describedby", "description": "`describedby` {`string`} - Optional to set aria-describedby.\n\nProperty: describedby" }, { "name": "icon", "description": "`icon` {`string`} - Optional iron icon name for the button.\n\nProperty: icon" }, { "name": "label", "description": "`label` {`string`} - Label for the icon.\n\nProperty: label" }, { "name": "show-tooltip", "description": "`show-tooltip` {`boolean`} - Alway show tooltip.\n\nProperty: showTooltip", "valueSet": "v" }, { "name": "target", "description": "`target` - The active selected range, inherited from the toolbar\n\nProperty: target" }, { "name": "toggled-icon", "description": "`toggled-icon` {`string`} - Optional iron icon name for the button if it is toggled.\n\nProperty: toggledIcon" }, { "name": "toggled-label", "description": "`toggled-label` {`string`} - Label for the icon, if button is toggled.\n\nProperty: toggledLabel" }, { "name": "toggled", "description": "`toggled` {`boolean`} - Can this button toggle?\n\nProperty: toggled", "valueSet": "v" }, { "name": "toggledTooltip", "description": "`toggledTooltip` {`string`} - Hover tip text\n\nProperty: toggledTooltip" }, { "name": "show-text-label", "description": "`show-text-label` {`boolean`} - Show text label even if an icon is named?\n\nProperty: showTextLabel\n\nDefault: false", "valueSet": "v" }, { "name": "toggles", "description": "`toggles` {`boolean`} - Can this button toggle?\n\nProperty: toggles\n\nDefault: false", "valueSet": "v" }, { "name": "radio", "description": "`radio` {`boolean`} - for radio-button behavior\n\nProperty: radio\n\nDefault: false", "valueSet": "v" }, { "name": "shortcut-keys", "description": "`shortcut-keys` {`string`} - Optional space-separated list of shortcut keys\n\nProperty: shortcutKeys\n\nDefault: " }, { "name": "is-current-item", "description": "`is-current-item` {`boolean`} - \n\nProperty: isCurrentItem\n\nDefault: true", "valueSet": "v" }, { "name": "onhax-context-item-selected", "description": "`hax-context-item-selected` {`CustomEvent<{ target: this; eventName: string; value: string; }>`} - " }, { "name": "onregister-button", "description": "`register-button` {`CustomEvent<this>`} - " }, { "name": "onderegister-button", "description": "`deregister-button` {`CustomEvent<this>`} - " }, { "name": "onbutton-toggled", "description": "`button-toggled` {`CustomEvent<this>`} - " }, { "name": "onupdate-button-registry", "description": "`update-button-registry` {`CustomEvent<this>`} - " } ] }, { "name": "hax-context-item", "description": "`hax-context-item`\nA single button in the hax context menu for consistency.\n\nEvents:\n\n * `hax-context-item-selected` {`CustomEvent<{ target: this; eventName: string; value: string; }>`} - \n\n * `register-button` {`CustomEvent<this>`} - \n\n * `deregister-button` {`CustomEvent<this>`} - \n\n * `button-toggled` {`CustomEvent<this>`} - \n\n * `update-button-registry` {`CustomEvent<this>`} - \n\nAttributes:\n\n * `description` {`string`} - Optional description for this item.\n\n * `default` {`boolean`} - Is this button concidered a primary interaction\n\n * `action` {`boolean`} - \n\n * `more` {`boolean`} - more implies there's an action after pressing the button\nso it'll put a visual indicator as such\n\n * `input-method` {`string`} - Method of input to display when activated. This is\nonly used when triggered as part of haxProperties\n\n * `property-to-bind` {`string`} - Optional slot to bind this value to.\n\n * `slot-to-bind` {`string`} - Optional slot to bind this value to.\n\n * `value` {`string`} - an optional value to send along in the press. Allows for\nreusing events more easily\n\n * `event-name` {`string`} - Name of the event to bubble up as being tapped.\nThis can be used to tell other elements what was\nclicked so it can take action appropriately.\n\n * `tooltip` {`string`} - Hover tip text\n\n * `danger` {`boolean`} - red warning\n\n * `feature` {`boolean`} - Inverted display mode\n\n * `controls` {`string`} - The `id` of the `simple-toolbar` that the toolbar controls.\n\n * `describedby` {`string`} - Optional to set aria-describedby.\n\n * `icon` {`string`} - Optional iron icon name for the button.\n\n * `label` {`string`} - Label for the button.\n\n * `show-tooltip` {`boolean`} - Alway show tooltip.\n\n * `target` - The active selected range, inherited from the toolbar\n\n * `toggled-icon` {`string`} - Optional iron icon name for the button if it is toggled.\n\n * `toggled-label` {`string`} - Label for the icon, if button is toggled.\n\n * `toggled` {`boolean`} - Can this button toggle?\n\n * `toggledTooltip` {`string`} - Hover tip text\n\n * `show-text-label` {`boolean`} - Show text label even if an icon is named?\n\n * `toggles` {`boolean`} - Can this button toggle?\n\n * `radio` {`boolean`} - for radio-button behavior\n\n * `shortcut-keys` {`string`} - Optional space-separated list of shortcut keys\n\n * `is-current-item` {`boolean`} - \n\nProperties:\n\n * `description` {`string`} - Optional description for this item.\n\n * `default` {`boolean`} - Is this button concidered a primary interaction\n\n * `haxUIElement` {`boolean`} - \n\n * `action` {`boolean`} - \n\n * `more` {`boolean`} - more implies there's an action after pressing the button\nso it'll put a visual indicator as such\n\n * `inputMethod` {`string`} - Method of input to display when activated. This is\nonly used when triggered as part of haxProperties\n\n * `propertyToBind` {`string`} - Optional slot to bind this value to.\n\n * `slotToBind` {`string`} - Optional slot to bind this value to.\n\n * `value` {`string`} - an optional value to send along in the press. Allows for\nreusing events more easily\n\n * `eventName` {`string`} - Name of the event to bubble up as being tapped.\nThis can be used to tell other elements what was\nclicked so it can take action appropriately.\n\n * `tooltip` {`string`} - Hover tip text\n\n * `danger` {`boolean`} - red warning\n\n * `feature` {`boolean`} - Inverted display mode\n\n * `menu` {`boolean`} - \n\n * `controls` {`string`} - The `id` of the `simple-toolbar` that the toolbar controls.\n\n * `describedby` {`string`} - Optional to set aria-describedby.\n\n * `icon` {`string`} - Optional iron icon name for the button.\n\n * `label` {`string`} - Label for the button.\n\n * `showTooltip` {`boolean`} - Alway show tooltip.\n\n * `target` - The active selected range, inherited from the toolbar\n\n * `toggledIcon` {`string`} - Optional iron icon name for the button if it is toggled.\n\n * `toggledLabel` {`string`} - Label for the icon, if button is toggled.\n\n * `toggled` {`boolean`} - Can this button toggle?\n\n * `toggledTooltip` {`string`} - Hover tip text\n\n * `button` - gets button element\n\n * `currentLabel` {`string`} - current label based on toggled state\n\n * `currentIcon` {`string`} - current icon based on toggled state\n\n * `currentTooltip` {`string`} - current label based on toggled state\n\n * `isToggled` {`number`} - determines if button is toggled\n\n * `focusableElement` - \n\n * `hasLabel` {`boolean`} - is label specified\n\n * `hasIcon` {`boolean`} - is icon specified\n\n * `hasTooltip` {`boolean`} - is tooltip specified\n\n * `labelVisible` {`boolean`} - is visible label is needed or specified\n\n * `tooltipVisible` - is tooltip needed or specified\n\n * `iconTemplate` {`\"\" | TemplateResult<1>`} - template for button icon\n\n * `labelTemplate` {`\"\" | TemplateResult<1>`} - template for button label\n\n * `tooltipTemplate` {`\"\" | TemplateResult<1>`} - template for button tooltip\n\n * `buttonInnerTemplate` {`TemplateResult<1>`} - template for inner part of button (label and icon) in order specified\n\n * `buttonTemplate` {`TemplateResult<1>`} - template for button, based on whether or not the button toggles\n\n * `iconPosition` {`string`} - \n\n * `alignVertical` {`string`} - \n\n * `alignHorizontal` {`string`} - \n\n * `disabled` {`boolean`} - \n\n * `showTextLabel` {`boolean`} - Show text label even if an icon is named?\n\n * `toggles` {`boolean`} - Can this button toggle?\n\n * `radio` {`boolean`} - for radio-button behavior\n\n * `shortcutKeys` {`string`} - Optional space-separated list of shortcut keys\n\n * `isCurrentItem` {`boolean`} - ", "attributes": [ { "name": "description", "description": "`description` {`string`} - Optional description for this item.\n\nProperty: description" }, { "name": "default", "description": "`default` {`boolean`} - Is this button concidered a primary interaction\n\nProperty: default", "valueSet": "v" }, { "name": "action", "description": "`action` {`boolean`} - \n\nProperty: action\n\nDefault: false", "valueSet": "v" }, { "name": "more", "description": "`more` {`boolean`} - more implies there's an action after pressing the button\nso it'll put a visual indicator as such\n\nProperty: more\n\nDefault: false", "valueSet": "v" }, { "name": "input-method", "description": "`input-method` {`string`} - Method of input to display when activated. This is\nonly used when triggered as part of haxProperties\n\nProperty: inputMethod\n\nDefault: null" }, { "name": "property-to-bind", "description": "`property-to-bind` {`string`} - Optional slot to bind this value to.\n\nProperty: propertyToBind\n\nDefault: null" }, { "name": "slot-to-bind", "description": "`slot-to-bind` {`string`} - Optional slot to bind this value to.\n\nProperty: slotToBind\n\nDefault: null" }, { "name": "value", "description": "`value` {`string`} - an optional value to send along in the press. Allows for\nreusing events more easily\n\nProperty: value\n\nDefault: " }, { "name": "event-name", "description": "`event-name` {`string`} - Name of the event to bubble up as being tapped.\nThis can be used to tell other elements what was\nclicked so it can take action appropriately.\n\nProperty: eventName\n\nDefault: button" }, { "name": "tooltip", "description": "`tooltip` {`string`} - Hover tip text\n\nProperty: tooltip" }, { "name": "danger", "description": "`danger` {`boolean`} - red warning\n\nProperty: danger\n\nDefault: false", "valueSet": "v" }, { "name": "feature", "description": "`feature` {`boolean`} - Inverted display mode\n\nProperty: feature\n\nDefault: false", "valueSet": "v" }, { "name": "controls", "description": "`controls` {`string`} - The `id` of the `simple-toolbar` that the toolbar controls.\n\nProperty: controls" }, { "name": "describedby", "description": "`describedby` {`string`} - Optional to set aria-describedby.\n\nProperty: describedby" }, { "name": "icon", "description": "`icon` {`string`} - Optional iron icon name for the button.\n\nProperty: icon" }, { "name": "label", "description": "`label` {`string`} - Label for the button.\n\nProperty: label" }, { "name": "show-tooltip", "description": "`show-tooltip` {`boolean`} - Alway show tooltip.\n\nProperty: showTooltip", "valueSet": "v" }, { "name": "target", "description": "`target` - The active selected range, inherited from the toolbar\n\nProperty: target" }, { "name": "toggled-icon", "description": "`toggled-icon` {`string`} - Optional iron icon name for the button if it is toggled.\n\nProperty: toggledIcon" }, { "name": "toggled-label", "description": "`toggled-label` {`string`} - Label for the icon, if button is toggled.\n\nProperty: toggledLabel" }, { "name": "toggled", "description": "`toggled` {`boolean`} - Can this button toggle?\n\nProperty: toggled", "valueSet": "v" }, { "name": "toggledTooltip", "description": "`toggledTooltip` {`string`} - Hover tip text\n\nProperty: toggledTooltip" }, { "name": "show-text-label", "description": "`show-text-label` {`boolean`} - Show text label even if an icon is named?\n\nProperty: showTextLabel\n\nDefault: false", "valueSet": "v" }, { "name": "toggles", "description": "`toggles` {`boolean`} - Can this button toggle?\n\nProperty: toggles\n\nDefault: false", "valueSet": "v" }, { "name": "radio", "description": "`radio` {`boolean`} - for radio-button behavior\n\nProperty: radio\n\nDefault: false", "valueSet": "v" }, { "name": "shortcut-keys", "description": "`shortcut-keys` {`string`} - Optional space-separated list of shortcut keys\n\nProperty: shortcutKeys\n\nDefault: " }, { "name": "is-current-item", "description": "`is-current-item` {`boolean`} - \n\nProperty: isCurrentItem\n\nDefault: true", "valueSet": "v" }, { "name": "onhax-context-item-selected", "description": "`hax-context-item-selected` {`CustomEvent<{ target: this; eventName: string; value: string; }>`} - " }, { "name": "onregister-button", "description": "`register-button` {`CustomEvent<this>`} - " }, { "name": "onderegister-button", "description": "`deregister-button` {`CustomEvent<this>`} - " }, { "name": "onbutton-toggled", "description": "`button-toggled` {`CustomEvent<this>`} - " }, { "name": "onupdate-button-registry", "description": "`update-button-registry` {`CustomEvent<this>`} - " } ] }, { "name": "hax-export-dialog", "description": "`hax-export-dialog`\n\nEvents:\n\n * `hax-register-core-piece` {`CustomEvent<{ piece: string; object: this; }>`} - \n\nAttributes:\n\n * `t` - \n\nProperties:\n\n * `t` - ", "attributes": [ { "name": "t", "description": "`t` - \n\nProperty: t\n\nDefault: [object Object]" }, { "name": "onhax-register-core-piece", "description": "`hax-register-core-piece` {`CustomEvent<{ piece: string; object: this; }>`} - " } ] }, { "name": "hax-gizmo-browser", "description": "`Browse a list of gizmos. This provides a listing of custom elements for people to search and select based on what have been defined as gizmos for users to select.`\n\nEvents:\n\n * `filter` {`CustomEvent<boolean>`} - \n\n * `filtered-changed` {`CustomEvent<{ value: any[]; }>`} - \n\nAttributes:\n\n * `t` - \n\n * `items` {`any[]`} - These are the items to be filtered\n\n * `like` {`string`} - Filter regular expression string\n\n * `where` {`string`} - The filter-by field of your items array of objects\n\n * `case-sensitive` {`boolean`} - Enable case sensitivity when filtering\n\n * `filtered` {`any[]`} - Filtered items\n\nProperties:\n\n * `t` - \n\n * `items` {`any[]`} - These are the items to be filtered\n\n * `like` {`string`} - Filter regular expression string\n\n * `where` {`string`} - The filter-by field of your items array of objects\n\n * `caseSensitive` {`boolean`} - Enable case sensitivity when filtering\n\n * `filtered` {`any[]`} - Filtered items", "attributes": [ { "name": "t", "description": "`t` - \n\nProperty: t\n\nDefault: [object Object]" }, { "name": "items", "description": "`items` {`any[]`} - These are the items to be filtered\n\nProperty: items" }, { "name": "like", "description": "`like` {`string`} - Filter regular expression string\n\nProperty: like" }, { "name": "where", "description": "`where` {`string`} - The filter-by field of your items array of objects\n\nProperty: where\n\nDefault: title" }, { "name": "case-sensitive", "description": "`case-sensitive` {`boolean`} - Enable case sensitivity when filtering\n\nProperty: caseSensitive\n\nDefault: false", "valueSet": "v" }, { "name": "filtered", "description": "`filtered` {`any[]`} - Filtered items\n\nProperty: filtered\n\nDefault: " }, { "name": "onfilter", "description": "`filter` {`CustomEvent<boolean>`} - " }, { "name": "onfiltered-changed", "description": "`filtered-changed` {`CustomEvent<{ value: any[]; }>`} - " } ] }, { "name": "hax-map", "description": "`hax-map`\n\nAttributes:\n\n * `opened` {`boolean`} - Title when open.\n\n * `cCount` {`string`} - \n\n * `wCount` {`string`} - \n\n * `bCount` {`string`} - \n\n * `hCount` {`string`} - \n\n * `pCount` {`string`} - \n\n * `eCount` {`string`} - \n\n * `activeNodeIndex` {`number`} - \n\n * `elementList` {`any[]`} - \n\n * `t` - \n\nProperties:\n\n * `indentedElements` {`any[]`} - \n\n * `opened` {`boolean`} - Title when open.\n\n * `cCount` {`string`} - \n\n * `wCount` {`string`} - \n\n * `bCount` {`string`} - \n\n * `hCount` {`string`} - \n\n * `pCount` {`string`} - \n\n * `eCount` {`string`} - \n\n * `activeNodeIndex` {`number`} - \n\n * `elementList` {`any[]`} - \n\n * `t` - ", "attributes": [ { "name": "opened", "description": "`opened` {`boolean`} - Title when open.\n\nProperty: opened", "valueSet": "v" }, { "name": "cCount", "description": "`cCount` {`string`} - \n\nProperty: cCount" }, { "name": "wCount", "description": "`wCount` {`string`} - \n\nProperty: wCount" }, { "name": "bCount", "description": "`bCount` {`string`} - \n\nProperty: bCount" }, { "name": "hCount", "description": "`hCount` {`string`} - \n\nProperty: hCount" }, { "name": "pCount", "description": "`pCount` {`string`} - \n\nProperty: pCount" }, { "name": "eCount", "description": "`eCount` {`string`} - \n\nProperty: eCount" }, { "name": "activeNodeIndex", "description": "`activeNodeIndex` {`number`} - \n\nProperty: activeNodeIndex" }, {