/* eslint-disable */ /* tslint:disable */ /** * This is an autogenerated file created by the Stencil compiler. * It contains typing information for all components that exist in this project. */ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; import { HeadingLevel } from "./types/index"; import { AlertType } from "./components/post-alert/alert-types"; import { Placement } from "@floating-ui/dom"; export { HeadingLevel } from "./types/index"; export { AlertType } from "./components/post-alert/alert-types"; export { Placement } from "@floating-ui/dom"; export namespace Components { interface PostAccordion { /** * Collapses all `post-accordion-item`. */ "collapseAll": () => Promise; /** * Expands all `post-accordion-item`. If `multiple="true"` is not set and all items are closed, it will open the first one. Otherwise, it will keep the opened one. */ "expandAll": () => Promise; /** * Defines the hierarchical level of the `post-accordion-item` headers within the headings structure. */ "headingLevel"?: HeadingLevel; /** * If `true`, multiple `post-accordion-item` can be open at the same time. */ "multiple": boolean; /** * Toggles the `post-accordion-item` with the given id. */ "toggle": (id: string) => Promise; } interface PostAccordionItem { /** * If `true`, the element is collapsed otherwise it is displayed. */ "collapsed"?: boolean; /** * Defines the hierarchical level of the accordion item header within the headings structure. * @deprecated set the `heading-level` property on the parent `post-accordion` instead. */ "headingLevel"?: HeadingLevel; /** * Triggers the collapse programmatically. */ "toggle": (force?: boolean) => Promise; } interface PostAlert { /** * Triggers alert dismissal programmatically (same as clicking on the close button (×)). */ "dismiss": () => Promise; /** * The label to use for the close button of a dismissible alert. */ "dismissLabel": string; /** * If `true`, a close button (×) is displayed and the alert can be dismissed by the user. */ "dismissible": boolean; /** * If `true`, the alert is positioned at the bottom of the window, from edge to edge. */ "fixed": boolean; /** * The icon to display in the alert. By default, the icon depends on the alert type. If `none`, no icon is displayed. */ "icon": string; /** * The type of the alert. */ "type": AlertType; } /** * @class PostCardControl - representing a stencil component */ interface PostCardControl { /** * Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms' data. */ "checked": boolean; /** * Defines the description in the control-label. */ "description": string; /** * Defines the `disabled` attribute of the control. If `true`, the user can not interact with the control and the controls value will not be included in the forms' data. */ "disabled": boolean; /** * A hidden public method to reset the group controls `checked` state to `false`. */ "groupReset": () => Promise; /** * Defines the icon `name` inside the card. If not set the icon will not show up. */ "icon": string; /** * Defines the text in the control-label. */ "label": string; /** * Defines the `name` attribute of the control. This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value. This is a required property, when the control is used with type `radio`. */ "name": string; /** * A public method to reset the controls `checked` and `validity` state. The validity state is set to `null`, so it's neither valid nor invalid. */ "reset": () => Promise; /** * Defines the `type` attribute of the control. */ "type": 'checkbox' | 'radio'; /** * Defines the validation `validity` of the control. To reset validity to an undefined state, simply remove the attribute from the control. */ "validity": null | 'true' | 'false'; /** * Defines the `value` attribute of the control. This is a required property, when the control is used with type `radio`. */ "value": string; } interface PostCollapsible { /** * If `true`, the element is collapsed otherwise it is displayed. */ "collapsed"?: boolean; /** * Triggers the collapse programmatically. If there is a collapsing transition running already, it will be reversed. */ "toggle": (open?: boolean) => Promise; } interface PostCollapsibleTrigger { /** * Link the trigger to a post-collapsible with this id */ "for": string; /** * Update the "aria-controls" and "aria-expanded" attributes on the trigger button */ "update": () => Promise; } /** * @class PostIcon - representing a stencil component */ interface PostIcon { /** * The name of the animation. */ "animation"?: Animation | null; /** * The base path, where the icons are located (must be a public url).
Leave this field empty to use the default cdn url. */ "base"?: string | null; /** * When set to `true`, the icon will be flipped horizontally. */ "flipH"?: boolean; /** * When set to `true`, the icon will be flipped vertically. */ "flipV"?: boolean; /** * The name/id of the icon (e.g. 1000, 1001, ...). */ "name": string; /** * The number of degree for the css rotate transformation. */ "rotate"?: number | null; /** * The number for the css scale transformation. */ "scale"?: number | null; } interface PostLogo { /** * The URL to which the user is redirected upon clicking the logo. */ "url": string | URL; } interface PostPopover { /** * Show a little indicator arrow */ "arrow"?: boolean; /** * Define the caption of the close button for assistive technology */ "closeButtonCaption": string; /** * Programmatically hide this popover */ "hide": () => Promise; /** * Defines the placement of the popover according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popoverss are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. */ "placement"?: Placement; /** * Programmatically display the popover * @param target An element with [data-popover-target="id"] where the popover should be shown */ "show": (target: HTMLElement) => Promise; /** * Toggle popover display * @param target An element with [data-popover-target="id"] where the popover should be anchored to * @param force Pass true to always show or false to always hide */ "toggle": (target: HTMLElement, force?: boolean) => Promise; } interface PostPopovercontainer { /** * Animation style */ "animation"?: 'pop-in' | null; /** * Whether or not to display a little pointer arrow */ "arrow"?: boolean; /** * Gap between the edge of the page and the popovercontainer */ "edgeGap"?: number; /** * Programmatically hide the popovercontainer */ "hide": () => Promise; /** * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popovercontainers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. */ "placement"?: Placement; /** * Enables a safespace through which the cursor can be moved without the popover being disabled */ "safeSpace"?: 'triangle' | 'trapezoid'; /** * Programmatically display the popovercontainer * @param target An element with [data-popover-target="id"] where the popovercontainer should be shown */ "show": (target: HTMLElement) => Promise; /** * Toggle popovercontainer display * @param target An element with [data-popover-target="id"] where the popovercontainer should be shown * @param force Pass true to always show or false to always hide */ "toggle": (target: HTMLElement, force?: boolean) => Promise; } interface PostRating { /** * Defines the rating that the component should show. */ "currentRating": number; /** * Defines a hidden label for the component. */ "label": string; /** * Defines if the component is readonly or not. This usually should be used together with the `currentRating` property. */ "readonly": boolean; /** * Defines the total amount of stars rendered in the component. */ "stars": number; } interface PostTabHeader { /** * The name of the panel controlled by the tab header. */ "panel": HTMLPostTabPanelElement['name']; } interface PostTabPanel { /** * The name of the panel, used to associate it with a tab header. */ "name": string; } interface PostTabs { /** * The name of the panel that is initially shown. If not specified, it defaults to the panel associated with the first tab. **Changing this value after initialization has no effect.** */ "activePanel": HTMLPostTabPanelElement['name']; /** * Shows the panel with the given name and selects its associated tab. Any other panel that was previously shown becomes hidden and its associated tab is unselected. */ "show": (panelName: string) => Promise; } interface PostTag { /** * Defines the icon `name` inside of the component. If not set the icon will not show up. To learn which icons are available, please visit our icon library. */ "icon": null | string; /** * Defines the size of the component. */ "size": null | 'sm'; /** * Defines the color variant of the component. */ "variant": 'white' | 'info' | 'success' | 'error' | 'warning' | 'yellow'; } interface PostTooltip { /** * Choose a tooltip animation */ "animation"?: 'pop-in' | null; /** * Whether or not to display a little pointer arrow */ "arrow"?: boolean; /** * Programmatically hide this tooltip. */ "hide": () => Promise; /** * Indicates the open state of the tooltip */ "open": boolean; /** * Defines the position of the tooltip relative to its trigger. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement). */ "placement"?: Placement; /** * Programmatically display the tooltip. * @param target An element where the tooltip should be shown */ "show": (target: HTMLElement) => Promise; /** * Toggle tooltip display. * @param target An element where the tooltip should be shown * @param force Pass true to always show or false to always hide */ "toggle": (target: HTMLElement, force?: boolean) => Promise; } interface PostTooltipTrigger { /** * Delay (in milliseconds) before the tooltip is shown. */ "delay": number; /** * ID of the tooltip element that this trigger is linked to. */ "for": string; } } export interface PostAlertCustomEvent extends CustomEvent { detail: T; target: HTMLPostAlertElement; } export interface PostCardControlCustomEvent extends CustomEvent { detail: T; target: HTMLPostCardControlElement; } export interface PostCollapsibleCustomEvent extends CustomEvent { detail: T; target: HTMLPostCollapsibleElement; } export interface PostPopovercontainerCustomEvent extends CustomEvent { detail: T; target: HTMLPostPopovercontainerElement; } export interface PostRatingCustomEvent extends CustomEvent { detail: T; target: HTMLPostRatingElement; } export interface PostTabsCustomEvent extends CustomEvent { detail: T; target: HTMLPostTabsElement; } export interface PostTooltipTriggerCustomEvent extends CustomEvent { detail: T; target: HTMLPostTooltipTriggerElement; } declare global { interface HTMLPostAccordionElement extends Components.PostAccordion, HTMLStencilElement { } var HTMLPostAccordionElement: { prototype: HTMLPostAccordionElement; new (): HTMLPostAccordionElement; }; interface HTMLPostAccordionItemElement extends Components.PostAccordionItem, HTMLStencilElement { } var HTMLPostAccordionItemElement: { prototype: HTMLPostAccordionItemElement; new (): HTMLPostAccordionItemElement; }; interface HTMLPostAlertElementEventMap { "postDismissed": void; } interface HTMLPostAlertElement extends Components.PostAlert, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPostAlertElement, ev: PostAlertCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPostAlertElement, ev: PostAlertCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPostAlertElement: { prototype: HTMLPostAlertElement; new (): HTMLPostAlertElement; }; interface HTMLPostCardControlElementEventMap { "postInput": { state: boolean; value: string }; "postChange": { state: boolean; value: string }; } /** * @class PostCardControl - representing a stencil component */ interface HTMLPostCardControlElement extends Components.PostCardControl, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPostCardControlElement, ev: PostCardControlCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPostCardControlElement, ev: PostCardControlCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPostCardControlElement: { prototype: HTMLPostCardControlElement; new (): HTMLPostCardControlElement; }; interface HTMLPostCollapsibleElementEventMap { "postToggle": boolean; } interface HTMLPostCollapsibleElement extends Components.PostCollapsible, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPostCollapsibleElement, ev: PostCollapsibleCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPostCollapsibleElement, ev: PostCollapsibleCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPostCollapsibleElement: { prototype: HTMLPostCollapsibleElement; new (): HTMLPostCollapsibleElement; }; interface HTMLPostCollapsibleTriggerElement extends Components.PostCollapsibleTrigger, HTMLStencilElement { } var HTMLPostCollapsibleTriggerElement: { prototype: HTMLPostCollapsibleTriggerElement; new (): HTMLPostCollapsibleTriggerElement; }; /** * @class PostIcon - representing a stencil component */ interface HTMLPostIconElement extends Components.PostIcon, HTMLStencilElement { } var HTMLPostIconElement: { prototype: HTMLPostIconElement; new (): HTMLPostIconElement; }; interface HTMLPostLogoElement extends Components.PostLogo, HTMLStencilElement { } var HTMLPostLogoElement: { prototype: HTMLPostLogoElement; new (): HTMLPostLogoElement; }; interface HTMLPostPopoverElement extends Components.PostPopover, HTMLStencilElement { } var HTMLPostPopoverElement: { prototype: HTMLPostPopoverElement; new (): HTMLPostPopoverElement; }; interface HTMLPostPopovercontainerElementEventMap { "postToggle": boolean; } interface HTMLPostPopovercontainerElement extends Components.PostPopovercontainer, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPostPopovercontainerElement, ev: PostPopovercontainerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPostPopovercontainerElement, ev: PostPopovercontainerCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPostPopovercontainerElement: { prototype: HTMLPostPopovercontainerElement; new (): HTMLPostPopovercontainerElement; }; interface HTMLPostRatingElementEventMap { "postInput": { value: number }; "postChange": { value: number }; } interface HTMLPostRatingElement extends Components.PostRating, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPostRatingElement, ev: PostRatingCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPostRatingElement, ev: PostRatingCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPostRatingElement: { prototype: HTMLPostRatingElement; new (): HTMLPostRatingElement; }; interface HTMLPostTabHeaderElement extends Components.PostTabHeader, HTMLStencilElement { } var HTMLPostTabHeaderElement: { prototype: HTMLPostTabHeaderElement; new (): HTMLPostTabHeaderElement; }; interface HTMLPostTabPanelElement extends Components.PostTabPanel, HTMLStencilElement { } var HTMLPostTabPanelElement: { prototype: HTMLPostTabPanelElement; new (): HTMLPostTabPanelElement; }; interface HTMLPostTabsElementEventMap { "postChange": HTMLPostTabPanelElement['name']; } interface HTMLPostTabsElement extends Components.PostTabs, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPostTabsElement, ev: PostTabsCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPostTabsElement, ev: PostTabsCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPostTabsElement: { prototype: HTMLPostTabsElement; new (): HTMLPostTabsElement; }; interface HTMLPostTagElement extends Components.PostTag, HTMLStencilElement { } var HTMLPostTagElement: { prototype: HTMLPostTagElement; new (): HTMLPostTagElement; }; interface HTMLPostTooltipElement extends Components.PostTooltip, HTMLStencilElement { } var HTMLPostTooltipElement: { prototype: HTMLPostTooltipElement; new (): HTMLPostTooltipElement; }; interface HTMLPostTooltipTriggerElementEventMap { "postTriggered": void; } interface HTMLPostTooltipTriggerElement extends Components.PostTooltipTrigger, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPostTooltipTriggerElement, ev: PostTooltipTriggerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPostTooltipTriggerElement, ev: PostTooltipTriggerCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPostTooltipTriggerElement: { prototype: HTMLPostTooltipTriggerElement; new (): HTMLPostTooltipTriggerElement; }; interface HTMLElementTagNameMap { "post-accordion": HTMLPostAccordionElement; "post-accordion-item": HTMLPostAccordionItemElement; "post-alert": HTMLPostAlertElement; "post-card-control": HTMLPostCardControlElement; "post-collapsible": HTMLPostCollapsibleElement; "post-collapsible-trigger": HTMLPostCollapsibleTriggerElement; "post-icon": HTMLPostIconElement; "post-logo": HTMLPostLogoElement; "post-popover": HTMLPostPopoverElement; "post-popovercontainer": HTMLPostPopovercontainerElement; "post-rating": HTMLPostRatingElement; "post-tab-header": HTMLPostTabHeaderElement; "post-tab-panel": HTMLPostTabPanelElement; "post-tabs": HTMLPostTabsElement; "post-tag": HTMLPostTagElement; "post-tooltip": HTMLPostTooltipElement; "post-tooltip-trigger": HTMLPostTooltipTriggerElement; } } declare namespace LocalJSX { interface PostAccordion { /** * Defines the hierarchical level of the `post-accordion-item` headers within the headings structure. */ "headingLevel"?: HeadingLevel; /** * If `true`, multiple `post-accordion-item` can be open at the same time. */ "multiple"?: boolean; } interface PostAccordionItem { /** * If `true`, the element is collapsed otherwise it is displayed. */ "collapsed"?: boolean; /** * Defines the hierarchical level of the accordion item header within the headings structure. * @deprecated set the `heading-level` property on the parent `post-accordion` instead. */ "headingLevel"?: HeadingLevel; } interface PostAlert { /** * The label to use for the close button of a dismissible alert. */ "dismissLabel"?: string; /** * If `true`, a close button (×) is displayed and the alert can be dismissed by the user. */ "dismissible"?: boolean; /** * If `true`, the alert is positioned at the bottom of the window, from edge to edge. */ "fixed"?: boolean; /** * The icon to display in the alert. By default, the icon depends on the alert type. If `none`, no icon is displayed. */ "icon"?: string; /** * An event emitted when the alert element is dismissed, after the transition. It has no payload and only relevant for dismissible alerts. */ "onPostDismissed"?: (event: PostAlertCustomEvent) => void; /** * The type of the alert. */ "type"?: AlertType; } /** * @class PostCardControl - representing a stencil component */ interface PostCardControl { /** * Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms' data. */ "checked"?: boolean; /** * Defines the description in the control-label. */ "description"?: string; /** * Defines the `disabled` attribute of the control. If `true`, the user can not interact with the control and the controls value will not be included in the forms' data. */ "disabled"?: boolean; /** * Defines the icon `name` inside the card. If not set the icon will not show up. */ "icon"?: string; /** * Defines the text in the control-label. */ "label": string; /** * Defines the `name` attribute of the control. This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value. This is a required property, when the control is used with type `radio`. */ "name"?: string; /** * An event emitted whenever the components checked state is toggled. The event payload (emitted under `event.detail.state`) is a boolean: `true` if the component is checked, `false` if it is unchecked. If the component is used with type `radio`, it will only emit this event, when the checked state is changing to `true`. */ "onPostChange"?: (event: PostCardControlCustomEvent<{ state: boolean; value: string }>) => void; /** * An event emitted whenever the components checked state is toggled. The event payload (emitted under `event.detail.state`) is a boolean: `true` if the component is checked, `false` if it is unchecked. */ "onPostInput"?: (event: PostCardControlCustomEvent<{ state: boolean; value: string }>) => void; /** * Defines the `type` attribute of the control. */ "type": 'checkbox' | 'radio'; /** * Defines the validation `validity` of the control. To reset validity to an undefined state, simply remove the attribute from the control. */ "validity"?: null | 'true' | 'false'; /** * Defines the `value` attribute of the control. This is a required property, when the control is used with type `radio`. */ "value"?: string; } interface PostCollapsible { /** * If `true`, the element is collapsed otherwise it is displayed. */ "collapsed"?: boolean; /** * An event emitted when the collapse element is shown or hidden, before the transition. The event payload is a boolean: `true` if the collapsible was opened, `false` if it was closed. */ "onPostToggle"?: (event: PostCollapsibleCustomEvent) => void; } interface PostCollapsibleTrigger { /** * Link the trigger to a post-collapsible with this id */ "for"?: string; } /** * @class PostIcon - representing a stencil component */ interface PostIcon { /** * The name of the animation. */ "animation"?: Animation | null; /** * The base path, where the icons are located (must be a public url).
Leave this field empty to use the default cdn url. */ "base"?: string | null; /** * When set to `true`, the icon will be flipped horizontally. */ "flipH"?: boolean; /** * When set to `true`, the icon will be flipped vertically. */ "flipV"?: boolean; /** * The name/id of the icon (e.g. 1000, 1001, ...). */ "name": string; /** * The number of degree for the css rotate transformation. */ "rotate"?: number | null; /** * The number for the css scale transformation. */ "scale"?: number | null; } interface PostLogo { /** * The URL to which the user is redirected upon clicking the logo. */ "url"?: string | URL; } interface PostPopover { /** * Show a little indicator arrow */ "arrow"?: boolean; /** * Define the caption of the close button for assistive technology */ "closeButtonCaption": string; /** * Defines the placement of the popover according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popoverss are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. */ "placement"?: Placement; } interface PostPopovercontainer { /** * Animation style */ "animation"?: 'pop-in' | null; /** * Whether or not to display a little pointer arrow */ "arrow"?: boolean; /** * Gap between the edge of the page and the popovercontainer */ "edgeGap"?: number; /** * Fires whenever the popovercontainer gets shown or hidden, passing the new state in event.details as a boolean */ "onPostToggle"?: (event: PostPopovercontainerCustomEvent) => void; /** * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popovercontainers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. */ "placement"?: Placement; /** * Enables a safespace through which the cursor can be moved without the popover being disabled */ "safeSpace"?: 'triangle' | 'trapezoid'; } interface PostRating { /** * Defines the rating that the component should show. */ "currentRating"?: number; /** * Defines a hidden label for the component. */ "label"?: string; /** * An event emitted whenever the component's value has changed (on blur). The event payload can be used like so: `event.detail.value`. */ "onPostChange"?: (event: PostRatingCustomEvent<{ value: number }>) => void; /** * An event emitted whenever the component's value has changed (on input). The event payload can be used like so: `event.detail.value`. */ "onPostInput"?: (event: PostRatingCustomEvent<{ value: number }>) => void; /** * Defines if the component is readonly or not. This usually should be used together with the `currentRating` property. */ "readonly"?: boolean; /** * Defines the total amount of stars rendered in the component. */ "stars"?: number; } interface PostTabHeader { /** * The name of the panel controlled by the tab header. */ "panel"?: HTMLPostTabPanelElement['name']; } interface PostTabPanel { /** * The name of the panel, used to associate it with a tab header. */ "name"?: string; } interface PostTabs { /** * The name of the panel that is initially shown. If not specified, it defaults to the panel associated with the first tab. **Changing this value after initialization has no effect.** */ "activePanel"?: HTMLPostTabPanelElement['name']; /** * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished. The payload is the name of the newly shown panel. */ "onPostChange"?: (event: PostTabsCustomEvent) => void; } interface PostTag { /** * Defines the icon `name` inside of the component. If not set the icon will not show up. To learn which icons are available, please visit our icon library. */ "icon"?: null | string; /** * Defines the size of the component. */ "size"?: null | 'sm'; /** * Defines the color variant of the component. */ "variant"?: 'white' | 'info' | 'success' | 'error' | 'warning' | 'yellow'; } interface PostTooltip { /** * Choose a tooltip animation */ "animation"?: 'pop-in' | null; /** * Whether or not to display a little pointer arrow */ "arrow"?: boolean; /** * Indicates the open state of the tooltip */ "open"?: boolean; /** * Defines the position of the tooltip relative to its trigger. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement). */ "placement"?: Placement; } interface PostTooltipTrigger { /** * Delay (in milliseconds) before the tooltip is shown. */ "delay"?: number; /** * ID of the tooltip element that this trigger is linked to. */ "for": string; /** * An event emitted when the component is triggered. */ "onPostTriggered"?: (event: PostTooltipTriggerCustomEvent) => void; } interface IntrinsicElements { "post-accordion": PostAccordion; "post-accordion-item": PostAccordionItem; "post-alert": PostAlert; "post-card-control": PostCardControl; "post-collapsible": PostCollapsible; "post-collapsible-trigger": PostCollapsibleTrigger; "post-icon": PostIcon; "post-logo": PostLogo; "post-popover": PostPopover; "post-popovercontainer": PostPopovercontainer; "post-rating": PostRating; "post-tab-header": PostTabHeader; "post-tab-panel": PostTabPanel; "post-tabs": PostTabs; "post-tag": PostTag; "post-tooltip": PostTooltip; "post-tooltip-trigger": PostTooltipTrigger; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "post-accordion": LocalJSX.PostAccordion & JSXBase.HTMLAttributes; "post-accordion-item": LocalJSX.PostAccordionItem & JSXBase.HTMLAttributes; "post-alert": LocalJSX.PostAlert & JSXBase.HTMLAttributes; /** * @class PostCardControl - representing a stencil component */ "post-card-control": LocalJSX.PostCardControl & JSXBase.HTMLAttributes; "post-collapsible": LocalJSX.PostCollapsible & JSXBase.HTMLAttributes; "post-collapsible-trigger": LocalJSX.PostCollapsibleTrigger & JSXBase.HTMLAttributes; /** * @class PostIcon - representing a stencil component */ "post-icon": LocalJSX.PostIcon & JSXBase.HTMLAttributes; "post-logo": LocalJSX.PostLogo & JSXBase.HTMLAttributes; "post-popover": LocalJSX.PostPopover & JSXBase.HTMLAttributes; "post-popovercontainer": LocalJSX.PostPopovercontainer & JSXBase.HTMLAttributes; "post-rating": LocalJSX.PostRating & JSXBase.HTMLAttributes; "post-tab-header": LocalJSX.PostTabHeader & JSXBase.HTMLAttributes; "post-tab-panel": LocalJSX.PostTabPanel & JSXBase.HTMLAttributes; "post-tabs": LocalJSX.PostTabs & JSXBase.HTMLAttributes; "post-tag": LocalJSX.PostTag & JSXBase.HTMLAttributes; "post-tooltip": LocalJSX.PostTooltip & JSXBase.HTMLAttributes; "post-tooltip-trigger": LocalJSX.PostTooltipTrigger & JSXBase.HTMLAttributes; } } }