Variable zlozPortPositionCancelConst

Type Declaration

• • <M>(
        h: HtmlBuilder<M>,
        cancelled: M,
        attributes: readonly (
            | Readonly<
                {
                    __childAttribute: true;
                    attribute: unknown;
                    dispatch: DispatchSync;
                    resolveUnmount: (message: unknown) => () => void;
                    boundaryMappers: readonly ((message: unknown) => unknown)[];
                    resolveMountDispatch?: Readonly<
                        { owner: MountRenderOwner; resolve: () => DispatchSync },
                    >;
                },
            >
            | { _tag: "Alt"; value: string }
            | { _tag: "Key"; value: string }
            | { _tag: "Class"; value: string }
            | { _tag: "Id"; value: string }
            | { _tag: "Title"; value: string }
            | { _tag: "Lang"; value: string }
            | { _tag: "Dir"; value: string }
            | { _tag: "Tabindex"; value: number }
            | { _tag: "Hidden"; value: boolean }
            | { _tag: "Contenteditable"; value: string }
            | { _tag: "Draggable"; value: boolean }
            | { _tag: "Accesskey"; value: string }
            | { _tag: "Translate"; value: string }
            | { _tag: "Inert"; value: boolean }
            | { _tag: "Popover"; value: string }
            | { _tag: "Popovertarget"; value: string }
            | { _tag: "Popovertargetaction"; value: string }
            | {
                _tag: "OnClick";
                message: M;
                options?: {
                    defaultAction?: "Allow" | "Prevent";
                    propagation?: "Bubble" | "Stop";
                    focusSelector?: string;
                };
            }
            | { _tag: "OnDoubleClick"; message: M }
            | { _tag: "OnMouseDown"; message: M }
            | { _tag: "OnMouseUp"; message: M }
            | { _tag: "OnMouseEnter"; message: M }
            | { _tag: "OnMouseLeave"; message: M }
            | { _tag: "OnMouseOver"; message: M }
            | { _tag: "OnMouseOut"; message: M }
            | { _tag: "OnMouseMove"; message: M }
            | {
                _tag: "OnPointerMove";
                f: (screenX: number, screenY: number, pointerType: string) => Option<M>;
            }
            | { _tag: "OnPointerLeave"; f: (pointerType: string) => Option<M> }
            | {
                _tag: "OnPointerDown";
                f: (
                    pointerType: string,
                    button: number,
                    screenX: number,
                    screenY: number,
                    timeStamp: number,
                    clientX: number,
                    clientY: number,
                    pointerId: number,
                    target: EventTarget | null,
                ) => Option<M>;
            }
            | {
                _tag: "OnPointerUp";
                f: (
                    screenX: number,
                    screenY: number,
                    pointerType: string,
                    timeStamp: number,
                ) => Option<M>;
            }
            | {
                _tag: "OnKeyDown";
                f: (key: string, modifiers: KeyboardModifiers) => M;
            }
            | {
                _tag: "OnKeyDownPreventDefault";
                f: (key: string, modifiers: KeyboardModifiers) => Option<M>;
            }
            | {
                _tag: "OnKeyDownSelf";
                f: (key: string, modifiers: KeyboardModifiers) => M;
            }
            | {
                _tag: "OnKeyDownSelfPreventDefault";
                f: (key: string, modifiers: KeyboardModifiers) => Option<M>;
            }
            | {
                _tag: "OnKeyDownFocus";
                f: (
                    key: string,
                    modifiers: KeyboardModifiers,
                ) => Option<Readonly<{ focusSelector: string; message: M }>>;
            }
            | { _tag: "OnKeyUp"; f: (key: string, modifiers: KeyboardModifiers) => M }
            | {
                _tag: "OnKeyUpPreventDefault";
                f: (key: string, modifiers: KeyboardModifiers) => Option<M>;
            }
            | {
                _tag: "OnKeyPress";
                f: (key: string, modifiers: KeyboardModifiers) => M;
            }
            | { _tag: "OnFocus"; message: M }
            | { _tag: "OnBlur"; message: M }
            | { _tag: "OnFocusEnter"; message: M }
            | { _tag: "OnFocusLeave"; message: M }
            | { _tag: "OnInput"; f: (value: string) => M }
            | { _tag: "OnChange"; f: (value: string) => M }
            | {
                _tag: "OnBeforeInput";
                f: (inputType: string, data: Option<string>) => M;
            }
            | {
                _tag: "OnBeforeInputPreventDefault";
                f: (inputType: string, data: Option<string>) => Option<M>;
            }
            | { _tag: "OnFileChange"; f: (files: readonly File[]) => M }
            | { _tag: "OnSubmit"; message: M }
            | { _tag: "OnReset"; message: M }
            | { _tag: "OnScroll"; f: (scrollTop: number) => M }
            | { _tag: "OnWheel"; message: M }
            | { _tag: "OnCopy"; message: M }
            | { _tag: "OnCut"; message: M }
            | { _tag: "OnPaste"; message: M }
            | { _tag: "OnPastePreventDefault"; f: (text: string) => Option<M> }
            | { _tag: "OnCopyText"; text: string }
            | { _tag: "OnCutText"; text: string; message: M }
            | { _tag: "OnCancel"; message: M }
            | { _tag: "OnCancelPreventDefault"; maybeCustomEventMessage: Option<M> }
            | { _tag: "OnToggle"; f: (isOpen: boolean) => M }
            | { _tag: "OnContextMenu"; message: M }
            | { _tag: "OnDragStart"; message: M }
            | { _tag: "OnDrag"; message: M }
            | { _tag: "OnDragEnd"; message: M }
            | { _tag: "OnDragEnter"; message: M }
            | { _tag: "OnDragLeave"; message: M }
            | { _tag: "OnDragOver"; message: M }
            | { _tag: "AllowDrop" }
            | { _tag: "OnDrop"; message: M }
            | { _tag: "OnDropFiles"; f: (files: readonly File[]) => M }
            | { _tag: "OnTouchStart"; message: M }
            | { _tag: "OnTouchEnd"; message: M }
            | { _tag: "OnTouchMove"; message: M }
            | { _tag: "OnTouchCancel"; message: M }
            | { _tag: "OnAnimationStart"; message: M }
            | { _tag: "OnAnimationEnd"; message: M }
            | { _tag: "OnAnimationIteration"; message: M }
            | { _tag: "OnTransitionEnd"; message: M }
            | { _tag: "OnLoad"; message: M }
            | { _tag: "OnError"; message: M }
            | { _tag: "OnPlay"; message: M }
            | { _tag: "OnPause"; message: M }
            | { _tag: "OnEnded"; message: M }
            | { _tag: "OnTimeUpdate"; message: M }
            | { _tag: "OnVolumeChange"; message: M }
            | { _tag: "OnSelect"; message: M }
            | { _tag: "Value"; value: string }
            | { _tag: "Checked"; value: boolean }
            | { _tag: "Selected"; value: boolean }
            | { _tag: "Open"; value: boolean }
            | { _tag: "Placeholder"; value: string }
            | { _tag: "Name"; value: string }
            | { _tag: "Disabled"; value: boolean }
            | { _tag: "Readonly"; value: boolean }
            | { _tag: "Required"; value: boolean }
            | { _tag: "Autofocus"; value: boolean }
            | { _tag: "Spellcheck"; value: boolean }
            | { _tag: "Autocorrect"; value: string }
            | { _tag: "Autocapitalize"; value: string }
            | { _tag: "InputMode"; value: string }
            | { _tag: "EnterKeyHint"; value: string }
            | { _tag: "Multiple"; value: boolean }
            | { _tag: "Type"; value: string }
            | { _tag: "Accept"; value: string }
            | { _tag: "Autocomplete"; value: string }
            | { _tag: "Pattern"; value: string }
            | { _tag: "Maxlength"; value: number }
            | { _tag: "Minlength"; value: number }
            | { _tag: "Size"; value: number }
            | { _tag: "Cols"; value: number }
            | { _tag: "Rows"; value: number }
            | { _tag: "Max"; value: string }
            | { _tag: "Min"; value: string }
            | { _tag: "Step"; value: string }
            | { _tag: "For"; value: string }
            | { _tag: "Href"; value: string }
            | { _tag: "Src"; value: string }
            | { _tag: "Target"; value: string }
            | { _tag: "Rel"; value: string }
            | { _tag: "Download"; value: string }
            | { _tag: "Action"; value: string }
            | { _tag: "Method"; value: string }
            | { _tag: "Enctype"; value: string }
            | { _tag: "Novalidate"; value: boolean }
            | { _tag: "Formaction"; value: string }
            | { _tag: "Formmethod"; value: string }
            | { _tag: "Formnovalidate"; value: boolean }
            | { _tag: "Formtarget"; value: string }
            | { _tag: "Formenctype"; value: string }
            | { _tag: "Colspan"; value: number }
            | { _tag: "Rowspan"; value: number }
            | { _tag: "Scope"; value: string }
            | { _tag: "Headers"; value: string }
            | { _tag: "Span"; value: number }
            | { _tag: "Start"; value: number }
            | { _tag: "Reversed"; value: boolean }
            | { _tag: "CiteAttr"; value: string }
            | { _tag: "Datetime"; value: string }
            | { _tag: "Wrap"; value: string }
            | { _tag: "List"; value: string }
            | { _tag: "FormAttr"; value: string }
            | { _tag: "LabelAttr"; value: string }
            | { _tag: "ContentAttr"; value: string }
            | { _tag: "Charset"; value: string }
            | { _tag: "HttpEquiv"; value: string }
            | { _tag: "Srcset"; value: string }
            | { _tag: "Sizes"; value: string }
            | { _tag: "Loading"; value: string }
            | { _tag: "Decoding"; value: string }
            | { _tag: "Fetchpriority"; value: string }
            | { _tag: "Crossorigin"; value: string }
            | { _tag: "Referrerpolicy"; value: string }
            | { _tag: "Integrity"; value: string }
            | { _tag: "Hreflang"; value: string }
            | { _tag: "Ping"; value: string }
            | { _tag: "Sandbox"; value: string }
            | { _tag: "Allow"; value: string }
            | { _tag: "Srcdoc"; value: string }
            | { _tag: "Autoplay"; value: boolean }
            | { _tag: "Controls"; value: boolean }
            | { _tag: "Loop"; value: boolean }
            | { _tag: "Muted"; value: boolean }
            | { _tag: "Poster"; value: string }
            | { _tag: "Preload"; value: string }
            | { _tag: "Playsinline"; value: boolean }
            | { _tag: "High"; value: number }
            | { _tag: "Low"; value: number }
            | { _tag: "Optimum"; value: number }
            | { _tag: "Usemap"; value: string }
            | { _tag: "Ismap"; value: boolean }
            | { _tag: "Role"; value: string }
            | { _tag: "AriaLabel"; value: string }
            | { _tag: "AriaLabelledBy"; value: string }
            | { _tag: "AriaDescribedBy"; value: string }
            | { _tag: "AriaHidden"; value: boolean }
            | { _tag: "AriaExpanded"; value: boolean }
            | { _tag: "AriaSelected"; value: boolean }
            | { _tag: "AriaChecked"; value: boolean | "mixed" }
            | { _tag: "AriaDisabled"; value: boolean }
            | { _tag: "AriaRequired"; value: boolean }
            | { _tag: "AriaInvalid"; value: boolean }
            | { _tag: "AriaLive"; value: string }
            | { _tag: "AriaControls"; value: string }
            | { _tag: "AriaCurrent"; value: string }
            | { _tag: "AriaOrientation"; value: string }
            | { _tag: "AriaPressed"; value: string }
            | { _tag: "AriaHasPopup"; value: string }
            | { _tag: "AriaActiveDescendant"; value: string }
            | { _tag: "AriaSort"; value: string }
            | { _tag: "AriaMultiSelectable"; value: boolean }
            | { _tag: "AriaModal"; value: boolean }
            | { _tag: "AriaBusy"; value: boolean }
            | { _tag: "AriaErrorMessage"; value: string }
            | { _tag: "AriaRoleDescription"; value: string }
            | { _tag: "AriaAtomic"; value: boolean }
            | { _tag: "AriaAutocomplete"; value: string }
            | { _tag: "AriaColcount"; value: number }
            | { _tag: "AriaColindex"; value: number }
            | { _tag: "AriaColspan"; value: number }
            | { _tag: "AriaDescription"; value: string }
            | { _tag: "AriaDetails"; value: string }
            | { _tag: "AriaFlowto"; value: string }
            | { _tag: "AriaKeyshortcuts"; value: string }
            | { _tag: "AriaLevel"; value: number }
            | { _tag: "AriaOwns"; value: string }
            | { _tag: "AriaPlaceholder"; value: string }
            | { _tag: "AriaPosinset"; value: number }
            | { _tag: "AriaReadonly"; value: boolean }
            | { _tag: "AriaRelevant"; value: string }
            | { _tag: "AriaRowcount"; value: number }
            | { _tag: "AriaRowindex"; value: number }
            | { _tag: "AriaRowspan"; value: number }
            | { _tag: "AriaSetsize"; value: number }
            | { _tag: "AriaValuemax"; value: number }
            | { _tag: "AriaValuemin"; value: number }
            | { _tag: "AriaValuenow"; value: number }
            | { _tag: "AriaValuetext"; value: string }
            | { _tag: "Attribute"; key: string; value: string }
            | { _tag: "DataAttribute"; key: string; value: string }
            | { _tag: "Style"; value: Record<string, string> }
            | { _tag: "InnerHTML"; value: string }
            | { _tag: "ViewBox"; value: string }
            | { _tag: "Xmlns"; value: string }
            | { _tag: "Fill"; value: string }
            | { _tag: "FillRule"; value: string }
            | { _tag: "ClipRule"; value: string }
            | { _tag: "Stroke"; value: string }
            | { _tag: "StrokeWidth"; value: string }
            | { _tag: "StrokeLinecap"; value: string }
            | { _tag: "StrokeLinejoin"; value: string }
            | { _tag: "D"; value: string }
            | { _tag: "Cx"; value: string }
            | { _tag: "Cy"; value: string }
            | { _tag: "R"; value: string }
            | { _tag: "X"; value: string }
            | { _tag: "Y"; value: string }
            | { _tag: "Width"; value: string }
            | { _tag: "Height"; value: string }
            | { _tag: "X1"; value: string }
            | { _tag: "Y1"; value: string }
            | { _tag: "X2"; value: string }
            | { _tag: "Y2"; value: string }
            | { _tag: "Points"; value: string }
            | { _tag: "Transform"; value: string }
            | { _tag: "Opacity"; value: string }
            | { _tag: "StrokeDasharray"; value: string }
            | { _tag: "StrokeDashoffset"; value: string }
            | { _tag: "Dx"; value: string }
            | { _tag: "Dy"; value: string }
            | { _tag: "Rotate"; value: string }
            | { _tag: "TextAnchor"; value: string }
            | { _tag: "DominantBaseline"; value: string }
            | { _tag: "AlignmentBaseline"; value: string }
            | { _tag: "BaselineShift"; value: string }
            | { _tag: "TextLength"; value: string }
            | { _tag: "LengthAdjust"; value: string }
            | { _tag: "FontFamily"; value: string }
            | { _tag: "FontSize"; value: string }
            | { _tag: "FontWeight"; value: string }
            | { _tag: "FontStyle"; value: string }
            | { _tag: "LetterSpacing"; value: string }
            | { _tag: "WordSpacing"; value: string }
            | { _tag: "TextDecoration"; value: string }
            | { _tag: "WritingMode"; value: string }
            | { _tag: "Rx"; value: string }
            | { _tag: "Ry"; value: string }
            | { _tag: "PathLength"; value: string }
            | { _tag: "FillOpacity"; value: string }
            | { _tag: "StrokeOpacity"; value: string }
            | { _tag: "StrokeMiterlimit"; value: string }
            | { _tag: "PaintOrder"; value: string }
            | { _tag: "VectorEffect"; value: string }
            | { _tag: "Color"; value: string }
            | { _tag: "Visibility"; value: string }
            | { _tag: "Display"; value: string }
            | { _tag: "Overflow"; value: string }
            | { _tag: "PointerEvents"; value: string }
            | { _tag: "Cursor"; value: string }
            | { _tag: "ShapeRendering"; value: string }
            | { _tag: "TextRendering"; value: string }
            | { _tag: "ImageRendering"; value: string }
            | { _tag: "ClipPath"; value: string }
            | { _tag: "Mask"; value: string }
            | { _tag: "Filter"; value: string }
            | { _tag: "ClipPathUnits"; value: string }
            | { _tag: "MaskUnits"; value: string }
            | { _tag: "MaskContentUnits"; value: string }
            | { _tag: "FilterUnits"; value: string }
            | { _tag: "PrimitiveUnits"; value: string }
            | { _tag: "Offset"; value: string }
            | { _tag: "StopColor"; value: string }
            | { _tag: "StopOpacity"; value: string }
            | { _tag: "GradientUnits"; value: string }
            | { _tag: "GradientTransform"; value: string }
            | { _tag: "SpreadMethod"; value: string }
            | { _tag: "Fx"; value: string }
            | { _tag: "Fy"; value: string }
            | { _tag: "Fr"; value: string }
            | { _tag: "PatternUnits"; value: string }
            | { _tag: "PatternContentUnits"; value: string }
            | { _tag: "PatternTransform"; value: string }
            | { _tag: "MarkerStart"; value: string }
            | { _tag: "MarkerMid"; value: string }
            | { _tag: "MarkerEnd"; value: string }
            | { _tag: "MarkerWidth"; value: string }
            | { _tag: "MarkerHeight"; value: string }
            | { _tag: "MarkerUnits"; value: string }
            | { _tag: "RefX"; value: string }
            | { _tag: "RefY"; value: string }
            | { _tag: "Orient"; value: string }
            | { _tag: "PreserveAspectRatio"; value: string }
            | { _tag: "Prop"; key: string; value: unknown }
            | {
                _tag: "OnCustomEvent";
                name: string;
                f: (event: CustomEvent<unknown>) => Option<M>;
            }
            | { _tag: "OnMount"; action: MountAction<Message, any> }
            | { _tag: "OnUnmount"; message: M }
        )[],
        children: readonly Child[] | undefined,
    ): Html

  • Cancel remains available while a draft is protected.

    Type Parameters

    • M

    Parameters

    • h: HtmlBuilder<M>
    • cancelled: M
    • attributes: readonly (
          | Readonly<
              {
                  __childAttribute: true;
                  attribute: unknown;
                  dispatch: DispatchSync;
                  resolveUnmount: (message: unknown) => () => void;
                  boundaryMappers: readonly ((message: unknown) => unknown)[];
                  resolveMountDispatch?: Readonly<
                      { owner: MountRenderOwner; resolve: () => DispatchSync },
                  >;
              },
          >
          | { _tag: "Alt"; value: string }
          | { _tag: "Key"; value: string }
          | { _tag: "Class"; value: string }
          | { _tag: "Id"; value: string }
          | { _tag: "Title"; value: string }
          | { _tag: "Lang"; value: string }
          | { _tag: "Dir"; value: string }
          | { _tag: "Tabindex"; value: number }
          | { _tag: "Hidden"; value: boolean }
          | { _tag: "Contenteditable"; value: string }
          | { _tag: "Draggable"; value: boolean }
          | { _tag: "Accesskey"; value: string }
          | { _tag: "Translate"; value: string }
          | { _tag: "Inert"; value: boolean }
          | { _tag: "Popover"; value: string }
          | { _tag: "Popovertarget"; value: string }
          | { _tag: "Popovertargetaction"; value: string }
          | {
              _tag: "OnClick";
              message: M;
              options?: {
                  defaultAction?: "Allow" | "Prevent";
                  propagation?: "Bubble" | "Stop";
                  focusSelector?: string;
              };
          }
          | { _tag: "OnDoubleClick"; message: M }
          | { _tag: "OnMouseDown"; message: M }
          | { _tag: "OnMouseUp"; message: M }
          | { _tag: "OnMouseEnter"; message: M }
          | { _tag: "OnMouseLeave"; message: M }
          | { _tag: "OnMouseOver"; message: M }
          | { _tag: "OnMouseOut"; message: M }
          | { _tag: "OnMouseMove"; message: M }
          | {
              _tag: "OnPointerMove";
              f: (screenX: number, screenY: number, pointerType: string) => Option<M>;
          }
          | { _tag: "OnPointerLeave"; f: (pointerType: string) => Option<M> }
          | {
              _tag: "OnPointerDown";
              f: (
                  pointerType: string,
                  button: number,
                  screenX: number,
                  screenY: number,
                  timeStamp: number,
                  clientX: number,
                  clientY: number,
                  pointerId: number,
                  target: EventTarget | null,
              ) => Option<M>;
          }
          | {
              _tag: "OnPointerUp";
              f: (
                  screenX: number,
                  screenY: number,
                  pointerType: string,
                  timeStamp: number,
              ) => Option<M>;
          }
          | {
              _tag: "OnKeyDown";
              f: (key: string, modifiers: KeyboardModifiers) => M;
          }
          | {
              _tag: "OnKeyDownPreventDefault";
              f: (key: string, modifiers: KeyboardModifiers) => Option<M>;
          }
          | {
              _tag: "OnKeyDownSelf";
              f: (key: string, modifiers: KeyboardModifiers) => M;
          }
          | {
              _tag: "OnKeyDownSelfPreventDefault";
              f: (key: string, modifiers: KeyboardModifiers) => Option<M>;
          }
          | {
              _tag: "OnKeyDownFocus";
              f: (
                  key: string,
                  modifiers: KeyboardModifiers,
              ) => Option<Readonly<{ focusSelector: string; message: M }>>;
          }
          | { _tag: "OnKeyUp"; f: (key: string, modifiers: KeyboardModifiers) => M }
          | {
              _tag: "OnKeyUpPreventDefault";
              f: (key: string, modifiers: KeyboardModifiers) => Option<M>;
          }
          | {
              _tag: "OnKeyPress";
              f: (key: string, modifiers: KeyboardModifiers) => M;
          }
          | { _tag: "OnFocus"; message: M }
          | { _tag: "OnBlur"; message: M }
          | { _tag: "OnFocusEnter"; message: M }
          | { _tag: "OnFocusLeave"; message: M }
          | { _tag: "OnInput"; f: (value: string) => M }
          | { _tag: "OnChange"; f: (value: string) => M }
          | {
              _tag: "OnBeforeInput";
              f: (inputType: string, data: Option<string>) => M;
          }
          | {
              _tag: "OnBeforeInputPreventDefault";
              f: (inputType: string, data: Option<string>) => Option<M>;
          }
          | { _tag: "OnFileChange"; f: (files: readonly File[]) => M }
          | { _tag: "OnSubmit"; message: M }
          | { _tag: "OnReset"; message: M }
          | { _tag: "OnScroll"; f: (scrollTop: number) => M }
          | { _tag: "OnWheel"; message: M }
          | { _tag: "OnCopy"; message: M }
          | { _tag: "OnCut"; message: M }
          | { _tag: "OnPaste"; message: M }
          | { _tag: "OnPastePreventDefault"; f: (text: string) => Option<M> }
          | { _tag: "OnCopyText"; text: string }
          | { _tag: "OnCutText"; text: string; message: M }
          | { _tag: "OnCancel"; message: M }
          | { _tag: "OnCancelPreventDefault"; maybeCustomEventMessage: Option<M> }
          | { _tag: "OnToggle"; f: (isOpen: boolean) => M }
          | { _tag: "OnContextMenu"; message: M }
          | { _tag: "OnDragStart"; message: M }
          | { _tag: "OnDrag"; message: M }
          | { _tag: "OnDragEnd"; message: M }
          | { _tag: "OnDragEnter"; message: M }
          | { _tag: "OnDragLeave"; message: M }
          | { _tag: "OnDragOver"; message: M }
          | { _tag: "AllowDrop" }
          | { _tag: "OnDrop"; message: M }
          | { _tag: "OnDropFiles"; f: (files: readonly File[]) => M }
          | { _tag: "OnTouchStart"; message: M }
          | { _tag: "OnTouchEnd"; message: M }
          | { _tag: "OnTouchMove"; message: M }
          | { _tag: "OnTouchCancel"; message: M }
          | { _tag: "OnAnimationStart"; message: M }
          | { _tag: "OnAnimationEnd"; message: M }
          | { _tag: "OnAnimationIteration"; message: M }
          | { _tag: "OnTransitionEnd"; message: M }
          | { _tag: "OnLoad"; message: M }
          | { _tag: "OnError"; message: M }
          | { _tag: "OnPlay"; message: M }
          | { _tag: "OnPause"; message: M }
          | { _tag: "OnEnded"; message: M }
          | { _tag: "OnTimeUpdate"; message: M }
          | { _tag: "OnVolumeChange"; message: M }
          | { _tag: "OnSelect"; message: M }
          | { _tag: "Value"; value: string }
          | { _tag: "Checked"; value: boolean }
          | { _tag: "Selected"; value: boolean }
          | { _tag: "Open"; value: boolean }
          | { _tag: "Placeholder"; value: string }
          | { _tag: "Name"; value: string }
          | { _tag: "Disabled"; value: boolean }
          | { _tag: "Readonly"; value: boolean }
          | { _tag: "Required"; value: boolean }
          | { _tag: "Autofocus"; value: boolean }
          | { _tag: "Spellcheck"; value: boolean }
          | { _tag: "Autocorrect"; value: string }
          | { _tag: "Autocapitalize"; value: string }
          | { _tag: "InputMode"; value: string }
          | { _tag: "EnterKeyHint"; value: string }
          | { _tag: "Multiple"; value: boolean }
          | { _tag: "Type"; value: string }
          | { _tag: "Accept"; value: string }
          | { _tag: "Autocomplete"; value: string }
          | { _tag: "Pattern"; value: string }
          | { _tag: "Maxlength"; value: number }
          | { _tag: "Minlength"; value: number }
          | { _tag: "Size"; value: number }
          | { _tag: "Cols"; value: number }
          | { _tag: "Rows"; value: number }
          | { _tag: "Max"; value: string }
          | { _tag: "Min"; value: string }
          | { _tag: "Step"; value: string }
          | { _tag: "For"; value: string }
          | { _tag: "Href"; value: string }
          | { _tag: "Src"; value: string }
          | { _tag: "Target"; value: string }
          | { _tag: "Rel"; value: string }
          | { _tag: "Download"; value: string }
          | { _tag: "Action"; value: string }
          | { _tag: "Method"; value: string }
          | { _tag: "Enctype"; value: string }
          | { _tag: "Novalidate"; value: boolean }
          | { _tag: "Formaction"; value: string }
          | { _tag: "Formmethod"; value: string }
          | { _tag: "Formnovalidate"; value: boolean }
          | { _tag: "Formtarget"; value: string }
          | { _tag: "Formenctype"; value: string }
          | { _tag: "Colspan"; value: number }
          | { _tag: "Rowspan"; value: number }
          | { _tag: "Scope"; value: string }
          | { _tag: "Headers"; value: string }
          | { _tag: "Span"; value: number }
          | { _tag: "Start"; value: number }
          | { _tag: "Reversed"; value: boolean }
          | { _tag: "CiteAttr"; value: string }
          | { _tag: "Datetime"; value: string }
          | { _tag: "Wrap"; value: string }
          | { _tag: "List"; value: string }
          | { _tag: "FormAttr"; value: string }
          | { _tag: "LabelAttr"; value: string }
          | { _tag: "ContentAttr"; value: string }
          | { _tag: "Charset"; value: string }
          | { _tag: "HttpEquiv"; value: string }
          | { _tag: "Srcset"; value: string }
          | { _tag: "Sizes"; value: string }
          | { _tag: "Loading"; value: string }
          | { _tag: "Decoding"; value: string }
          | { _tag: "Fetchpriority"; value: string }
          | { _tag: "Crossorigin"; value: string }
          | { _tag: "Referrerpolicy"; value: string }
          | { _tag: "Integrity"; value: string }
          | { _tag: "Hreflang"; value: string }
          | { _tag: "Ping"; value: string }
          | { _tag: "Sandbox"; value: string }
          | { _tag: "Allow"; value: string }
          | { _tag: "Srcdoc"; value: string }
          | { _tag: "Autoplay"; value: boolean }
          | { _tag: "Controls"; value: boolean }
          | { _tag: "Loop"; value: boolean }
          | { _tag: "Muted"; value: boolean }
          | { _tag: "Poster"; value: string }
          | { _tag: "Preload"; value: string }
          | { _tag: "Playsinline"; value: boolean }
          | { _tag: "High"; value: number }
          | { _tag: "Low"; value: number }
          | { _tag: "Optimum"; value: number }
          | { _tag: "Usemap"; value: string }
          | { _tag: "Ismap"; value: boolean }
          | { _tag: "Role"; value: string }
          | { _tag: "AriaLabel"; value: string }
          | { _tag: "AriaLabelledBy"; value: string }
          | { _tag: "AriaDescribedBy"; value: string }
          | { _tag: "AriaHidden"; value: boolean }
          | { _tag: "AriaExpanded"; value: boolean }
          | { _tag: "AriaSelected"; value: boolean }
          | { _tag: "AriaChecked"; value: boolean | "mixed" }
          | { _tag: "AriaDisabled"; value: boolean }
          | { _tag: "AriaRequired"; value: boolean }
          | { _tag: "AriaInvalid"; value: boolean }
          | { _tag: "AriaLive"; value: string }
          | { _tag: "AriaControls"; value: string }
          | { _tag: "AriaCurrent"; value: string }
          | { _tag: "AriaOrientation"; value: string }
          | { _tag: "AriaPressed"; value: string }
          | { _tag: "AriaHasPopup"; value: string }
          | { _tag: "AriaActiveDescendant"; value: string }
          | { _tag: "AriaSort"; value: string }
          | { _tag: "AriaMultiSelectable"; value: boolean }
          | { _tag: "AriaModal"; value: boolean }
          | { _tag: "AriaBusy"; value: boolean }
          | { _tag: "AriaErrorMessage"; value: string }
          | { _tag: "AriaRoleDescription"; value: string }
          | { _tag: "AriaAtomic"; value: boolean }
          | { _tag: "AriaAutocomplete"; value: string }
          | { _tag: "AriaColcount"; value: number }
          | { _tag: "AriaColindex"; value: number }
          | { _tag: "AriaColspan"; value: number }
          | { _tag: "AriaDescription"; value: string }
          | { _tag: "AriaDetails"; value: string }
          | { _tag: "AriaFlowto"; value: string }
          | { _tag: "AriaKeyshortcuts"; value: string }
          | { _tag: "AriaLevel"; value: number }
          | { _tag: "AriaOwns"; value: string }
          | { _tag: "AriaPlaceholder"; value: string }
          | { _tag: "AriaPosinset"; value: number }
          | { _tag: "AriaReadonly"; value: boolean }
          | { _tag: "AriaRelevant"; value: string }
          | { _tag: "AriaRowcount"; value: number }
          | { _tag: "AriaRowindex"; value: number }
          | { _tag: "AriaRowspan"; value: number }
          | { _tag: "AriaSetsize"; value: number }
          | { _tag: "AriaValuemax"; value: number }
          | { _tag: "AriaValuemin"; value: number }
          | { _tag: "AriaValuenow"; value: number }
          | { _tag: "AriaValuetext"; value: string }
          | { _tag: "Attribute"; key: string; value: string }
          | { _tag: "DataAttribute"; key: string; value: string }
          | { _tag: "Style"; value: Record<string, string> }
          | { _tag: "InnerHTML"; value: string }
          | { _tag: "ViewBox"; value: string }
          | { _tag: "Xmlns"; value: string }
          | { _tag: "Fill"; value: string }
          | { _tag: "FillRule"; value: string }
          | { _tag: "ClipRule"; value: string }
          | { _tag: "Stroke"; value: string }
          | { _tag: "StrokeWidth"; value: string }
          | { _tag: "StrokeLinecap"; value: string }
          | { _tag: "StrokeLinejoin"; value: string }
          | { _tag: "D"; value: string }
          | { _tag: "Cx"; value: string }
          | { _tag: "Cy"; value: string }
          | { _tag: "R"; value: string }
          | { _tag: "X"; value: string }
          | { _tag: "Y"; value: string }
          | { _tag: "Width"; value: string }
          | { _tag: "Height"; value: string }
          | { _tag: "X1"; value: string }
          | { _tag: "Y1"; value: string }
          | { _tag: "X2"; value: string }
          | { _tag: "Y2"; value: string }
          | { _tag: "Points"; value: string }
          | { _tag: "Transform"; value: string }
          | { _tag: "Opacity"; value: string }
          | { _tag: "StrokeDasharray"; value: string }
          | { _tag: "StrokeDashoffset"; value: string }
          | { _tag: "Dx"; value: string }
          | { _tag: "Dy"; value: string }
          | { _tag: "Rotate"; value: string }
          | { _tag: "TextAnchor"; value: string }
          | { _tag: "DominantBaseline"; value: string }
          | { _tag: "AlignmentBaseline"; value: string }
          | { _tag: "BaselineShift"; value: string }
          | { _tag: "TextLength"; value: string }
          | { _tag: "LengthAdjust"; value: string }
          | { _tag: "FontFamily"; value: string }
          | { _tag: "FontSize"; value: string }
          | { _tag: "FontWeight"; value: string }
          | { _tag: "FontStyle"; value: string }
          | { _tag: "LetterSpacing"; value: string }
          | { _tag: "WordSpacing"; value: string }
          | { _tag: "TextDecoration"; value: string }
          | { _tag: "WritingMode"; value: string }
          | { _tag: "Rx"; value: string }
          | { _tag: "Ry"; value: string }
          | { _tag: "PathLength"; value: string }
          | { _tag: "FillOpacity"; value: string }
          | { _tag: "StrokeOpacity"; value: string }
          | { _tag: "StrokeMiterlimit"; value: string }
          | { _tag: "PaintOrder"; value: string }
          | { _tag: "VectorEffect"; value: string }
          | { _tag: "Color"; value: string }
          | { _tag: "Visibility"; value: string }
          | { _tag: "Display"; value: string }
          | { _tag: "Overflow"; value: string }
          | { _tag: "PointerEvents"; value: string }
          | { _tag: "Cursor"; value: string }
          | { _tag: "ShapeRendering"; value: string }
          | { _tag: "TextRendering"; value: string }
          | { _tag: "ImageRendering"; value: string }
          | { _tag: "ClipPath"; value: string }
          | { _tag: "Mask"; value: string }
          | { _tag: "Filter"; value: string }
          | { _tag: "ClipPathUnits"; value: string }
          | { _tag: "MaskUnits"; value: string }
          | { _tag: "MaskContentUnits"; value: string }
          | { _tag: "FilterUnits"; value: string }
          | { _tag: "PrimitiveUnits"; value: string }
          | { _tag: "Offset"; value: string }
          | { _tag: "StopColor"; value: string }
          | { _tag: "StopOpacity"; value: string }
          | { _tag: "GradientUnits"; value: string }
          | { _tag: "GradientTransform"; value: string }
          | { _tag: "SpreadMethod"; value: string }
          | { _tag: "Fx"; value: string }
          | { _tag: "Fy"; value: string }
          | { _tag: "Fr"; value: string }
          | { _tag: "PatternUnits"; value: string }
          | { _tag: "PatternContentUnits"; value: string }
          | { _tag: "PatternTransform"; value: string }
          | { _tag: "MarkerStart"; value: string }
          | { _tag: "MarkerMid"; value: string }
          | { _tag: "MarkerEnd"; value: string }
          | { _tag: "MarkerWidth"; value: string }
          | { _tag: "MarkerHeight"; value: string }
          | { _tag: "MarkerUnits"; value: string }
          | { _tag: "RefX"; value: string }
          | { _tag: "RefY"; value: string }
          | { _tag: "Orient"; value: string }
          | { _tag: "PreserveAspectRatio"; value: string }
          | { _tag: "Prop"; key: string; value: unknown }
          | {
              _tag: "OnCustomEvent";
              name: string;
              f: (event: CustomEvent<unknown>) => Option<M>;
          }
          | { _tag: "OnMount"; action: MountAction<Message, any> }
          | { _tag: "OnUnmount"; message: M }
      )[]
    • children: readonly Child[] | undefined

    Returns Html