@trendyol/baklava 2.0.0-beta.38 → 2.0.0-beta.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/baklava-react.d.ts +16 -14
- package/dist/baklava-react.d.ts.map +1 -1
- package/dist/baklava-react.js +1 -1
- package/dist/baklava-react.js.map +3 -3
- package/dist/baklava.d.ts +1 -0
- package/dist/baklava.d.ts.map +1 -1
- package/dist/baklava.js +1 -1
- package/dist/{chunk-OJVJFWT3.js → chunk-A25HQAVJ.js} +2 -2
- package/dist/{chunk-OJVJFWT3.js.map → chunk-A25HQAVJ.js.map} +2 -2
- package/dist/{chunk-YZQVPLSP.js → chunk-HF5CPTQT.js} +2 -2
- package/dist/{chunk-YZQVPLSP.js.map → chunk-HF5CPTQT.js.map} +0 -0
- package/dist/chunk-N5Q3PK3Z.js +22 -0
- package/dist/chunk-N5Q3PK3Z.js.map +7 -0
- package/dist/components/dialog/bl-dialog.d.ts +53 -0
- package/dist/components/dialog/bl-dialog.d.ts.map +1 -0
- package/dist/components/dialog/bl-dialog.js +2 -0
- package/dist/components/dialog/bl-dialog.js.map +7 -0
- package/dist/components/dialog/bl-dialog.test.d.ts +2 -0
- package/dist/components/dialog/bl-dialog.test.d.ts.map +1 -0
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/pagination/bl-pagination.js +1 -1
- package/dist/components/progress-indicator/bl-progress-indicator.js +1 -1
- package/dist/components/tab-group/bl-tab-group.js +1 -1
- package/dist/custom-elements.json +70 -0
- package/package.json +1 -1
package/dist/baklava-react.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import type BlAlertType from "./components/alert/bl-alert";
|
|
|
3
3
|
import type BlBadgeType from "./components/badge/bl-badge";
|
|
4
4
|
import type BlButtonType from "./components/button/bl-button";
|
|
5
5
|
import type BlCheckboxType from "./components/checkbox/bl-checkbox";
|
|
6
|
+
import type BlDialogType from "./components/dialog/bl-dialog";
|
|
6
7
|
import type BlIconType from "./components/icon/bl-icon";
|
|
7
8
|
import type BlInputType from "./components/input/bl-input";
|
|
8
9
|
import type BlPaginationType from "./components/pagination/bl-pagination";
|
|
@@ -13,18 +14,19 @@ import type BlTooltipType from "./components/tooltip/bl-tooltip";
|
|
|
13
14
|
import type BlSelectOptionType from "./components/select/option/bl-select-option";
|
|
14
15
|
import type BlTabType from "./components/tab-group/tab/bl-tab";
|
|
15
16
|
import type BlTabPanelType from "./components/tab-group/tab-panel/bl-tab-panel";
|
|
16
|
-
export declare const BlAlert: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlAlertType>, never> & Omit<BlAlertType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "
|
|
17
|
-
export declare const BlBadge: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlBadgeType>, never> & Omit<BlBadgeType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "
|
|
18
|
-
export declare const BlButton: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlButtonType>, never> & Omit<BlButtonType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "
|
|
19
|
-
export declare const BlCheckbox: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlCheckboxType>, never> & Omit<BlCheckboxType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "
|
|
20
|
-
export declare const
|
|
21
|
-
export declare const
|
|
22
|
-
export declare const
|
|
23
|
-
export declare const
|
|
24
|
-
export declare const
|
|
25
|
-
export declare const
|
|
26
|
-
export declare const
|
|
27
|
-
export declare const
|
|
28
|
-
export declare const
|
|
29
|
-
export declare const
|
|
17
|
+
export declare const BlAlert: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlAlertType>, never> & Omit<BlAlertType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
18
|
+
export declare const BlBadge: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlBadgeType>, never> & Omit<BlBadgeType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
19
|
+
export declare const BlButton: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlButtonType>, never> & Omit<BlButtonType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
20
|
+
export declare const BlCheckbox: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlCheckboxType>, never> & Omit<BlCheckboxType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
21
|
+
export declare const BlDialog: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlDialogType>, never> & Omit<BlDialogType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
22
|
+
export declare const BlIcon: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlIconType>, never> & Omit<BlIconType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
23
|
+
export declare const BlInput: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlInputType>, never> & Omit<BlInputType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
24
|
+
export declare const BlPagination: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlPaginationType>, never> & Omit<BlPaginationType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
25
|
+
export declare const BlProgressIndicator: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlProgressIndicatorType>, never> & Omit<BlProgressIndicatorType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
26
|
+
export declare const BlSelect: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlSelectType>, never> & Omit<BlSelectType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
27
|
+
export declare const BlTabGroup: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlTabGroupType>, never> & Omit<BlTabGroupType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
28
|
+
export declare const BlTooltip: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlTooltipType>, never> & Omit<BlTooltipType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
29
|
+
export declare const BlSelectOption: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlSelectOptionType>, never> & Omit<BlSelectOptionType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
30
|
+
export declare const BlTab: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlTabType>, never> & Omit<BlTabType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
31
|
+
export declare const BlTabPanel: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<BlTabPanelType>, never> & Omit<BlTabPanelType, "onLoad" | "onError" | "onClick" | "dir" | "slot" | "style" | "title" | "onChange" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "className" | "id" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "placeholder" | "onInput" | "onInvalid" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {}> & React.RefAttributes<unknown>>;
|
|
30
32
|
//# sourceMappingURL=baklava-react.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baklava-react.d.ts","sourceRoot":"","sources":["../src/baklava-react.ts"],"names":[],"mappings":"AAEI,OAAO,KAAK,MAAM,OAAO,CAAC;AAE9B,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,cAAc,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,uBAAuB,MAAM,uDAAuD,CAAC;AACjG,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,cAAc,MAAM,qCAAqC,CAAC;AACtE,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,SAAS,MAAM,mCAAmC,CAAC;AAC/D,OAAO,KAAK,cAAc,MAAM,+CAA+C,CAAC;AAE5E,eAAO,MAAM,OAAO,goJAKjB,CAAC;AAGJ,eAAO,MAAM,OAAO,goJAKjB,CAAC;AAGJ,eAAO,MAAM,QAAQ,koJAKlB,CAAC;AAGJ,eAAO,MAAM,UAAU,soJAKpB,CAAC;AAGJ,eAAO,MAAM,MAAM,8nJAKhB,CAAC;AAGJ,eAAO,MAAM,OAAO,goJAKjB,CAAC;AAGJ,eAAO,MAAM,YAAY,0oJAKtB,CAAC;AAGJ,eAAO,MAAM,mBAAmB,wpJAK7B,CAAC;AAGJ,eAAO,MAAM,QAAQ,koJAKlB,CAAC;AAGJ,eAAO,MAAM,UAAU,soJAKpB,CAAC;AAGJ,eAAO,MAAM,SAAS,ooJAKnB,CAAC;AAGJ,eAAO,MAAM,cAAc,8oJAKxB,CAAC;AAGJ,eAAO,MAAM,KAAK,4nJAKf,CAAC;AAGJ,eAAO,MAAM,UAAU,soJAKpB,CAAC"}
|
|
1
|
+
{"version":3,"file":"baklava-react.d.ts","sourceRoot":"","sources":["../src/baklava-react.ts"],"names":[],"mappings":"AAEI,OAAO,KAAK,MAAM,OAAO,CAAC;AAE9B,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,cAAc,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,uBAAuB,MAAM,uDAAuD,CAAC;AACjG,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,cAAc,MAAM,qCAAqC,CAAC;AACtE,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,SAAS,MAAM,mCAAmC,CAAC;AAC/D,OAAO,KAAK,cAAc,MAAM,+CAA+C,CAAC;AAE5E,eAAO,MAAM,OAAO,goJAKjB,CAAC;AAGJ,eAAO,MAAM,OAAO,goJAKjB,CAAC;AAGJ,eAAO,MAAM,QAAQ,koJAKlB,CAAC;AAGJ,eAAO,MAAM,UAAU,soJAKpB,CAAC;AAGJ,eAAO,MAAM,QAAQ,koJAKlB,CAAC;AAGJ,eAAO,MAAM,MAAM,8nJAKhB,CAAC;AAGJ,eAAO,MAAM,OAAO,goJAKjB,CAAC;AAGJ,eAAO,MAAM,YAAY,0oJAKtB,CAAC;AAGJ,eAAO,MAAM,mBAAmB,wpJAK7B,CAAC;AAGJ,eAAO,MAAM,QAAQ,koJAKlB,CAAC;AAGJ,eAAO,MAAM,UAAU,soJAKpB,CAAC;AAGJ,eAAO,MAAM,SAAS,ooJAKnB,CAAC;AAGJ,eAAO,MAAM,cAAc,8oJAKxB,CAAC;AAGJ,eAAO,MAAM,KAAK,4nJAKf,CAAC;AAGJ,eAAO,MAAM,UAAU,soJAKpB,CAAC"}
|
package/dist/baklava-react.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"./chunk-NZ3RGSR6.js";import o from"react";var T=new Set(["children","localName","ref","style","className"]),
|
|
1
|
+
import"./chunk-NZ3RGSR6.js";import o from"react";var T=new Set(["children","localName","ref","style","className"]),h=new WeakMap,f=(i,d,a,g,u)=>{let y=u==null?void 0:u[d];y!==void 0?a!==g&&((r,n,c)=>{let p=h.get(r);p===void 0&&h.set(r,p=new Map);let t=p.get(n);c!==void 0?t===void 0?(p.set(n,t={handleEvent:c}),r.addEventListener(n,t)):t.handleEvent=c:t!==void 0&&(p.delete(n),r.removeEventListener(n,t))})(i,y,a):i[d]=a},e=(i,d,a,g,u)=>{let y=i.Component,r=i.createElement,n=new Set(Object.keys(g!=null?g:{}));for(let t in a.prototype)t in HTMLElement.prototype||(T.has(t)?console.warn(`${d} contains property ${t} which is a React reserved property. It will be used by React and not set on the element.`):n.add(t));class c extends y{constructor(){super(...arguments),this.o=null}t(l){if(this.o!==null)for(let b in this.i)f(this.o,b,this.props[b],l?l[b]:void 0,g)}componentDidMount(){this.t()}componentDidUpdate(l){this.t(l)}render(){let l=this.props._$Gl;this.h!==void 0&&this.u===l||(this.h=s=>{this.o===null&&(this.o=s),l!==null&&((m,B)=>{typeof m=="function"?m(B):m.current=B})(l,s),this.u=l});let b={ref:this.h};this.i={};for(let[s,m]of Object.entries(this.props))s!=="__forwardedRef"&&(n.has(s)?this.i[s]=m:b[s==="className"?"class":s]=m);return r(d,b)}}c.displayName=u!=null?u:a.name;let p=i.forwardRef((t,l)=>r(c,{...t,_$Gl:l},t==null?void 0:t.children));return p.displayName=c.displayName,p};var I=e(o,"bl-alert",customElements.get("bl-alert"),{onClose:"bl-close"}),w=e(o,"bl-badge",customElements.get("bl-badge"),{}),S=e(o,"bl-button",customElements.get("bl-button"),{onClick:"bl-click"}),P=e(o,"bl-checkbox",customElements.get("bl-checkbox"),{onChange:"bl-checkbox-change"}),O=e(o,"bl-dialog",customElements.get("bl-dialog"),{onOpen:"bl-dialog-open",onClose:"bl-dialog-close"}),N=e(o,"bl-icon",customElements.get("bl-icon"),{onLoad:"bl-load",onError:"bl-error"}),D=e(o,"bl-input",customElements.get("bl-input"),{onChange:"bl-change",onInput:"bl-input",onInvalid:"bl-invalid"}),G=e(o,"bl-pagination",customElements.get("bl-pagination"),{onChange:"bl-change"}),R=e(o,"bl-progress-indicator",customElements.get("bl-progress-indicator"),{}),L=e(o,"bl-select",customElements.get("bl-select"),{onSelect:"bl-select"}),M=e(o,"bl-tab-group",customElements.get("bl-tab-group"),{}),_=e(o,"bl-tooltip",customElements.get("bl-tooltip"),{onShow:"bl-tooltip-show",onHide:"bl-tooltip-hide"}),$=e(o,"bl-select-option",customElements.get("bl-select-option"),{onOption:"bl-select-option"}),A=e(o,"bl-tab",customElements.get("bl-tab"),{onSelected:"bl-tab-selected"}),j=e(o,"bl-tab-panel",customElements.get("bl-tab-panel"),{});export{I as BlAlert,w as BlBadge,S as BlButton,P as BlCheckbox,O as BlDialog,N as BlIcon,D as BlInput,G as BlPagination,R as BlProgressIndicator,L as BlSelect,$ as BlSelectOption,A as BlTab,M as BlTabGroup,j as BlTabPanel,_ as BlTooltip};
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2018 Google LLC
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/baklava-react.ts", "../node_modules/@lit-labs/react/src/create-component.ts"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable @typescript-eslint/ban-ts-comment */\n // @ts-nocheck\n import React from 'react';\nimport { createComponent } from '@lit-labs/react';\nimport type BlAlertType from \"./components/alert/bl-alert\";\nimport type BlBadgeType from \"./components/badge/bl-badge\";\nimport type BlButtonType from \"./components/button/bl-button\";\nimport type BlCheckboxType from \"./components/checkbox/bl-checkbox\";\nimport type BlIconType from \"./components/icon/bl-icon\";\nimport type BlInputType from \"./components/input/bl-input\";\nimport type BlPaginationType from \"./components/pagination/bl-pagination\";\nimport type BlProgressIndicatorType from \"./components/progress-indicator/bl-progress-indicator\";\nimport type BlSelectType from \"./components/select/bl-select\";\nimport type BlTabGroupType from \"./components/tab-group/bl-tab-group\";\nimport type BlTooltipType from \"./components/tooltip/bl-tooltip\";\nimport type BlSelectOptionType from \"./components/select/option/bl-select-option\";\nimport type BlTabType from \"./components/tab-group/tab/bl-tab\";\nimport type BlTabPanelType from \"./components/tab-group/tab-panel/bl-tab-panel\";\n \n export const BlAlert = createComponent<BlAlertType>(\n React,\n 'bl-alert',\n customElements.get('bl-alert'),\n {\"onClose\":\"bl-close\"}\n );\n\n\n export const BlBadge = createComponent<BlBadgeType>(\n React,\n 'bl-badge',\n customElements.get('bl-badge'),\n {}\n );\n\n\n export const BlButton = createComponent<BlButtonType>(\n React,\n 'bl-button',\n customElements.get('bl-button'),\n {\"onClick\":\"bl-click\"}\n );\n\n\n export const BlCheckbox = createComponent<BlCheckboxType>(\n React,\n 'bl-checkbox',\n customElements.get('bl-checkbox'),\n {\"onChange\":\"bl-checkbox-change\"}\n );\n\n\n export const BlIcon = createComponent<BlIconType>(\n React,\n 'bl-icon',\n customElements.get('bl-icon'),\n {\"onLoad\":\"bl-load\",\"onError\":\"bl-error\"}\n );\n\n\n export const BlInput = createComponent<BlInputType>(\n React,\n 'bl-input',\n customElements.get('bl-input'),\n {\"onChange\":\"bl-change\",\"onInput\":\"bl-input\",\"onInvalid\":\"bl-invalid\"}\n );\n\n\n export const BlPagination = createComponent<BlPaginationType>(\n React,\n 'bl-pagination',\n customElements.get('bl-pagination'),\n {\"onChange\":\"bl-change\"}\n );\n\n\n export const BlProgressIndicator = createComponent<BlProgressIndicatorType>(\n React,\n 'bl-progress-indicator',\n customElements.get('bl-progress-indicator'),\n {}\n );\n\n\n export const BlSelect = createComponent<BlSelectType>(\n React,\n 'bl-select',\n customElements.get('bl-select'),\n {\"onSelect\":\"bl-select\"}\n );\n\n\n export const BlTabGroup = createComponent<BlTabGroupType>(\n React,\n 'bl-tab-group',\n customElements.get('bl-tab-group'),\n {}\n );\n\n\n export const BlTooltip = createComponent<BlTooltipType>(\n React,\n 'bl-tooltip',\n customElements.get('bl-tooltip'),\n {\"onShow\":\"bl-tooltip-show\",\"onHide\":\"bl-tooltip-hide\"}\n );\n\n\n export const BlSelectOption = createComponent<BlSelectOptionType>(\n React,\n 'bl-select-option',\n customElements.get('bl-select-option'),\n {\"onOption\":\"bl-select-option\"}\n );\n\n\n export const BlTab = createComponent<BlTabType>(\n React,\n 'bl-tab',\n customElements.get('bl-tab'),\n {\"onSelected\":\"bl-tab-selected\"}\n );\n\n\n export const BlTabPanel = createComponent<BlTabPanelType>(\n React,\n 'bl-tab-panel',\n customElements.get('bl-tab-panel'),\n {}\n );", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nconst reservedReactProperties = new Set([\n 'children',\n 'localName',\n 'ref',\n 'style',\n 'className',\n]);\n\nconst listenedEvents: WeakMap<\n Element,\n Map<string, EventListenerObject>\n> = new WeakMap();\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (\n node: Element,\n event: string,\n listener: (event?: Event) => void\n) => {\n let events = listenedEvents.get(node);\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()));\n }\n let handler = events.get(event);\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = {handleEvent: listener}));\n node.addEventListener(event, handler);\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener;\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event);\n node.removeEventListener(event, handler);\n }\n};\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(\n node: E,\n name: string,\n value: unknown,\n old: unknown,\n events?: Events\n) => {\n const event = events?.[name];\n if (event !== undefined) {\n // Dirty check event value.\n if (value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void);\n }\n } else {\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E];\n }\n};\n\n// Set a React ref. Note, there are 2 kinds of refs and there's no built in\n// React API to set a ref.\nconst setRef = (ref: React.Ref<unknown>, value: Element | null) => {\n if (typeof ref === 'function') {\n (ref as (e: Element | null) => void)(value);\n } else {\n (ref as {current: Element | null}).current = value;\n }\n};\n\ntype Constructor<T> = {new (): T};\n\n/***\n * Typecast that curries an Event type through a string. The goal of the type\n * cast is to match a prop name to a typed event callback.\n */\nexport type EventName<T extends Event = Event> = string & {\n __event_type: T;\n};\n\ntype Events = Record<string, EventName | string>;\n\ntype EventProps<R extends Events> = {\n [K in keyof R]: R[K] extends EventName\n ? (e: R[K]['__event_type']) => void\n : (e: Event) => void;\n};\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are\n * added to the custom element as event listeners.\n *\n * @param React The React module, typically imported from the `react` npm\n * package.\n * @param tagName The custom element tag name registered via\n * `customElements.define`.\n * @param elementClass The custom element class registered via\n * `customElements.define`.\n * @param events An object listing events to which the component can listen. The\n * object keys are the event property names passed in via React props and the\n * object values are the names of the corresponding events generated by the\n * custom element. For example, given `{onactivate: 'activate'}` an event\n * function may be passed via the component's `onactivate` prop and will be\n * called when the custom element fires its `activate` event.\n * @param displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\nexport const createComponent = <I extends HTMLElement, E extends Events = {}>(\n React: typeof window.React,\n tagName: string,\n elementClass: Constructor<I>,\n events?: E,\n displayName?: string\n) => {\n const Component = React.Component;\n const createElement = React.createElement;\n\n // Props the user is allowed to use, includes standard attributes, children,\n // ref, as well as special event and element properties.\n type ReactProps = Omit<React.HTMLAttributes<I>, keyof E>;\n type ElementWithoutPropsOrEvents = Omit<I, keyof E | keyof ReactProps>;\n type UserProps = Partial<\n ReactProps & ElementWithoutPropsOrEvents & EventProps<E>\n >;\n\n // Props used by this component wrapper. This is the UserProps and the\n // special `__forwardedRef` property. Note, this ref is special because\n // it's both needed in this component to get access to the rendered element\n // and must fulfill any ref passed by the user.\n type ComponentProps = UserProps & {\n __forwardedRef?: React.Ref<unknown>;\n };\n\n // Set of properties/events which should be specially handled by the wrapper\n // and not handled directly by React.\n const elementClassProps = new Set(Object.keys(events ?? {}));\n for (const p in elementClass.prototype) {\n if (!(p in HTMLElement.prototype)) {\n if (reservedReactProperties.has(p)) {\n // Note, this effectively warns only for `ref` since the other\n // reserved props are on HTMLElement.prototype. To address this\n // would require crawling down the prototype, which doesn't feel worth\n // it since implementing these properties on an element is extremely\n // rare.\n console.warn(\n `${tagName} contains property ${p} which is a React ` +\n `reserved property. It will be used by React and not set on ` +\n `the element.`\n );\n } else {\n elementClassProps.add(p);\n }\n }\n }\n\n class ReactComponent extends Component<ComponentProps> {\n private _element: I | null = null;\n private _elementProps!: {[index: string]: unknown};\n private _userRef?: React.Ref<unknown>;\n private _ref?: React.RefCallback<I>;\n\n static displayName = displayName ?? elementClass.name;\n\n private _updateElement(oldProps?: ComponentProps) {\n if (this._element === null) {\n return;\n }\n // Set element properties to the values in `this.props`\n for (const prop in this._elementProps) {\n setProperty(\n this._element,\n prop,\n this.props[prop as keyof ComponentProps],\n oldProps ? oldProps[prop as keyof ComponentProps] : undefined,\n events\n );\n }\n // Note, the spirit of React might be to \"unset\" any old values that\n // are no longer included; however, there's no reasonable value to set\n // them to so we just leave the previous state as is.\n }\n\n /**\n * Updates element properties correctly setting properties\n * on mount.\n */\n override componentDidMount() {\n this._updateElement();\n }\n\n /**\n * Updates element properties correctly setting properties\n * on every update. Note, this does not include mount.\n */\n override componentDidUpdate(old: ComponentProps) {\n this._updateElement(old);\n }\n\n /**\n * Renders the custom element with a `ref` prop which allows this\n * component to reference the custom element.\n *\n * Standard attributes are passed to React and element properties and events\n * are updated in componentDidMount/componentDidUpdate.\n *\n */\n override render() {\n // Since refs only get fulfilled once, pass a new one if the user's\n // ref changed. This allows refs to be fulfilled as expected, going from\n // having a value to null.\n const userRef = this.props.__forwardedRef as React.Ref<unknown>;\n if (this._ref === undefined || this._userRef !== userRef) {\n this._ref = (value: I | null) => {\n if (this._element === null) {\n this._element = value;\n }\n if (userRef !== null) {\n setRef(userRef, value);\n }\n this._userRef = userRef;\n };\n }\n // Filters class properties out and passes the remaining\n // attributes to React. This allows attributes to use framework rules\n // for setting attributes and render correctly under SSR.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const props: any = {ref: this._ref};\n // Note, save element props while iterating to avoid the need to\n // iterate again when setting properties.\n this._elementProps = {};\n for (const [k, v] of Object.entries(this.props)) {\n if (k === '__forwardedRef') continue;\n\n if (elementClassProps.has(k)) {\n this._elementProps[k] = v;\n } else {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n props[k === 'className' ? 'class' : k] = v;\n }\n }\n return createElement(tagName, props);\n }\n }\n\n const ForwardedComponent = React.forwardRef(\n (props?: UserProps, ref?: React.Ref<unknown>) =>\n createElement(\n ReactComponent,\n {...props, __forwardedRef: ref} as ComponentProps,\n props?.children\n )\n );\n\n // To ease debugging in the React Developer Tools\n ForwardedComponent.displayName = ReactComponent.displayName;\n\n return ForwardedComponent;\n};\n"],
|
|
5
|
-
"mappings": "4BAEI,OAAOA,MAAW,QCItB,IAAMC,EAA0B,IAAIC,IAAI,CACtC,WACA,YACA,MACA,QACA,WAAA,CAAA,EAGIC,EAGF,IAAIC,QAsCFC,EAAc,CAClBC,EACAC,EACAC,EACAC,EACAC,IAAAA,CAEA,IAAMC,EAAQD,GAAAA,KAAAA,OAAAA,EAASH,GACnBI,IADmBJ,OAGjBC,IAAUC,IAxCe,CAC/BH,EACAK,EACAC,IAAAA,CAEA,IAAIF,EAASP,EAAeU,IAAIP,CAAAA,EAC5BI,IAD4BJ,QAE9BH,EAAeW,IAAIR,EAAOI,EAAS,IAAIK,GAAAA,EAEzC,IAAIC,EAAUN,EAAOG,IAAIF,CAAAA,EACrBC,IADqBD,OAGnBK,IAFFJ,QAGAF,EAAOI,IAAIH,EAAQK,EAAU,CAACC,YAAaL,CAAAA,CAAAA,EAC3CN,EAAKY,iBAAiBP,EAAOK,CAAAA,GAG7BA,EAAQC,YAAcL,EAGfI,IAHeJ,SAIxBF,EAAOS,OAAOR,CAAAA,EACdL,EAAKc,oBAAoBT,EAAOK,CAAAA,EACjC,GAkB4BV,EAAMK,EAAOH,CAAAA,EAIxCF,EAAKC,GAAmBC,CACzB,EAoDUa,EAAkB,CAC7BC,EACAC,EACAC,EACAd,EACAe,IAAAA,CAEA,IAAMC,EAAYJ,EAAMI,UAClBC,EAAgBL,EAAMK,cAoBtBC,EAAoB,IAAI1B,IAAI2B,OAAOC,KAAKpB,GAAAA,KAAAA,EAAU,CAAA,CAAA,CAAA,EACxD,QAAWqB,KAAKP,EAAaQ,UACrBD,KAAKE,YAAYD,YACjB/B,EAAwBiC,IAAIH,CAAAA,EAM9BI,QAAQC,KACN,GAAGb,uBAA6BQ,4FAAAA,EAKlCH,EAAkBS,IAAIN,CAAAA,GAK5B,MAAMO,UAAuBZ,CAAAA,CAA7Ba,aAAAA,CAAAA,MAAAA,GAAAA,SAAAA,EACUC,KAAQC,EAAa,IAuF9B,CAhFSC,EAAeC,EAAAA,CACrB,GAAIH,KAAKC,IAAa,KAItB,QAAWG,KAAQJ,KAAKK,EACtBxC,EACEmC,KAAKC,EACLG,EACAJ,KAAKM,MAAMF,GACXD,EAAWA,EAASC,GAAAA,OACpBlC,CAAAA,CAML,CAMQqC,mBAAAA,CACPP,KAAKE,EAAAA,CACN,CAMQM,mBAAmBvC,EAAAA,CAC1B+B,KAAKE,EAAejC,CAAAA,CACrB,CAUQwC,QAAAA,CAIP,IAAMC,EAAUV,KAAKM,MAAMK,KACvBX,KAAKY,IADkBD,QACIX,KAAKa,IAAaH,IAC/CV,KAAKY,EAAQ5C,GAAAA,CACPgC,KAAKC,IAAa,OACpBD,KAAKC,EAAWjC,GAEd0C,IAAY,OA5JX,CAACI,EAAyB9C,IAAAA,CACpB,OAAR8C,GAAQ,WAChBA,EAAoC9C,CAAAA,EAEpC8C,EAAkCC,QAAU/C,CAC9C,GAwJgB0C,EAAS1C,CAAAA,EAElBgC,KAAKa,EAAWH,CAAO,GAO3B,IAAMJ,EAAa,CAACQ,IAAKd,KAAKY,CAAAA,EAG9BZ,KAAKK,EAAgB,CAAA,EACrB,OAAK,CAAOW,EAAGC,CAAAA,IAAM5B,OAAO6B,QAAQlB,KAAKM,KAAAA,EACnCU,IAAM,mBAEN5B,EAAkBM,IAAIsB,CAAAA,EACxBhB,KAAKK,EAAcW,GAAKC,EAIxBX,EAAMU,IAAM,YAAc,QAAUA,GAAKC,GAG7C,OAAO9B,EAAcJ,EAASuB,CAAAA,CAC/B,CAAA,CAjFMR,EAAWb,YAAGA,GAAAA,KAAAA,EAAeD,EAAajB,KAoFnD,IAAMoD,EAAqBrC,EAAMsC,WAC/B,CAACd,EAAmBQ,IAClB3B,EACEW,EACA,CAAA,GAAIQ,EAAOK,KAAgBG,CAAAA,EAC3BR,GAAAA,KAAAA,OAAAA,EAAOe,QAAAA,CAAAA,EAOb,OAFAF,EAAmBlC,YAAca,EAAeb,YAEzCkC,CAAkB,
|
|
6
|
-
"names": ["React", "reservedReactProperties", "Set", "listenedEvents", "WeakMap", "setProperty", "node", "name", "value", "old", "events", "event", "listener", "get", "set", "Map", "handler", "handleEvent", "addEventListener", "delete", "removeEventListener", "createComponent", "React", "tagName", "elementClass", "displayName", "Component", "createElement", "elementClassProps", "Object", "keys", "p", "prototype", "HTMLElement", "has", "console", "warn", "add", "ReactComponent", "constructor", "this", "_element", "_updateElement", "oldProps", "prop", "_elementProps", "props", "componentDidMount", "componentDidUpdate", "render", "userRef", "__forwardedRef", "_ref", "_userRef", "ref", "current", "k", "v", "entries", "ForwardedComponent", "forwardRef", "children", "BlAlert", "s", "React", "BlBadge", "BlButton", "BlCheckbox", "BlIcon", "BlInput", "BlPagination", "BlProgressIndicator", "BlSelect", "BlTabGroup", "BlTooltip", "BlSelectOption", "BlTab", "BlTabPanel"]
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/ban-ts-comment */\n // @ts-nocheck\n import React from 'react';\nimport { createComponent } from '@lit-labs/react';\nimport type BlAlertType from \"./components/alert/bl-alert\";\nimport type BlBadgeType from \"./components/badge/bl-badge\";\nimport type BlButtonType from \"./components/button/bl-button\";\nimport type BlCheckboxType from \"./components/checkbox/bl-checkbox\";\nimport type BlDialogType from \"./components/dialog/bl-dialog\";\nimport type BlIconType from \"./components/icon/bl-icon\";\nimport type BlInputType from \"./components/input/bl-input\";\nimport type BlPaginationType from \"./components/pagination/bl-pagination\";\nimport type BlProgressIndicatorType from \"./components/progress-indicator/bl-progress-indicator\";\nimport type BlSelectType from \"./components/select/bl-select\";\nimport type BlTabGroupType from \"./components/tab-group/bl-tab-group\";\nimport type BlTooltipType from \"./components/tooltip/bl-tooltip\";\nimport type BlSelectOptionType from \"./components/select/option/bl-select-option\";\nimport type BlTabType from \"./components/tab-group/tab/bl-tab\";\nimport type BlTabPanelType from \"./components/tab-group/tab-panel/bl-tab-panel\";\n \n export const BlAlert = createComponent<BlAlertType>(\n React,\n 'bl-alert',\n customElements.get('bl-alert'),\n {\"onClose\":\"bl-close\"}\n );\n\n\n export const BlBadge = createComponent<BlBadgeType>(\n React,\n 'bl-badge',\n customElements.get('bl-badge'),\n {}\n );\n\n\n export const BlButton = createComponent<BlButtonType>(\n React,\n 'bl-button',\n customElements.get('bl-button'),\n {\"onClick\":\"bl-click\"}\n );\n\n\n export const BlCheckbox = createComponent<BlCheckboxType>(\n React,\n 'bl-checkbox',\n customElements.get('bl-checkbox'),\n {\"onChange\":\"bl-checkbox-change\"}\n );\n\n\n export const BlDialog = createComponent<BlDialogType>(\n React,\n 'bl-dialog',\n customElements.get('bl-dialog'),\n {\"onOpen\":\"bl-dialog-open\",\"onClose\":\"bl-dialog-close\"}\n );\n\n\n export const BlIcon = createComponent<BlIconType>(\n React,\n 'bl-icon',\n customElements.get('bl-icon'),\n {\"onLoad\":\"bl-load\",\"onError\":\"bl-error\"}\n );\n\n\n export const BlInput = createComponent<BlInputType>(\n React,\n 'bl-input',\n customElements.get('bl-input'),\n {\"onChange\":\"bl-change\",\"onInput\":\"bl-input\",\"onInvalid\":\"bl-invalid\"}\n );\n\n\n export const BlPagination = createComponent<BlPaginationType>(\n React,\n 'bl-pagination',\n customElements.get('bl-pagination'),\n {\"onChange\":\"bl-change\"}\n );\n\n\n export const BlProgressIndicator = createComponent<BlProgressIndicatorType>(\n React,\n 'bl-progress-indicator',\n customElements.get('bl-progress-indicator'),\n {}\n );\n\n\n export const BlSelect = createComponent<BlSelectType>(\n React,\n 'bl-select',\n customElements.get('bl-select'),\n {\"onSelect\":\"bl-select\"}\n );\n\n\n export const BlTabGroup = createComponent<BlTabGroupType>(\n React,\n 'bl-tab-group',\n customElements.get('bl-tab-group'),\n {}\n );\n\n\n export const BlTooltip = createComponent<BlTooltipType>(\n React,\n 'bl-tooltip',\n customElements.get('bl-tooltip'),\n {\"onShow\":\"bl-tooltip-show\",\"onHide\":\"bl-tooltip-hide\"}\n );\n\n\n export const BlSelectOption = createComponent<BlSelectOptionType>(\n React,\n 'bl-select-option',\n customElements.get('bl-select-option'),\n {\"onOption\":\"bl-select-option\"}\n );\n\n\n export const BlTab = createComponent<BlTabType>(\n React,\n 'bl-tab',\n customElements.get('bl-tab'),\n {\"onSelected\":\"bl-tab-selected\"}\n );\n\n\n export const BlTabPanel = createComponent<BlTabPanelType>(\n React,\n 'bl-tab-panel',\n customElements.get('bl-tab-panel'),\n {}\n );", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nconst reservedReactProperties = new Set([\n 'children',\n 'localName',\n 'ref',\n 'style',\n 'className',\n]);\n\nconst listenedEvents: WeakMap<\n Element,\n Map<string, EventListenerObject>\n> = new WeakMap();\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (\n node: Element,\n event: string,\n listener: (event?: Event) => void\n) => {\n let events = listenedEvents.get(node);\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()));\n }\n let handler = events.get(event);\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = {handleEvent: listener}));\n node.addEventListener(event, handler);\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener;\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event);\n node.removeEventListener(event, handler);\n }\n};\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(\n node: E,\n name: string,\n value: unknown,\n old: unknown,\n events?: Events\n) => {\n const event = events?.[name];\n if (event !== undefined) {\n // Dirty check event value.\n if (value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void);\n }\n } else {\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E];\n }\n};\n\n// Set a React ref. Note, there are 2 kinds of refs and there's no built in\n// React API to set a ref.\nconst setRef = (ref: React.Ref<unknown>, value: Element | null) => {\n if (typeof ref === 'function') {\n (ref as (e: Element | null) => void)(value);\n } else {\n (ref as {current: Element | null}).current = value;\n }\n};\n\ntype Constructor<T> = {new (): T};\n\n/***\n * Typecast that curries an Event type through a string. The goal of the type\n * cast is to match a prop name to a typed event callback.\n */\nexport type EventName<T extends Event = Event> = string & {\n __event_type: T;\n};\n\ntype Events = Record<string, EventName | string>;\n\ntype EventProps<R extends Events> = {\n [K in keyof R]: R[K] extends EventName\n ? (e: R[K]['__event_type']) => void\n : (e: Event) => void;\n};\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are\n * added to the custom element as event listeners.\n *\n * @param React The React module, typically imported from the `react` npm\n * package.\n * @param tagName The custom element tag name registered via\n * `customElements.define`.\n * @param elementClass The custom element class registered via\n * `customElements.define`.\n * @param events An object listing events to which the component can listen. The\n * object keys are the event property names passed in via React props and the\n * object values are the names of the corresponding events generated by the\n * custom element. For example, given `{onactivate: 'activate'}` an event\n * function may be passed via the component's `onactivate` prop and will be\n * called when the custom element fires its `activate` event.\n * @param displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\nexport const createComponent = <I extends HTMLElement, E extends Events = {}>(\n React: typeof window.React,\n tagName: string,\n elementClass: Constructor<I>,\n events?: E,\n displayName?: string\n) => {\n const Component = React.Component;\n const createElement = React.createElement;\n\n // Props the user is allowed to use, includes standard attributes, children,\n // ref, as well as special event and element properties.\n type ReactProps = Omit<React.HTMLAttributes<I>, keyof E>;\n type ElementWithoutPropsOrEvents = Omit<I, keyof E | keyof ReactProps>;\n type UserProps = Partial<\n ReactProps & ElementWithoutPropsOrEvents & EventProps<E>\n >;\n\n // Props used by this component wrapper. This is the UserProps and the\n // special `__forwardedRef` property. Note, this ref is special because\n // it's both needed in this component to get access to the rendered element\n // and must fulfill any ref passed by the user.\n type ComponentProps = UserProps & {\n __forwardedRef?: React.Ref<unknown>;\n };\n\n // Set of properties/events which should be specially handled by the wrapper\n // and not handled directly by React.\n const elementClassProps = new Set(Object.keys(events ?? {}));\n for (const p in elementClass.prototype) {\n if (!(p in HTMLElement.prototype)) {\n if (reservedReactProperties.has(p)) {\n // Note, this effectively warns only for `ref` since the other\n // reserved props are on HTMLElement.prototype. To address this\n // would require crawling down the prototype, which doesn't feel worth\n // it since implementing these properties on an element is extremely\n // rare.\n console.warn(\n `${tagName} contains property ${p} which is a React ` +\n `reserved property. It will be used by React and not set on ` +\n `the element.`\n );\n } else {\n elementClassProps.add(p);\n }\n }\n }\n\n class ReactComponent extends Component<ComponentProps> {\n private _element: I | null = null;\n private _elementProps!: {[index: string]: unknown};\n private _userRef?: React.Ref<unknown>;\n private _ref?: React.RefCallback<I>;\n\n static displayName = displayName ?? elementClass.name;\n\n private _updateElement(oldProps?: ComponentProps) {\n if (this._element === null) {\n return;\n }\n // Set element properties to the values in `this.props`\n for (const prop in this._elementProps) {\n setProperty(\n this._element,\n prop,\n this.props[prop as keyof ComponentProps],\n oldProps ? oldProps[prop as keyof ComponentProps] : undefined,\n events\n );\n }\n // Note, the spirit of React might be to \"unset\" any old values that\n // are no longer included; however, there's no reasonable value to set\n // them to so we just leave the previous state as is.\n }\n\n /**\n * Updates element properties correctly setting properties\n * on mount.\n */\n override componentDidMount() {\n this._updateElement();\n }\n\n /**\n * Updates element properties correctly setting properties\n * on every update. Note, this does not include mount.\n */\n override componentDidUpdate(old: ComponentProps) {\n this._updateElement(old);\n }\n\n /**\n * Renders the custom element with a `ref` prop which allows this\n * component to reference the custom element.\n *\n * Standard attributes are passed to React and element properties and events\n * are updated in componentDidMount/componentDidUpdate.\n *\n */\n override render() {\n // Since refs only get fulfilled once, pass a new one if the user's\n // ref changed. This allows refs to be fulfilled as expected, going from\n // having a value to null.\n const userRef = this.props.__forwardedRef as React.Ref<unknown>;\n if (this._ref === undefined || this._userRef !== userRef) {\n this._ref = (value: I | null) => {\n if (this._element === null) {\n this._element = value;\n }\n if (userRef !== null) {\n setRef(userRef, value);\n }\n this._userRef = userRef;\n };\n }\n // Filters class properties out and passes the remaining\n // attributes to React. This allows attributes to use framework rules\n // for setting attributes and render correctly under SSR.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const props: any = {ref: this._ref};\n // Note, save element props while iterating to avoid the need to\n // iterate again when setting properties.\n this._elementProps = {};\n for (const [k, v] of Object.entries(this.props)) {\n if (k === '__forwardedRef') continue;\n\n if (elementClassProps.has(k)) {\n this._elementProps[k] = v;\n } else {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n props[k === 'className' ? 'class' : k] = v;\n }\n }\n return createElement(tagName, props);\n }\n }\n\n const ForwardedComponent = React.forwardRef(\n (props?: UserProps, ref?: React.Ref<unknown>) =>\n createElement(\n ReactComponent,\n {...props, __forwardedRef: ref} as ComponentProps,\n props?.children\n )\n );\n\n // To ease debugging in the React Developer Tools\n ForwardedComponent.displayName = ReactComponent.displayName;\n\n return ForwardedComponent;\n};\n"],
|
|
5
|
+
"mappings": "4BAEI,OAAOA,MAAW,QCItB,IAAMC,EAA0B,IAAIC,IAAI,CACtC,WACA,YACA,MACA,QACA,WAAA,CAAA,EAGIC,EAGF,IAAIC,QAsCFC,EAAc,CAClBC,EACAC,EACAC,EACAC,EACAC,IAAAA,CAEA,IAAMC,EAAQD,GAAAA,KAAAA,OAAAA,EAASH,GACnBI,IADmBJ,OAGjBC,IAAUC,IAxCe,CAC/BH,EACAK,EACAC,IAAAA,CAEA,IAAIF,EAASP,EAAeU,IAAIP,CAAAA,EAC5BI,IAD4BJ,QAE9BH,EAAeW,IAAIR,EAAOI,EAAS,IAAIK,GAAAA,EAEzC,IAAIC,EAAUN,EAAOG,IAAIF,CAAAA,EACrBC,IADqBD,OAGnBK,IAFFJ,QAGAF,EAAOI,IAAIH,EAAQK,EAAU,CAACC,YAAaL,CAAAA,CAAAA,EAC3CN,EAAKY,iBAAiBP,EAAOK,CAAAA,GAG7BA,EAAQC,YAAcL,EAGfI,IAHeJ,SAIxBF,EAAOS,OAAOR,CAAAA,EACdL,EAAKc,oBAAoBT,EAAOK,CAAAA,EACjC,GAkB4BV,EAAMK,EAAOH,CAAAA,EAIxCF,EAAKC,GAAmBC,CACzB,EAoDUa,EAAkB,CAC7BC,EACAC,EACAC,EACAd,EACAe,IAAAA,CAEA,IAAMC,EAAYJ,EAAMI,UAClBC,EAAgBL,EAAMK,cAoBtBC,EAAoB,IAAI1B,IAAI2B,OAAOC,KAAKpB,GAAAA,KAAAA,EAAU,CAAA,CAAA,CAAA,EACxD,QAAWqB,KAAKP,EAAaQ,UACrBD,KAAKE,YAAYD,YACjB/B,EAAwBiC,IAAIH,CAAAA,EAM9BI,QAAQC,KACN,GAAGb,uBAA6BQ,4FAAAA,EAKlCH,EAAkBS,IAAIN,CAAAA,GAK5B,MAAMO,UAAuBZ,CAAAA,CAA7Ba,aAAAA,CAAAA,MAAAA,GAAAA,SAAAA,EACUC,KAAQC,EAAa,IAuF9B,CAhFSC,EAAeC,EAAAA,CACrB,GAAIH,KAAKC,IAAa,KAItB,QAAWG,KAAQJ,KAAKK,EACtBxC,EACEmC,KAAKC,EACLG,EACAJ,KAAKM,MAAMF,GACXD,EAAWA,EAASC,GAAAA,OACpBlC,CAAAA,CAML,CAMQqC,mBAAAA,CACPP,KAAKE,EAAAA,CACN,CAMQM,mBAAmBvC,EAAAA,CAC1B+B,KAAKE,EAAejC,CAAAA,CACrB,CAUQwC,QAAAA,CAIP,IAAMC,EAAUV,KAAKM,MAAMK,KACvBX,KAAKY,IADkBD,QACIX,KAAKa,IAAaH,IAC/CV,KAAKY,EAAQ5C,GAAAA,CACPgC,KAAKC,IAAa,OACpBD,KAAKC,EAAWjC,GAEd0C,IAAY,OA5JX,CAACI,EAAyB9C,IAAAA,CACpB,OAAR8C,GAAQ,WAChBA,EAAoC9C,CAAAA,EAEpC8C,EAAkCC,QAAU/C,CAC9C,GAwJgB0C,EAAS1C,CAAAA,EAElBgC,KAAKa,EAAWH,CAAO,GAO3B,IAAMJ,EAAa,CAACQ,IAAKd,KAAKY,CAAAA,EAG9BZ,KAAKK,EAAgB,CAAA,EACrB,OAAK,CAAOW,EAAGC,CAAAA,IAAM5B,OAAO6B,QAAQlB,KAAKM,KAAAA,EACnCU,IAAM,mBAEN5B,EAAkBM,IAAIsB,CAAAA,EACxBhB,KAAKK,EAAcW,GAAKC,EAIxBX,EAAMU,IAAM,YAAc,QAAUA,GAAKC,GAG7C,OAAO9B,EAAcJ,EAASuB,CAAAA,CAC/B,CAAA,CAjFMR,EAAWb,YAAGA,GAAAA,KAAAA,EAAeD,EAAajB,KAoFnD,IAAMoD,EAAqBrC,EAAMsC,WAC/B,CAACd,EAAmBQ,IAClB3B,EACEW,EACA,CAAA,GAAIQ,EAAOK,KAAgBG,CAAAA,EAC3BR,GAAAA,KAAAA,OAAAA,EAAOe,QAAAA,CAAAA,EAOb,OAFAF,EAAmBlC,YAAca,EAAeb,YAEzCkC,CAAkB,ED7PhB,IAAMG,EAAUC,EACnBC,EACA,WACA,eAAe,IAAI,UAAU,EAC7B,CAAC,QAAU,UAAU,CACvB,EAGWC,EAAUF,EACnBC,EACA,WACA,eAAe,IAAI,UAAU,EAC7B,CAAC,CACH,EAGWE,EAAWH,EACpBC,EACA,YACA,eAAe,IAAI,WAAW,EAC9B,CAAC,QAAU,UAAU,CACvB,EAGWG,EAAaJ,EACtBC,EACA,cACA,eAAe,IAAI,aAAa,EAChC,CAAC,SAAW,oBAAoB,CAClC,EAGWI,EAAWL,EACpBC,EACA,YACA,eAAe,IAAI,WAAW,EAC9B,CAAC,OAAS,iBAAiB,QAAU,iBAAiB,CACxD,EAGWK,EAASN,EAClBC,EACA,UACA,eAAe,IAAI,SAAS,EAC5B,CAAC,OAAS,UAAU,QAAU,UAAU,CAC1C,EAGWM,EAAUP,EACnBC,EACA,WACA,eAAe,IAAI,UAAU,EAC7B,CAAC,SAAW,YAAY,QAAU,WAAW,UAAY,YAAY,CACvE,EAGWO,EAAeR,EACxBC,EACA,gBACA,eAAe,IAAI,eAAe,EAClC,CAAC,SAAW,WAAW,CACzB,EAGWQ,EAAsBT,EAC/BC,EACA,wBACA,eAAe,IAAI,uBAAuB,EAC1C,CAAC,CACH,EAGWS,EAAWV,EACpBC,EACA,YACA,eAAe,IAAI,WAAW,EAC9B,CAAC,SAAW,WAAW,CACzB,EAGWU,EAAaX,EACtBC,EACA,eACA,eAAe,IAAI,cAAc,EACjC,CAAC,CACH,EAGWW,EAAYZ,EACrBC,EACA,aACA,eAAe,IAAI,YAAY,EAC/B,CAAC,OAAS,kBAAkB,OAAS,iBAAiB,CACxD,EAGWY,EAAiBb,EAC1BC,EACA,mBACA,eAAe,IAAI,kBAAkB,EACrC,CAAC,SAAW,kBAAkB,CAChC,EAGWa,EAAQd,EACjBC,EACA,SACA,eAAe,IAAI,QAAQ,EAC3B,CAAC,WAAa,iBAAiB,CACjC,EAGWc,EAAaf,EACtBC,EACA,eACA,eAAe,IAAI,cAAc,EACjC,CAAC,CACH",
|
|
6
|
+
"names": ["React", "reservedReactProperties", "Set", "listenedEvents", "WeakMap", "setProperty", "node", "name", "value", "old", "events", "event", "listener", "get", "set", "Map", "handler", "handleEvent", "addEventListener", "delete", "removeEventListener", "createComponent", "React", "tagName", "elementClass", "displayName", "Component", "createElement", "elementClassProps", "Object", "keys", "p", "prototype", "HTMLElement", "has", "console", "warn", "add", "ReactComponent", "constructor", "this", "_element", "_updateElement", "oldProps", "prop", "_elementProps", "props", "componentDidMount", "componentDidUpdate", "render", "userRef", "__forwardedRef", "_ref", "_userRef", "ref", "current", "k", "v", "entries", "ForwardedComponent", "forwardRef", "children", "BlAlert", "s", "React", "BlBadge", "BlButton", "BlCheckbox", "BlDialog", "BlIcon", "BlInput", "BlPagination", "BlProgressIndicator", "BlSelect", "BlTabGroup", "BlTooltip", "BlSelectOption", "BlTab", "BlTabPanel"]
|
|
7
7
|
}
|
package/dist/baklava.d.ts
CHANGED
|
@@ -12,5 +12,6 @@ export { default as BlAlert } from './components/alert/bl-alert';
|
|
|
12
12
|
export { default as BlSelect } from './components/select/bl-select';
|
|
13
13
|
export { default as BlSelectOption } from './components/select/option/bl-select-option';
|
|
14
14
|
export { default as BlPagination } from './components/pagination/bl-pagination';
|
|
15
|
+
export { default as BlDialog } from './components/dialog/bl-dialog';
|
|
15
16
|
export { getIconPath, setIconPath } from './utilities/asset-paths';
|
|
16
17
|
//# sourceMappingURL=baklava.d.ts.map
|
package/dist/baklava.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baklava.d.ts","sourceRoot":"","sources":["../src/baklava.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"baklava.d.ts","sourceRoot":"","sources":["../src/baklava.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC"}
|
package/dist/baklava.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as c}from"./chunk-BUIS2EQI.js";import{a as l}from"./chunk-
|
|
1
|
+
import{a as c}from"./chunk-BUIS2EQI.js";import{a as l}from"./chunk-HF5CPTQT.js";import{a as d}from"./chunk-A25HQAVJ.js";import{a as n}from"./chunk-GBFJ2WUI.js";import{a as m}from"./chunk-KWTSWXUL.js";import{a as s}from"./chunk-C5HFLPOK.js";import{a as f}from"./chunk-EX6STMCI.js";import{a as p}from"./chunk-IDG5M2QP.js";import{a as u}from"./chunk-7FCUFV6V.js";import"./chunk-VNGNBBSS.js";import{a as B}from"./chunk-SI4AOUS5.js";import{a as r}from"./chunk-54XXQVFL.js";import{a as x}from"./chunk-KXWO7VUG.js";import"./chunk-KQBKSEYJ.js";import{a as i}from"./chunk-N5Q3PK3Z.js";import{a}from"./chunk-HUFJDENF.js";import"./chunk-2TVOKUHE.js";import"./chunk-ENFFFE4I.js";import{a as o,b as t,c as e}from"./chunk-WXJKPVRA.js";import"./chunk-72IJCTLJ.js";import"./chunk-23UFIOHV.js";import"./chunk-HG7OBTQS.js";import"./chunk-NZ3RGSR6.js";export{B as BlAlert,r as BlBadge,a as BlButton,x as BlCheckbox,i as BlDialog,e as BlIcon,l as BlInput,c as BlPagination,d as BlProgressIndicator,n as BlSelect,m as BlSelectOption,f as BlTab,s as BlTabGroup,p as BlTabPanel,u as BlTooltip,t as getIconPath,o as setIconPath};
|
|
2
2
|
//# sourceMappingURL=baklava.js.map
|
|
@@ -3,5 +3,5 @@ import{a as i,b as l,f as o,g as u,h as a,i as s,j as p}from"./chunk-HG7OBTQS.js
|
|
|
3
3
|
role="progressbar"
|
|
4
4
|
aria-valuemax="${this._max}"
|
|
5
5
|
aria-valuenow="${this._value}"
|
|
6
|
-
></div>`}};r([p(".progress-indicator")],e.prototype,"wrapper",2),r([a({type:String})],e.prototype,"size",2),r([a({type:Boolean})],e.prototype,"failed",2),r([a({type:Number})],e.prototype,"max",1),r([a({type:Number})],e.prototype,"value",1),r([s()],e.prototype,"_max",2),r([s()],e.prototype,"_value",2),e=r([u("bl-progress-indicator")],e);export{e as a};
|
|
7
|
-
//# sourceMappingURL=chunk-
|
|
6
|
+
></div>`}};r([p(".progress-indicator")],e.prototype,"wrapper",2),r([a({type:String,reflect:!0})],e.prototype,"size",2),r([a({type:Boolean,reflect:!0})],e.prototype,"failed",2),r([a({type:Number})],e.prototype,"max",1),r([a({type:Number})],e.prototype,"value",1),r([s()],e.prototype,"_max",2),r([s()],e.prototype,"_value",2),e=r([u("bl-progress-indicator")],e);export{e as a};
|
|
7
|
+
//# sourceMappingURL=chunk-A25HQAVJ.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/components/progress-indicator/bl-progress-indicator.css", "../src/components/progress-indicator/bl-progress-indicator.ts"],
|
|
4
|
-
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.progress-indicator{--max:100;--value:0;--value-color:var(--bl-color-success);--height:var(--bl-size-2xs);--radius:var(--bl-size-3xs);position:relative;background-color:var(--bl-color-secondary-background);height:var(--height);border-radius:var(--radius);width:100%}.progress-indicator::before{content:'';position:absolute;height:100%;width:calc(100% / var(--max) * var(--value));background-color:var(--value-color);border-radius:var(--radius)}:host([size='small']) .progress-indicator{--height:var(--bl-size-3xs);--radius:var(--bl-size-4xs)}:host([size='large']) .progress-indicator{--height:var(--bl-size-xs);--radius:6px}:host([failed]) .progress-indicator{--value-color:var(--bl-color-danger)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport style from './bl-progress-indicator.css';\n\nexport type ProgressIndicatorSize = 'small' | 'medium' | 'large';\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\n\n@customElement('bl-progress-indicator')\nexport default class BlProgressIndicator extends LitElement {\n static get styles(): CSSResultGroup {\n return style;\n }\n\n @query('.progress-indicator') private wrapper: HTMLElement;\n\n /**\n * Sets the size\n */\n @property({ type: String })\n size: ProgressIndicatorSize = 'medium';\n\n /**\n * Sets the status\n */\n @property({ type: Boolean })\n failed = false;\n\n /**\n * Sets the max\n */\n @property({ type: Number })\n get max() {\n return this._max;\n }\n set max(max: number) {\n this._max = max;\n this.updateCssVariable();\n }\n\n /**\n * Sets the value\n */\n @property({ type: Number })\n get value() {\n return this._value;\n }\n set value(value: number) {\n this._value = value;\n this.updateCssVariable();\n }\n\n @state() private _max = 100;\n @state() private _value = 0;\n\n async updateCssVariable() {\n await this.updateComplete;\n this.wrapper.style.setProperty('--value', `${this.value}`);\n this.wrapper.style.setProperty('--max', `${this.max}`);\n }\n\n render(): TemplateResult {\n return html`<div\n class=\"progress-indicator\"\n role=\"progressbar\"\n aria-valuemax=\"${this._max}\"\n aria-valuenow=\"${this._value}\"\n ></div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-progress-indicator': BlProgressIndicator;\n }\n}\n"],
|
|
5
|
-
"mappings": "0HACO,IAAMA,EAASC,6rBACfC,EAAQF,ECaf,IAAqBG,EAArB,cAAiDC,CAAW,CAA5D,kCAWE,UAA8B,SAM9B,YAAS,GA0BA,KAAQ,KAAO,IACf,KAAQ,OAAS,EA3C1B,WAAW,QAAyB,CAClC,OAAOC,CACT,CAoBA,IAAI,KAAM,CACR,OAAO,KAAK,IACd,CACA,IAAI,IAAIC,EAAa,CACnB,KAAK,KAAOA,EACZ,KAAK,kBAAkB,CACzB,CAMA,IAAI,OAAQ,CACV,OAAO,KAAK,MACd,CACA,IAAI,MAAMC,EAAe,CACvB,KAAK,OAASA,EACd,KAAK,kBAAkB,CACzB,CAKA,MAAM,mBAAoB,CACxB,MAAM,KAAK,eACX,KAAK,QAAQ,MAAM,YAAY,UAAW,GAAG,KAAK,OAAO,EACzD,KAAK,QAAQ,MAAM,YAAY,QAAS,GAAG,KAAK,KAAK,CACvD,CAEA,QAAyB,CACvB,OAAOC;AAAA;AAAA;AAAA,uBAGY,KAAK;AAAA,uBACL,KAAK;AAAA,YAE1B,CACF,EAvDwCC,EAAA,CAArCC,EAAM,qBAAqB,GALTP,EAKmB,uBAMtCM,EAAA,CADCE,EAAS,CAAE,KAAM,
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.progress-indicator{--max:100;--value:0;--value-color:var(--bl-color-success);--height:var(--bl-size-2xs);--radius:var(--bl-size-3xs);position:relative;background-color:var(--bl-color-secondary-background);height:var(--height);border-radius:var(--radius);width:100%}.progress-indicator::before{content:'';position:absolute;height:100%;width:calc(100% / var(--max) * var(--value));background-color:var(--value-color);border-radius:var(--radius)}:host([size='small']) .progress-indicator{--height:var(--bl-size-3xs);--radius:var(--bl-size-4xs)}:host([size='large']) .progress-indicator{--height:var(--bl-size-xs);--radius:6px}:host([failed]) .progress-indicator{--value-color:var(--bl-color-danger)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport style from './bl-progress-indicator.css';\n\nexport type ProgressIndicatorSize = 'small' | 'medium' | 'large';\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\n\n@customElement('bl-progress-indicator')\nexport default class BlProgressIndicator extends LitElement {\n static get styles(): CSSResultGroup {\n return style;\n }\n\n @query('.progress-indicator') private wrapper: HTMLElement;\n\n /**\n * Sets the size\n */\n @property({ type: String, reflect: true })\n size: ProgressIndicatorSize = 'medium';\n\n /**\n * Sets the status\n */\n @property({ type: Boolean, reflect: true })\n failed = false;\n\n /**\n * Sets the max\n */\n @property({ type: Number })\n get max() {\n return this._max;\n }\n set max(max: number) {\n this._max = max;\n this.updateCssVariable();\n }\n\n /**\n * Sets the value\n */\n @property({ type: Number })\n get value() {\n return this._value;\n }\n set value(value: number) {\n this._value = value;\n this.updateCssVariable();\n }\n\n @state() private _max = 100;\n @state() private _value = 0;\n\n async updateCssVariable() {\n await this.updateComplete;\n this.wrapper.style.setProperty('--value', `${this.value}`);\n this.wrapper.style.setProperty('--max', `${this.max}`);\n }\n\n render(): TemplateResult {\n return html`<div\n class=\"progress-indicator\"\n role=\"progressbar\"\n aria-valuemax=\"${this._max}\"\n aria-valuenow=\"${this._value}\"\n ></div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-progress-indicator': BlProgressIndicator;\n }\n}\n"],
|
|
5
|
+
"mappings": "0HACO,IAAMA,EAASC,6rBACfC,EAAQF,ECaf,IAAqBG,EAArB,cAAiDC,CAAW,CAA5D,kCAWE,UAA8B,SAM9B,YAAS,GA0BA,KAAQ,KAAO,IACf,KAAQ,OAAS,EA3C1B,WAAW,QAAyB,CAClC,OAAOC,CACT,CAoBA,IAAI,KAAM,CACR,OAAO,KAAK,IACd,CACA,IAAI,IAAIC,EAAa,CACnB,KAAK,KAAOA,EACZ,KAAK,kBAAkB,CACzB,CAMA,IAAI,OAAQ,CACV,OAAO,KAAK,MACd,CACA,IAAI,MAAMC,EAAe,CACvB,KAAK,OAASA,EACd,KAAK,kBAAkB,CACzB,CAKA,MAAM,mBAAoB,CACxB,MAAM,KAAK,eACX,KAAK,QAAQ,MAAM,YAAY,UAAW,GAAG,KAAK,OAAO,EACzD,KAAK,QAAQ,MAAM,YAAY,QAAS,GAAG,KAAK,KAAK,CACvD,CAEA,QAAyB,CACvB,OAAOC;AAAA;AAAA;AAAA,uBAGY,KAAK;AAAA,uBACL,KAAK;AAAA,YAE1B,CACF,EAvDwCC,EAAA,CAArCC,EAAM,qBAAqB,GALTP,EAKmB,uBAMtCM,EAAA,CADCE,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAVtBR,EAWnB,oBAMAM,EAAA,CADCE,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhBvBR,EAiBnB,sBAMIM,EAAA,CADHE,EAAS,CAAE,KAAM,MAAO,CAAC,GAtBPR,EAuBf,mBAYAM,EAAA,CADHE,EAAS,CAAE,KAAM,MAAO,CAAC,GAlCPR,EAmCf,qBAQaM,EAAA,CAAhBG,EAAM,GA3CYT,EA2CF,oBACAM,EAAA,CAAhBG,EAAM,GA5CYT,EA4CF,sBA5CEA,EAArBM,EAAA,CADCI,EAAc,uBAAuB,GACjBV",
|
|
6
6
|
"names": ["styles", "r", "bl_progress_indicator_default", "BlProgressIndicator", "s", "bl_progress_indicator_default", "max", "value", "$", "__decorateClass", "i", "e", "t", "n"]
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as K}from"./chunk-2TVOKUHE.js";import{a as dt}from"./chunk-ENFFFE4I.js";import{a as ht}from"./chunk-KQBKSEYJ.js";import{a as Z}from"./chunk-23UFIOHV.js";import{a as ot,b as q,f as st,g as nt,h as E,i as lt,j as ct}from"./chunk-HG7OBTQS.js";import{a as f}from"./chunk-NZ3RGSR6.js";var d=function(l,o,s,r){if(s==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof o=="function"?l!==o||!r:!o.has(l))throw new TypeError("Cannot read private member from an object whose class did not declare it");return s==="m"?r:s==="a"?r.call(l):r?r.value:o.get(l)},C=function(l,o,s,r,g){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!g)throw new TypeError("Private accessor was defined without a setter");if(typeof o=="function"?l!==o||!g:!o.has(l))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?g.call(l,s):g?g.value=s:o.set(l,s),s};function ut(l){var o,s,r,g,F,S,A,W,I,R,O,$,L,P,_,D,H,G;class Q extends l{constructor(...n){super(...n),o.add(this),this.internals=this.attachInternals(),s.set(this,!1),r.set(this,!1),g.set(this,!1),F.set(this,void 0),S.set(this,void 0),W.set(this,""),I.set(this,()=>{C(this,g,!0,"f"),C(this,s,!0,"f"),d(this,o,"m",_).call(this)}),R.set(this,()=>{C(this,s,!1,"f"),d(this,o,"m",D).call(this,this.shouldFormValueUpdate()?d(this,W,"f"):""),!this.validity.valid&&d(this,g,"f")&&C(this,r,!0,"f");let c=d(this,o,"m",_).call(this);this.validationMessageCallback&&this.validationMessageCallback(c?this.internals.validationMessage:"")}),O.set(this,()=>{var c;C(this,r,!0,"f"),d(this,o,"m",_).call(this),(c=this===null||this===void 0?void 0:this.validationMessageCallback)===null||c===void 0||c.call(this,this.showError?this.internals.validationMessage:"")}),$.set(this,void 0),L.set(this,!1),P.set(this,Promise.resolve()),this.addEventListener("focus",d(this,I,"f")),this.addEventListener("blur",d(this,R,"f")),this.addEventListener("invalid",d(this,O,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let n=this.validators.map(y=>y.attribute),c=super.observedAttributes||[];return[...new Set([...c,...n])]}static getValidator(n){return this.validators.find(c=>c.attribute===n)||null}get form(){return this.internals.form}get showError(){return d(this,o,"m",_).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(n,c,w){var y;(y=super.attributeChangedCallback)===null||y===void 0||y.call(this,n,c,w),this.constructor.getValidator(n)&&this.validationTarget&&this.setValue(d(this,W,"f"))}setValue(n){var c;C(this,r,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),C(this,W,n,"f");let y=this.shouldFormValueUpdate()?n:null;this.internals.setFormValue(y),d(this,o,"m",D).call(this,y),this.valueChangedCallback&&this.valueChangedCallback(y),d(this,o,"m",_).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(n=>n(d(this,P,"f")))}formResetCallback(){var n,c;C(this,g,!1,"f"),C(this,r,!1,"f"),d(this,o,"m",_).call(this),(n=this.resetFormControl)===null||n===void 0||n.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,d(this,o,"m",_).call(this)?this.validationMessage:"")}}return s=new WeakMap,r=new WeakMap,g=new WeakMap,F=new WeakMap,S=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,O=new WeakMap,$=new WeakMap,L=new WeakMap,P=new WeakMap,o=new WeakSet,A=function(){let n=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return n.querySelectorAll(c)},_=function(){if(this.hasAttribute("disabled"))return!1;let n=d(this,r,"f")||d(this,g,"f")&&!this.validity.valid&&!d(this,s,"f");return n&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),n},D=function(n){let c=this.constructor,w={},y=c.validators,U=[];d(this,L,"f")||(C(this,P,new Promise(k=>{C(this,$,k,"f")}),"f"),C(this,L,!0,"f")),d(this,F,"f")&&(d(this,F,"f").abort(),C(this,S,d(this,F,"f"),"f"));let V=new AbortController;C(this,F,V,"f");let x,Y=!1;!y.length||(y.forEach(k=>{let N=k.key||"customError",z=k.isValid(this,n,V.signal);z instanceof Promise?(U.push(z),z.then(J=>{J!=null&&(w[N]=!J,x=d(this,o,"m",G).call(this,k,n),d(this,o,"m",H).call(this,w,x))})):(w[N]=!z,this.validity[N]!==!z&&(Y=!0),z||(x=d(this,o,"m",G).call(this,k,n)))}),Promise.allSettled(U).then(()=>{var k;V!=null&&V.signal.aborted||(C(this,L,!1,"f"),(k=d(this,$,"f"))===null||k===void 0||k.call(this))}),Y&&d(this,o,"m",H).call(this,w,x))},H=function(n,c){if(this.validationTarget)this.internals.setValidity(n,c,this.validationTarget);else{if(this.internals.setValidity(n,c),this.internals.validity.valid)return;let w=0,y=setInterval(()=>{w>=100||this.validity.valid?clearInterval(y):this.validationTarget&&(this.internals.setValidity(this.validity,c,this.validationTarget),clearInterval(y)),w+=1},0)}},G=function(n,c){if(this.validityCallback){let w=this.validityCallback(n.key||"customError");if(w)return w}return n.message instanceof Function?n.message(this,c):n.message},Q}var pt=l=>{if(l.reportValidity()){let o=new Event("submit",{cancelable:!0});l.dispatchEvent(o),o.defaultPrevented||l.submit()}else return};var Et=["valueMissing","typeMismatch","tooLong","tooShort","rangeUnderflow","rangeOverflow","badInput","customError"],mt=Et.map(l=>({key:l,isValid(o){return o.validationTarget?!o.validationTarget.validity[l]:!0}}));(function(){"use strict";let l=new WeakMap,o=new WeakMap,s=new WeakMap,r=new WeakMap,g=new WeakMap,F=new WeakMap,S=new WeakMap,A=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,O=new WeakMap,$=new WeakMap,L=new WeakMap,P={attributes:!0,attributeFilter:["disabled"]},_=new MutationObserver(e=>{for(let t of e){let a=t.target;if(a.constructor.formAssociated){let i=a.hasAttribute("disabled");a.toggleAttribute("internals-disabled",i),i?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled"),a.formDisabledCallback&&a.formDisabledCallback.apply(a,[i])}}}),D=e=>{s.get(e).forEach(a=>{a.remove()}),s.set(e,[])},H=(e,t)=>{let a=document.createElement("input");return a.type="hidden",a.name=e.getAttribute("name"),e.after(a),s.get(t).push(a),a},G=(e,t)=>{s.set(t,[]);let a=e.hasAttribute("disabled");e.toggleAttribute("internals-disabled",a),_.observe(e,P)},Q=(e,t)=>{if(t.length){Array.from(t).forEach(i=>i.addEventListener("click",e.focus.bind(e)));let a=t[0].id;t[0].id||(a=`${t[0].htmlFor}_Label`,t[0].id=a),e.setAttribute("aria-labelledby",a)}},T=e=>{let t=Array.from(e.elements).filter(u=>u.validity).map(u=>u.validity.valid),a=A.get(e)||[],i=Array.from(a).filter(u=>u.isConnected).map(u=>r.get(u).validity.valid),p=[...t,...i].includes(!1);e.toggleAttribute("internals-invalid",p),e.toggleAttribute("internals-valid",!p)},n=e=>{T(V(e.target))},c=e=>{T(V(e.target))},w=e=>{let t=e.target,a=A.get(t);t.noValidate||a.size&&(Array.from(a).reverse().map(u=>r.get(u).reportValidity()).includes(!1)?(e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault()):L.get(t)&&L.get(t).call(t,e)===!1&&e.preventDefault())},y=e=>{let t=A.get(e.target);t&&t.size&&t.forEach(a=>{a.constructor.formAssociated&&a.formResetCallback&&a.formResetCallback.apply(a)})},U=(e,t,a)=>{if(t){t.onsubmit&&(L.set(t,t.onsubmit.bind(t)),t.onsubmit=null);let i=A.get(t);if(i)i.add(e);else{let p=new Set;p.add(e),A.set(t,p),t.addEventListener("submit",w),t.addEventListener("reset",y),t.addEventListener("input",n),t.addEventListener("change",c)}F.set(t,{ref:e,internals:a}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),T(t)}},V=e=>{let t=e.parentNode;return t&&t.tagName!=="FORM"&&(t=V(t)),t},x=(e,t,a=DOMException)=>{if(!e.constructor.formAssociated)throw new a(t)},Y=(e,t,a)=>{let i=A.get(e);return i&&i.size&&i.forEach(p=>{r.get(p)[a]()||(t=!1)}),t},k=e=>{if(e.constructor.formAssociated){let t=r.get(e),{labels:a,form:i}=t;Q(e,a),U(e,i,t)}},N={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"},z=(e,t)=>{for(let a in N){t[a]=null;let i=null,p=N[a];Object.defineProperty(t,a,{get(){return i},set(u){i=u,e.isConnected?e.setAttribute(p,u):I.set(e,t)}})}};class et{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}let J=e=>(e.badInput=!1,e.customError=!1,e.patternMismatch=!1,e.rangeOverflow=!1,e.rangeUnderflow=!1,e.stepMismatch=!1,e.tooLong=!1,e.tooShort=!1,e.typeMismatch=!1,e.valid=!0,e.valueMissing=!1,e),vt=(e,t,a)=>(e.valid=bt(t),Object.keys(t).forEach(i=>e[i]=t[i]),a&&T(a),e),bt=e=>{let t=!0;for(let a in e)a!=="valid"&&e[a]!==!1&&(t=!1);return t};function at(e){let t=r.get(e),{form:a}=t;U(e,a,t),Q(e,t.labels)}function j(e){e.forEach(t=>{let{addedNodes:a,removedNodes:i}=t,p=Array.from(a),u=Array.from(i);p.forEach(m=>{if(r.has(m)&&m.constructor.formAssociated&&at(m),I.has(m)){let v=I.get(m);Object.keys(N).filter(M=>v[M]!==null).forEach(M=>{m.setAttribute(N[M],v[M])}),I.delete(m)}if(m.localName==="form"){let v=A.get(m),b=document.createTreeWalker(m,NodeFilter.SHOW_ELEMENT,{acceptNode(rt){return r.has(rt)&&!v&&!v.has(rt)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),M=b.nextNode();for(;M;)at(M),M=b.nextNode()}}),u.forEach(m=>{let v=r.get(m);v&&s.get(v)&&D(v),S.has(m)&&S.get(m).disconnect()})})}function gt(e){e.forEach(t=>{let{removedNodes:a}=t;a.forEach(i=>{let p=$.get(t.target);r.has(i)&&k(i),p.disconnect()})})}let yt=e=>{let t=new MutationObserver(gt);t.observe(e,{childList:!0}),$.set(e,t)};new MutationObserver(j);let B={childList:!0,subtree:!0},tt=new WeakMap;class X extends Set{static get isPolyfilled(){return!0}constructor(t){if(super(),!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");tt.set(this,t)}add(t){if(!/^--/.test(t)||typeof t!="string")throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`);let a=super.add(t),i=tt.get(this);return i.toggleAttribute(`state${t}`,!0),i.part&&i.part.add(`state${t}`),a}clear(){for(let[t]of this.entries())this.delete(t);super.clear()}delete(t){let a=super.delete(t),i=tt.get(this);return i.toggleAttribute(`state${t}`,!1),i.part&&i.part.remove(`state${t}`),a}}class it{constructor(t){if(!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");let a=t.getRootNode(),i=new et;this.states=new X(t),l.set(this,t),o.set(this,i),r.set(t,this),z(t,this),G(t,this),Object.seal(this),k(t),a instanceof DocumentFragment&&yt(a)}static get isPolyfilled(){return!0}checkValidity(){let t=l.get(this);if(x(t,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;let a=o.get(this);if(!a.valid){let i=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});t.dispatchEvent(i)}return a.valid}get form(){let t=l.get(this);x(t,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");let a;return t.constructor.formAssociated===!0&&(a=V(t)),a}get labels(){let t=l.get(this);x(t,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");let a=t.getAttribute("id"),i=t.getRootNode();return i&&a?i.querySelectorAll(`[for=${a}]`):[]}reportValidity(){let t=l.get(this);if(x(t,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;let a=this.checkValidity(),i=O.get(this);if(i&&!t.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!a&&i&&(t.focus(),i.focus()),a}setFormValue(t){let a=l.get(this);if(x(a,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),D(this),t!=null&&!(t instanceof FormData)){if(a.getAttribute("name")){let i=H(a,this);i.value=t}}else t!=null&&t instanceof FormData&&Array.from(t).reverse().forEach(([i,p])=>{if(typeof p=="string"){let u=H(a,this);u.name=i,u.value=p}});W.set(a,t)}setValidity(t,a,i){let p=l.get(this);if(x(p,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!t)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");O.set(this,i);let u=o.get(this),m={};for(let M in t)m[M]=t[M];Object.keys(m).length===0&&J(u);let v={...u,...m};delete v.valid;let{valid:b}=vt(u,v,this.form);if(!b&&!a)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");g.set(this,b?"":a),p.toggleAttribute("internals-invalid",!b),p.toggleAttribute("internals-valid",b),p.setAttribute("aria-invalid",`${!b}`)}get shadowRoot(){let t=l.get(this),a=R.get(t);return a||null}get validationMessage(){let t=l.get(this);return x(t,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),g.get(this)}get validity(){let t=l.get(this);return x(t,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),o.get(this)}get willValidate(){let t=l.get(this);return x(t,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(t.disabled||t.hasAttribute("disabled")||t.hasAttribute("readonly"))}}function wt(){if(!window.ElementInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}let t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);let a=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(i=>i in a.internals)}if(wt()){if(!window.CustomStateSet){window.CustomStateSet=X;let e=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(...t){let a=e.call(this,t);return a.states=new X(this),a}}}else{let e=function(...v){let b=i.apply(this,v),M=new MutationObserver(j);return R.set(this,b),window.ShadyDOM?M.observe(this,B):M.observe(b,B),S.set(this,M),b},t=function(...v){let b=u.apply(this,v);return Y(this,b,"checkValidity")},a=function(...v){let b=m.apply(this,v);return Y(this,b,"reportValidity")};window.ElementInternals=it,HTMLElement.prototype.attachInternals=function(){if(this.tagName.indexOf("-")===-1)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(r.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new it(this)};let i=Element.prototype.attachShadow;Element.prototype.attachShadow=e,new MutationObserver(j).observe(document.documentElement,B);let u=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=t;let m=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=a,window.CustomStateSet||(window.CustomStateSet=X)}})();var Mt=ot`:host{display:inline-block;width:200px;position:relative;--bl-input-padding-vertical:var(--bl-size-2xs);--bl-input-padding-horizontal:var(--bl-size-xs);--bl-input-border-color:var(--bl-color-border);--bl-input-icon-color:var(--bl-color-content-tertiary);--bl-input-text-color:var(--bl-color-content-primary);--bl-input-height:var(--bl-size-2xl)}input{outline:0;box-sizing:border-box;height:var(--bl-input-height);border:solid 1px var(--bl-input-border-color);width:100%;font:var(--bl-font-title-3-regular);padding:0 var(--bl-input-padding-horizontal);margin:0;border-radius:4px;color:var(--bl-input-text-color)}bl-icon{position:absolute;top:var(--bl-input-padding-vertical);right:var(--bl-input-padding-horizontal);font-size:var(--bl-size-m);z-index:1;color:var(--bl-input-icon-color)}input:focus{--bl-input-border-color:var(--bl-color-primary)}:host([label-fixed]) bl-icon{top:calc(var(--bl-input-padding-vertical) + var(--bl-size-m))}input:focus ~ bl-icon{--bl-input-icon-color:var(--bl-color-primary)}:host ::placeholder{color:var(--bl-color-content-tertiary)}:host([label]) ::placeholder{color:transparent;transition:color ease-out .4s}:host input:focus::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-content-tertiary)}input:disabled{background-color:var(--bl-color-primary-background);--bl-input-text-color:var(--bl-color-content-tertiary)}input.dirty:invalid{--bl-input-border-color:var(--bl-color-danger)}input.has-icon{padding-right:calc(var(--bl-size-xs) * 2 + var(--bl-size-m))}.error-icon,.invalid-text{display:none}label{position:absolute;top:var(--bl-input-padding-vertical);left:var(--bl-input-padding-horizontal);transition:all ease-in .2s;pointer-events:none;font:var(--bl-font-title-3-regular);color:var(--bl-color-content-tertiary);padding:0}:where(input:focus,input.has-value) ~ label{top:0;left:var(--bl-size-2xs);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-content-secondary);padding:0 var(--bl-size-3xs);background-color:var(--bl-color-primary-background);pointer-events:initial}:host([label-fixed]){padding-top:var(--bl-size-m)}:host([label-fixed]) label{top:0;left:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-content-secondary);padding:0}.dirty:invalid ~ label{color:var(--bl-color-danger)}.invalid-text,.help-text{font:var(--bl-font-title-4-regular);padding:var(--bl-size-3xs) var(--bl-input-padding-horizontal);margin:0}.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}.error-icon{color:var(--bl-color-danger)}.dirty:invalid ~ .invalid-text{display:block}.dirty:invalid ~ .help-text{display:none}.dirty:invalid ~ .error-icon{display:inline-block}.dirty:invalid ~ .custom-icon ~ .error-icon{display:none}.dirty:invalid ~ .custom-icon{--bl-input-icon-color:var(--bl-color-danger)}:host([size='large']){--bl-input-height:var(--bl-size-3xl);--bl-input-padding-vertical:var(--bl-size-xs);--bl-input-padding-horizontal:var(--bl-size-m)}`,ft=Mt;var h=class extends ut(st){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.size="medium";this.disabled=!1;this.labelFixed=!1;this.onKeydown=s=>{s.code==="Enter"&&this.form&&pt(this.form)};this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[ft]}connectedCallback(){var s;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("invalid",this.onError),(s=this.internals.form)==null||s.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),this.removeEventListener("invalid",this.onError)}validityCallback(){var s;return this.customInvalidText||((s=this.validationTarget)==null?void 0:s.validationMessage)}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(s){this.value=s}inputHandler(s){let r=s.target.value;this.setValue(r),this.onInput(r)}changeHandler(s){let r=s.target.value;this.dirty=!0,this.setValue(r),this.onChange(r)}firstUpdated(){this.setValue(this.value)}render(){let s=this.checkValidity()?"":q`<p class="invalid-text">${this.validationMessage}</p>`,r=this.helpText?q`<p class="help-text">${this.helpText}</p>`:"",g=this.icon?q` <bl-icon class="custom-icon" name="${this.icon}"></bl-icon>`:"",F=this.label?q`<label>${this.label}</label>`:"",S={dirty:this.dirty,"has-icon":this.icon||this.dirty&&!this.checkValidity(),"has-value":this.value!==null&&this.value!==""};return q`
|
|
1
|
+
import{a as ht}from"./chunk-KQBKSEYJ.js";import{a as K}from"./chunk-2TVOKUHE.js";import{a as dt}from"./chunk-ENFFFE4I.js";import{a as Z}from"./chunk-23UFIOHV.js";import{a as ot,b as q,f as st,g as nt,h as E,i as lt,j as ct}from"./chunk-HG7OBTQS.js";import{a as f}from"./chunk-NZ3RGSR6.js";var d=function(l,o,s,r){if(s==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof o=="function"?l!==o||!r:!o.has(l))throw new TypeError("Cannot read private member from an object whose class did not declare it");return s==="m"?r:s==="a"?r.call(l):r?r.value:o.get(l)},C=function(l,o,s,r,g){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!g)throw new TypeError("Private accessor was defined without a setter");if(typeof o=="function"?l!==o||!g:!o.has(l))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?g.call(l,s):g?g.value=s:o.set(l,s),s};function ut(l){var o,s,r,g,F,S,A,W,I,R,O,$,L,P,_,D,H,G;class Q extends l{constructor(...n){super(...n),o.add(this),this.internals=this.attachInternals(),s.set(this,!1),r.set(this,!1),g.set(this,!1),F.set(this,void 0),S.set(this,void 0),W.set(this,""),I.set(this,()=>{C(this,g,!0,"f"),C(this,s,!0,"f"),d(this,o,"m",_).call(this)}),R.set(this,()=>{C(this,s,!1,"f"),d(this,o,"m",D).call(this,this.shouldFormValueUpdate()?d(this,W,"f"):""),!this.validity.valid&&d(this,g,"f")&&C(this,r,!0,"f");let c=d(this,o,"m",_).call(this);this.validationMessageCallback&&this.validationMessageCallback(c?this.internals.validationMessage:"")}),O.set(this,()=>{var c;C(this,r,!0,"f"),d(this,o,"m",_).call(this),(c=this===null||this===void 0?void 0:this.validationMessageCallback)===null||c===void 0||c.call(this,this.showError?this.internals.validationMessage:"")}),$.set(this,void 0),L.set(this,!1),P.set(this,Promise.resolve()),this.addEventListener("focus",d(this,I,"f")),this.addEventListener("blur",d(this,R,"f")),this.addEventListener("invalid",d(this,O,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let n=this.validators.map(y=>y.attribute),c=super.observedAttributes||[];return[...new Set([...c,...n])]}static getValidator(n){return this.validators.find(c=>c.attribute===n)||null}get form(){return this.internals.form}get showError(){return d(this,o,"m",_).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(n,c,w){var y;(y=super.attributeChangedCallback)===null||y===void 0||y.call(this,n,c,w),this.constructor.getValidator(n)&&this.validationTarget&&this.setValue(d(this,W,"f"))}setValue(n){var c;C(this,r,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),C(this,W,n,"f");let y=this.shouldFormValueUpdate()?n:null;this.internals.setFormValue(y),d(this,o,"m",D).call(this,y),this.valueChangedCallback&&this.valueChangedCallback(y),d(this,o,"m",_).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(n=>n(d(this,P,"f")))}formResetCallback(){var n,c;C(this,g,!1,"f"),C(this,r,!1,"f"),d(this,o,"m",_).call(this),(n=this.resetFormControl)===null||n===void 0||n.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,d(this,o,"m",_).call(this)?this.validationMessage:"")}}return s=new WeakMap,r=new WeakMap,g=new WeakMap,F=new WeakMap,S=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,O=new WeakMap,$=new WeakMap,L=new WeakMap,P=new WeakMap,o=new WeakSet,A=function(){let n=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return n.querySelectorAll(c)},_=function(){if(this.hasAttribute("disabled"))return!1;let n=d(this,r,"f")||d(this,g,"f")&&!this.validity.valid&&!d(this,s,"f");return n&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),n},D=function(n){let c=this.constructor,w={},y=c.validators,U=[];d(this,L,"f")||(C(this,P,new Promise(k=>{C(this,$,k,"f")}),"f"),C(this,L,!0,"f")),d(this,F,"f")&&(d(this,F,"f").abort(),C(this,S,d(this,F,"f"),"f"));let V=new AbortController;C(this,F,V,"f");let x,Y=!1;!y.length||(y.forEach(k=>{let N=k.key||"customError",z=k.isValid(this,n,V.signal);z instanceof Promise?(U.push(z),z.then(J=>{J!=null&&(w[N]=!J,x=d(this,o,"m",G).call(this,k,n),d(this,o,"m",H).call(this,w,x))})):(w[N]=!z,this.validity[N]!==!z&&(Y=!0),z||(x=d(this,o,"m",G).call(this,k,n)))}),Promise.allSettled(U).then(()=>{var k;V!=null&&V.signal.aborted||(C(this,L,!1,"f"),(k=d(this,$,"f"))===null||k===void 0||k.call(this))}),Y&&d(this,o,"m",H).call(this,w,x))},H=function(n,c){if(this.validationTarget)this.internals.setValidity(n,c,this.validationTarget);else{if(this.internals.setValidity(n,c),this.internals.validity.valid)return;let w=0,y=setInterval(()=>{w>=100||this.validity.valid?clearInterval(y):this.validationTarget&&(this.internals.setValidity(this.validity,c,this.validationTarget),clearInterval(y)),w+=1},0)}},G=function(n,c){if(this.validityCallback){let w=this.validityCallback(n.key||"customError");if(w)return w}return n.message instanceof Function?n.message(this,c):n.message},Q}var pt=l=>{if(l.reportValidity()){let o=new Event("submit",{cancelable:!0});l.dispatchEvent(o),o.defaultPrevented||l.submit()}else return};var Et=["valueMissing","typeMismatch","tooLong","tooShort","rangeUnderflow","rangeOverflow","badInput","customError"],mt=Et.map(l=>({key:l,isValid(o){return o.validationTarget?!o.validationTarget.validity[l]:!0}}));(function(){"use strict";let l=new WeakMap,o=new WeakMap,s=new WeakMap,r=new WeakMap,g=new WeakMap,F=new WeakMap,S=new WeakMap,A=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,O=new WeakMap,$=new WeakMap,L=new WeakMap,P={attributes:!0,attributeFilter:["disabled"]},_=new MutationObserver(e=>{for(let t of e){let a=t.target;if(a.constructor.formAssociated){let i=a.hasAttribute("disabled");a.toggleAttribute("internals-disabled",i),i?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled"),a.formDisabledCallback&&a.formDisabledCallback.apply(a,[i])}}}),D=e=>{s.get(e).forEach(a=>{a.remove()}),s.set(e,[])},H=(e,t)=>{let a=document.createElement("input");return a.type="hidden",a.name=e.getAttribute("name"),e.after(a),s.get(t).push(a),a},G=(e,t)=>{s.set(t,[]);let a=e.hasAttribute("disabled");e.toggleAttribute("internals-disabled",a),_.observe(e,P)},Q=(e,t)=>{if(t.length){Array.from(t).forEach(i=>i.addEventListener("click",e.focus.bind(e)));let a=t[0].id;t[0].id||(a=`${t[0].htmlFor}_Label`,t[0].id=a),e.setAttribute("aria-labelledby",a)}},T=e=>{let t=Array.from(e.elements).filter(u=>u.validity).map(u=>u.validity.valid),a=A.get(e)||[],i=Array.from(a).filter(u=>u.isConnected).map(u=>r.get(u).validity.valid),p=[...t,...i].includes(!1);e.toggleAttribute("internals-invalid",p),e.toggleAttribute("internals-valid",!p)},n=e=>{T(V(e.target))},c=e=>{T(V(e.target))},w=e=>{let t=e.target,a=A.get(t);t.noValidate||a.size&&(Array.from(a).reverse().map(u=>r.get(u).reportValidity()).includes(!1)?(e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault()):L.get(t)&&L.get(t).call(t,e)===!1&&e.preventDefault())},y=e=>{let t=A.get(e.target);t&&t.size&&t.forEach(a=>{a.constructor.formAssociated&&a.formResetCallback&&a.formResetCallback.apply(a)})},U=(e,t,a)=>{if(t){t.onsubmit&&(L.set(t,t.onsubmit.bind(t)),t.onsubmit=null);let i=A.get(t);if(i)i.add(e);else{let p=new Set;p.add(e),A.set(t,p),t.addEventListener("submit",w),t.addEventListener("reset",y),t.addEventListener("input",n),t.addEventListener("change",c)}F.set(t,{ref:e,internals:a}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),T(t)}},V=e=>{let t=e.parentNode;return t&&t.tagName!=="FORM"&&(t=V(t)),t},x=(e,t,a=DOMException)=>{if(!e.constructor.formAssociated)throw new a(t)},Y=(e,t,a)=>{let i=A.get(e);return i&&i.size&&i.forEach(p=>{r.get(p)[a]()||(t=!1)}),t},k=e=>{if(e.constructor.formAssociated){let t=r.get(e),{labels:a,form:i}=t;Q(e,a),U(e,i,t)}},N={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"},z=(e,t)=>{for(let a in N){t[a]=null;let i=null,p=N[a];Object.defineProperty(t,a,{get(){return i},set(u){i=u,e.isConnected?e.setAttribute(p,u):I.set(e,t)}})}};class et{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}let J=e=>(e.badInput=!1,e.customError=!1,e.patternMismatch=!1,e.rangeOverflow=!1,e.rangeUnderflow=!1,e.stepMismatch=!1,e.tooLong=!1,e.tooShort=!1,e.typeMismatch=!1,e.valid=!0,e.valueMissing=!1,e),vt=(e,t,a)=>(e.valid=bt(t),Object.keys(t).forEach(i=>e[i]=t[i]),a&&T(a),e),bt=e=>{let t=!0;for(let a in e)a!=="valid"&&e[a]!==!1&&(t=!1);return t};function at(e){let t=r.get(e),{form:a}=t;U(e,a,t),Q(e,t.labels)}function j(e){e.forEach(t=>{let{addedNodes:a,removedNodes:i}=t,p=Array.from(a),u=Array.from(i);p.forEach(m=>{if(r.has(m)&&m.constructor.formAssociated&&at(m),I.has(m)){let v=I.get(m);Object.keys(N).filter(M=>v[M]!==null).forEach(M=>{m.setAttribute(N[M],v[M])}),I.delete(m)}if(m.localName==="form"){let v=A.get(m),b=document.createTreeWalker(m,NodeFilter.SHOW_ELEMENT,{acceptNode(rt){return r.has(rt)&&!v&&!v.has(rt)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),M=b.nextNode();for(;M;)at(M),M=b.nextNode()}}),u.forEach(m=>{let v=r.get(m);v&&s.get(v)&&D(v),S.has(m)&&S.get(m).disconnect()})})}function gt(e){e.forEach(t=>{let{removedNodes:a}=t;a.forEach(i=>{let p=$.get(t.target);r.has(i)&&k(i),p.disconnect()})})}let yt=e=>{let t=new MutationObserver(gt);t.observe(e,{childList:!0}),$.set(e,t)};new MutationObserver(j);let B={childList:!0,subtree:!0},tt=new WeakMap;class X extends Set{static get isPolyfilled(){return!0}constructor(t){if(super(),!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");tt.set(this,t)}add(t){if(!/^--/.test(t)||typeof t!="string")throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`);let a=super.add(t),i=tt.get(this);return i.toggleAttribute(`state${t}`,!0),i.part&&i.part.add(`state${t}`),a}clear(){for(let[t]of this.entries())this.delete(t);super.clear()}delete(t){let a=super.delete(t),i=tt.get(this);return i.toggleAttribute(`state${t}`,!1),i.part&&i.part.remove(`state${t}`),a}}class it{constructor(t){if(!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");let a=t.getRootNode(),i=new et;this.states=new X(t),l.set(this,t),o.set(this,i),r.set(t,this),z(t,this),G(t,this),Object.seal(this),k(t),a instanceof DocumentFragment&&yt(a)}static get isPolyfilled(){return!0}checkValidity(){let t=l.get(this);if(x(t,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;let a=o.get(this);if(!a.valid){let i=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});t.dispatchEvent(i)}return a.valid}get form(){let t=l.get(this);x(t,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");let a;return t.constructor.formAssociated===!0&&(a=V(t)),a}get labels(){let t=l.get(this);x(t,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");let a=t.getAttribute("id"),i=t.getRootNode();return i&&a?i.querySelectorAll(`[for=${a}]`):[]}reportValidity(){let t=l.get(this);if(x(t,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;let a=this.checkValidity(),i=O.get(this);if(i&&!t.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!a&&i&&(t.focus(),i.focus()),a}setFormValue(t){let a=l.get(this);if(x(a,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),D(this),t!=null&&!(t instanceof FormData)){if(a.getAttribute("name")){let i=H(a,this);i.value=t}}else t!=null&&t instanceof FormData&&Array.from(t).reverse().forEach(([i,p])=>{if(typeof p=="string"){let u=H(a,this);u.name=i,u.value=p}});W.set(a,t)}setValidity(t,a,i){let p=l.get(this);if(x(p,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!t)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");O.set(this,i);let u=o.get(this),m={};for(let M in t)m[M]=t[M];Object.keys(m).length===0&&J(u);let v={...u,...m};delete v.valid;let{valid:b}=vt(u,v,this.form);if(!b&&!a)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");g.set(this,b?"":a),p.toggleAttribute("internals-invalid",!b),p.toggleAttribute("internals-valid",b),p.setAttribute("aria-invalid",`${!b}`)}get shadowRoot(){let t=l.get(this),a=R.get(t);return a||null}get validationMessage(){let t=l.get(this);return x(t,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),g.get(this)}get validity(){let t=l.get(this);return x(t,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),o.get(this)}get willValidate(){let t=l.get(this);return x(t,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(t.disabled||t.hasAttribute("disabled")||t.hasAttribute("readonly"))}}function wt(){if(!window.ElementInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}let t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);let a=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(i=>i in a.internals)}if(wt()){if(!window.CustomStateSet){window.CustomStateSet=X;let e=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(...t){let a=e.call(this,t);return a.states=new X(this),a}}}else{let e=function(...v){let b=i.apply(this,v),M=new MutationObserver(j);return R.set(this,b),window.ShadyDOM?M.observe(this,B):M.observe(b,B),S.set(this,M),b},t=function(...v){let b=u.apply(this,v);return Y(this,b,"checkValidity")},a=function(...v){let b=m.apply(this,v);return Y(this,b,"reportValidity")};window.ElementInternals=it,HTMLElement.prototype.attachInternals=function(){if(this.tagName.indexOf("-")===-1)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(r.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new it(this)};let i=Element.prototype.attachShadow;Element.prototype.attachShadow=e,new MutationObserver(j).observe(document.documentElement,B);let u=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=t;let m=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=a,window.CustomStateSet||(window.CustomStateSet=X)}})();var Mt=ot`:host{display:inline-block;width:200px;position:relative;--bl-input-padding-vertical:var(--bl-size-2xs);--bl-input-padding-horizontal:var(--bl-size-xs);--bl-input-border-color:var(--bl-color-border);--bl-input-icon-color:var(--bl-color-content-tertiary);--bl-input-text-color:var(--bl-color-content-primary);--bl-input-height:var(--bl-size-2xl)}input{outline:0;box-sizing:border-box;height:var(--bl-input-height);border:solid 1px var(--bl-input-border-color);width:100%;font:var(--bl-font-title-3-regular);padding:0 var(--bl-input-padding-horizontal);margin:0;border-radius:4px;color:var(--bl-input-text-color)}bl-icon{position:absolute;top:var(--bl-input-padding-vertical);right:var(--bl-input-padding-horizontal);font-size:var(--bl-size-m);z-index:1;color:var(--bl-input-icon-color)}input:focus{--bl-input-border-color:var(--bl-color-primary)}:host([label-fixed]) bl-icon{top:calc(var(--bl-input-padding-vertical) + var(--bl-size-m))}input:focus ~ bl-icon{--bl-input-icon-color:var(--bl-color-primary)}:host ::placeholder{color:var(--bl-color-content-tertiary)}:host([label]) ::placeholder{color:transparent;transition:color ease-out .4s}:host input:focus::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-content-tertiary)}input:disabled{background-color:var(--bl-color-primary-background);--bl-input-text-color:var(--bl-color-content-tertiary)}input.dirty:invalid{--bl-input-border-color:var(--bl-color-danger)}input.has-icon{padding-right:calc(var(--bl-size-xs) * 2 + var(--bl-size-m))}.error-icon,.invalid-text{display:none}label{position:absolute;top:var(--bl-input-padding-vertical);left:var(--bl-input-padding-horizontal);transition:all ease-in .2s;pointer-events:none;font:var(--bl-font-title-3-regular);color:var(--bl-color-content-tertiary);padding:0}:where(input:focus,input.has-value) ~ label{top:0;left:var(--bl-size-2xs);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-content-secondary);padding:0 var(--bl-size-3xs);background-color:var(--bl-color-primary-background);pointer-events:initial}:host([label-fixed]){padding-top:var(--bl-size-m)}:host([label-fixed]) label{top:0;left:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-content-secondary);padding:0}.dirty:invalid ~ label{color:var(--bl-color-danger)}.invalid-text,.help-text{font:var(--bl-font-title-4-regular);padding:var(--bl-size-3xs) var(--bl-input-padding-horizontal);margin:0}.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}.error-icon{color:var(--bl-color-danger)}.dirty:invalid ~ .invalid-text{display:block}.dirty:invalid ~ .help-text{display:none}.dirty:invalid ~ .error-icon{display:inline-block}.dirty:invalid ~ .custom-icon ~ .error-icon{display:none}.dirty:invalid ~ .custom-icon{--bl-input-icon-color:var(--bl-color-danger)}:host([size='large']){--bl-input-height:var(--bl-size-3xl);--bl-input-padding-vertical:var(--bl-size-xs);--bl-input-padding-horizontal:var(--bl-size-m)}`,ft=Mt;var h=class extends ut(st){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.size="medium";this.disabled=!1;this.labelFixed=!1;this.onKeydown=s=>{s.code==="Enter"&&this.form&&pt(this.form)};this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[ft]}connectedCallback(){var s;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("invalid",this.onError),(s=this.internals.form)==null||s.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),this.removeEventListener("invalid",this.onError)}validityCallback(){var s;return this.customInvalidText||((s=this.validationTarget)==null?void 0:s.validationMessage)}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(s){this.value=s}inputHandler(s){let r=s.target.value;this.setValue(r),this.onInput(r)}changeHandler(s){let r=s.target.value;this.dirty=!0,this.setValue(r),this.onChange(r)}firstUpdated(){this.setValue(this.value)}render(){let s=this.checkValidity()?"":q`<p class="invalid-text">${this.validationMessage}</p>`,r=this.helpText?q`<p class="help-text">${this.helpText}</p>`:"",g=this.icon?q` <bl-icon class="custom-icon" name="${this.icon}"></bl-icon>`:"",F=this.label?q`<label>${this.label}</label>`:"",S={dirty:this.dirty,"has-icon":this.icon||this.dirty&&!this.checkValidity(),"has-value":this.value!==null&&this.value!==""};return q`
|
|
2
2
|
<input
|
|
3
3
|
type=${this.type}
|
|
4
4
|
class=${dt(S)}
|
|
@@ -17,4 +17,4 @@ import{a as K}from"./chunk-2TVOKUHE.js";import{a as dt}from"./chunk-ENFFFE4I.js"
|
|
|
17
17
|
<bl-icon class="error-icon" name="alert"></bl-icon>
|
|
18
18
|
${s} ${r}
|
|
19
19
|
`}};h.formControlValidators=mt,f([ct("input")],h.prototype,"validationTarget",2),f([E({})],h.prototype,"type",2),f([E({})],h.prototype,"label",2),f([E({})],h.prototype,"placeholder",2),f([E()],h.prototype,"value",2),f([E({type:Boolean})],h.prototype,"required",2),f([E({type:Number})],h.prototype,"minlength",2),f([E({type:Number})],h.prototype,"maxlength",2),f([E({type:Number})],h.prototype,"min",2),f([E({type:Number})],h.prototype,"max",2),f([E({type:String})],h.prototype,"icon",2),f([E({type:String,reflect:!0})],h.prototype,"size",2),f([E({type:Boolean,reflect:!0})],h.prototype,"disabled",2),f([E({type:Boolean,attribute:"label-fixed"})],h.prototype,"labelFixed",2),f([E({type:String,attribute:"invalid-text"})],h.prototype,"customInvalidText",2),f([E({type:String,attribute:"help-text"})],h.prototype,"helpText",2),f([Z("bl-change")],h.prototype,"onChange",2),f([Z("bl-input")],h.prototype,"onInput",2),f([Z("bl-invalid")],h.prototype,"onInvalid",2),f([lt()],h.prototype,"dirty",2),h=f([nt("bl-input")],h);export{h as a};
|
|
20
|
-
//# sourceMappingURL=chunk-
|
|
20
|
+
//# sourceMappingURL=chunk-HF5CPTQT.js.map
|
|
File without changes
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import{a as d}from"./chunk-23UFIOHV.js";import{a as p,b as l,f as g,g as v,h as s,j as r}from"./chunk-HG7OBTQS.js";import{a as o}from"./chunk-NZ3RGSR6.js";var b=p`dialog{padding:0;border:0;background:var(--bl-color-primary-background);border-radius:var(--bl-border-radius-l);max-width:calc(100vw - var(--bl-size-4xl));max-height:calc(100vh - var(--bl-size-4xl));overflow:hidden}dialog::backdrop{background:#273142;opacity:.7}dialog .container{min-width:424px;min-height:178px}dialog header{display:flex;justify-content:space-between;align-items:center;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl)}dialog header bl-button{margin-left:auto}dialog header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}dialog .content{padding:var(--bl-size-xl) var(--bl-size-xl) var(--bl-size-m) var(--bl-size-xl);overflow:auto}dialog footer{padding:var(--bl-size-xl);display:flex;flex-flow:row-reverse wrap;gap:var(--bl-size-m)}dialog footer.sticky{position:sticky;bottom:0;z-index:999;background-color:var(--bl-color-primary-background);box-shadow:0 -4px 15px #27314226}@media only screen and (max-width:469px){dialog{max-width:calc(100vw - var(--bl-size-2xl));max-height:calc(100vh - var(--bl-size-2xl))}dialog .container{min-width:auto;min-height:auto}dialog footer{flex-flow:column wrap}}`,m=b;var t=class extends g{constructor(){super(...arguments);this.open=!1;this.clickOutsideHandler=e=>{e.composedPath().includes(this.container)||this.closeDialog()};this.onKeydown=e=>{e.code==="Escape"&&this.open&&this.closeDialog()}}static get styles(){return[m]}connectedCallback(){super.connectedCallback(),setTimeout(()=>{window==null||window.addEventListener("keydown",e=>this.onKeydown(e)),window==null||window.addEventListener("resize",()=>this.resizeHandler()),this.dialog.addEventListener("click",this.clickOutsideHandler)})}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("keydown",this.onKeydown),window==null||window.removeEventListener("resize",this.resizeHandler),this.dialog.removeEventListener("click",this.clickOutsideHandler)}updated(e){e.has("open")&&this.toggleDialogHandler()}resizeHandler(){this.changeContentHeight(),this.toggleFooterSticky()}toggleDialogHandler(){var e,i,a,n;this.open?((i=(e=this.dialog).showModal)==null||i.call(e),this.onOpen({isOpen:!0}),document.body.style.overflow="hidden"):((n=(a=this.dialog).close)==null||n.call(a),this.onClose({isOpen:!1}),document.body.style.overflow="auto"),this.resizeHandler()}closeDialog(){this.open=!1}toggleFooterSticky(){var e,i,a,n,c,h;((e=this.content)==null?void 0:e.scrollHeight)>((i=this.content)==null?void 0:i.offsetHeight)?(n=(a=this.footer)==null?void 0:a.classList)==null||n.add("sticky"):(h=(c=this.footer)==null?void 0:c.classList)==null||h.remove("sticky")}changeContentHeight(){var a;let e=((a=this.footer)==null?void 0:a.offsetHeight)||0,i=144;window.innerWidth<470&&(i=128),this.content.style.maxHeight=`${window.innerHeight-(i+e)}px`}get _hasFooter(){return[...this.childNodes].some(e=>e.nodeName==="BL-BUTTON")}renderFooter(){return this._hasFooter?l`<footer>
|
|
2
|
+
<slot name="primary-action"></slot>
|
|
3
|
+
<slot name="secondary-action"></slot>
|
|
4
|
+
<slot name="tertiary-action"></slot>
|
|
5
|
+
</footer>`:""}render(){let e=this.caption?l`<h2 id="dialog-caption">${this.caption}</h2>`:"";return l`
|
|
6
|
+
<dialog aria-labelledby="dialog-caption">
|
|
7
|
+
<div class="container">
|
|
8
|
+
<header>
|
|
9
|
+
${e}
|
|
10
|
+
<bl-button
|
|
11
|
+
@click="${this.closeDialog}"
|
|
12
|
+
icon="close"
|
|
13
|
+
variant="tertiary"
|
|
14
|
+
kind="neutral"
|
|
15
|
+
></bl-button>
|
|
16
|
+
</header>
|
|
17
|
+
<section class='content'><slot /></section>
|
|
18
|
+
${this.renderFooter()}
|
|
19
|
+
</div>
|
|
20
|
+
</dialog>
|
|
21
|
+
`}};o([s({type:Boolean,reflect:!0})],t.prototype,"open",2),o([s({type:String})],t.prototype,"caption",2),o([r("dialog")],t.prototype,"dialog",2),o([r("footer")],t.prototype,"footer",2),o([r(".container")],t.prototype,"container",2),o([r(".content")],t.prototype,"content",2),o([d("bl-dialog-open")],t.prototype,"onOpen",2),o([d("bl-dialog-close")],t.prototype,"onClose",2),t=o([v("bl-dialog")],t);export{t as a};
|
|
22
|
+
//# sourceMappingURL=chunk-N5Q3PK3Z.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/dialog/bl-dialog.css", "../src/components/dialog/bl-dialog.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`dialog{padding:0;border:0;background:var(--bl-color-primary-background);border-radius:var(--bl-border-radius-l);max-width:calc(100vw - var(--bl-size-4xl));max-height:calc(100vh - var(--bl-size-4xl));overflow:hidden}dialog::backdrop{background:#273142;opacity:.7}dialog .container{min-width:424px;min-height:178px}dialog header{display:flex;justify-content:space-between;align-items:center;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl)}dialog header bl-button{margin-left:auto}dialog header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}dialog .content{padding:var(--bl-size-xl) var(--bl-size-xl) var(--bl-size-m) var(--bl-size-xl);overflow:auto}dialog footer{padding:var(--bl-size-xl);display:flex;flex-flow:row-reverse wrap;gap:var(--bl-size-m)}dialog footer.sticky{position:sticky;bottom:0;z-index:999;background-color:var(--bl-color-primary-background);box-shadow:0 -4px 15px #27314226}@media only screen and (max-width:469px){dialog{max-width:calc(100vw - var(--bl-size-2xl));max-height:calc(100vh - var(--bl-size-2xl))}dialog .container{min-width:auto;min-height:auto}dialog footer{flex-flow:column wrap}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport '../button/bl-button';\nimport style from './bl-dialog.css';\n\n/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n */\n\ntype DialogElement = {\n showModal: () => void;\n close: () => void;\n};\n\n@customElement('bl-dialog')\nexport default class BlDialog extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets dialog open-close status\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Sets the dialog title\n */\n @property({ type: String })\n caption?: string;\n\n @query('dialog')\n dialog: HTMLDialogElement & DialogElement;\n\n @query('footer')\n footer: HTMLElement;\n\n @query('.container')\n container: HTMLElement;\n\n @query('.content')\n content: HTMLElement;\n\n /**\n * Fires when the dialog is opened\n */\n @event('bl-dialog-open') private onOpen: EventDispatcher<object>;\n\n /**\n * Fires when the dialog is closed\n */\n @event('bl-dialog-close') private onClose: EventDispatcher<object>;\n\n connectedCallback() {\n super.connectedCallback();\n\n setTimeout(() => {\n window?.addEventListener('keydown', event => this.onKeydown(event));\n window?.addEventListener('resize', () => this.resizeHandler());\n this.dialog.addEventListener('click', this.clickOutsideHandler);\n });\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n window?.removeEventListener('keydown', this.onKeydown);\n window?.removeEventListener('resize', this.resizeHandler);\n this.dialog.removeEventListener('click', this.clickOutsideHandler);\n }\n\n updated(changedProperties: PropertyValues<this>) {\n if (changedProperties.has('open')) {\n this.toggleDialogHandler();\n }\n }\n\n private resizeHandler() {\n this.changeContentHeight();\n this.toggleFooterSticky();\n }\n\n private toggleDialogHandler() {\n if (this.open) {\n this.dialog.showModal?.();\n this.onOpen({ isOpen: true });\n document.body.style.overflow = 'hidden';\n } else {\n this.dialog.close?.();\n this.onClose({ isOpen: false });\n document.body.style.overflow = 'auto';\n }\n\n this.resizeHandler();\n }\n\n clickOutsideHandler = (event: MouseEvent) => {\n const eventPath = event.composedPath() as HTMLElement[];\n\n if (!eventPath.includes(this.container)) {\n this.closeDialog();\n }\n };\n\n private closeDialog() {\n this.open = false;\n }\n\n private onKeydown = (event: KeyboardEvent): void => {\n if (event.code === 'Escape' && this.open) {\n this.closeDialog();\n }\n };\n\n private toggleFooterSticky() {\n if (this.content?.scrollHeight > this.content?.offsetHeight) {\n this.footer?.classList?.add('sticky');\n } else {\n this.footer?.classList?.remove('sticky');\n }\n }\n\n private changeContentHeight() {\n const footerHeight = this.footer?.offsetHeight || 0;\n let contentHeight = 144; // 56px(header) + 48px(dialog-margin) + 40px(content-padding)\n\n if (window.innerWidth < 470) {\n contentHeight = 128; // 56px(header) + 32px(dialog-margin) + 40px(content-padding)\n }\n\n this.content.style.maxHeight = `${window.innerHeight - (contentHeight + footerHeight)}px`;\n }\n\n get _hasFooter() {\n return [...this.childNodes].some(node => node.nodeName === 'BL-BUTTON');\n }\n\n private renderFooter() {\n return this._hasFooter\n ? html`<footer>\n <slot name=\"primary-action\"></slot>\n <slot name=\"secondary-action\"></slot>\n <slot name=\"tertiary-action\"></slot>\n </footer>`\n : '';\n }\n\n render(): TemplateResult {\n const title = this.caption ? html`<h2 id=\"dialog-caption\">${this.caption}</h2>` : '';\n\n return html`\n <dialog aria-labelledby=\"dialog-caption\">\n <div class=\"container\">\n <header>\n ${title}\n <bl-button\n @click=\"${this.closeDialog}\"\n icon=\"close\"\n variant=\"tertiary\"\n kind=\"neutral\"\n ></bl-button>\n </header>\n <section class='content'><slot /></section>\n ${this.renderFooter()}\n </div>\n </dialog>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-dialog': BlDialog;\n }\n}\n"],
|
|
5
|
+
"mappings": "2JACO,IAAMA,EAASC,wuCACfC,EAAQF,ECef,IAAqBG,EAArB,cAAsCC,CAAW,CAAjD,kCASE,UAAO,GAwEP,yBAAuBC,GAAsB,CACzBA,EAAM,aAAa,EAEtB,SAAS,KAAK,SAAS,GACpC,KAAK,YAAY,CAErB,EAMA,KAAQ,UAAaA,GAA+B,CAC9CA,EAAM,OAAS,UAAY,KAAK,MAClC,KAAK,YAAY,CAErB,EAhGA,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAoCA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,WAAW,IAAM,CACf,qBAAQ,iBAAiB,UAAWD,GAAS,KAAK,UAAUA,CAAK,GACjE,qBAAQ,iBAAiB,SAAU,IAAM,KAAK,cAAc,GAC5D,KAAK,OAAO,iBAAiB,QAAS,KAAK,mBAAmB,CAChE,CAAC,CACH,CAEA,sBAAuB,CACrB,MAAM,qBAAqB,EAC3B,qBAAQ,oBAAoB,UAAW,KAAK,WAC5C,qBAAQ,oBAAoB,SAAU,KAAK,eAC3C,KAAK,OAAO,oBAAoB,QAAS,KAAK,mBAAmB,CACnE,CAEA,QAAQE,EAAyC,CAC3CA,EAAkB,IAAI,MAAM,GAC9B,KAAK,oBAAoB,CAE7B,CAEQ,eAAgB,CACtB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,CAC1B,CAEQ,qBAAsB,CApFhC,IAAAC,EAAAC,EAAAC,EAAAC,EAqFQ,KAAK,OACPF,GAAAD,EAAA,KAAK,QAAO,YAAZ,MAAAC,EAAA,KAAAD,GACA,KAAK,OAAO,CAAE,OAAQ,EAAK,CAAC,EAC5B,SAAS,KAAK,MAAM,SAAW,YAE/BG,GAAAD,EAAA,KAAK,QAAO,QAAZ,MAAAC,EAAA,KAAAD,GACA,KAAK,QAAQ,CAAE,OAAQ,EAAM,CAAC,EAC9B,SAAS,KAAK,MAAM,SAAW,QAGjC,KAAK,cAAc,CACrB,CAUQ,aAAc,CACpB,KAAK,KAAO,EACd,CAQQ,oBAAqB,CApH/B,IAAAF,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,IAqHQL,EAAA,KAAK,UAAL,YAAAA,EAAc,gBAAeC,EAAA,KAAK,UAAL,YAAAA,EAAc,eAC7CE,GAAAD,EAAA,KAAK,SAAL,YAAAA,EAAa,YAAb,MAAAC,EAAwB,IAAI,WAE5BE,GAAAD,EAAA,KAAK,SAAL,YAAAA,EAAa,YAAb,MAAAC,EAAwB,OAAO,SAEnC,CAEQ,qBAAsB,CA5HhC,IAAAL,EA6HI,IAAMM,IAAeN,EAAA,KAAK,SAAL,YAAAA,EAAa,eAAgB,EAC9CO,EAAgB,IAEhB,OAAO,WAAa,MACrBA,EAAgB,KAGnB,KAAK,QAAQ,MAAM,UAAY,GAAG,OAAO,aAAeA,EAAgBD,MAC1E,CAEA,IAAI,YAAa,CACf,MAAO,CAAC,GAAG,KAAK,UAAU,EAAE,KAAKE,GAAQA,EAAK,WAAa,WAAW,CACxE,CAEQ,cAAe,CACrB,OAAO,KAAK,WACRC;AAAA;AAAA;AAAA;AAAA,mBAKA,EACN,CAEA,QAAyB,CACvB,IAAMC,EAAQ,KAAK,QAAUD,4BAA+B,KAAK,eAAiB,GAElF,OAAOA;AAAA;AAAA;AAAA;AAAA,cAIGC;AAAA;AAAA,wBAEU,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOjB,KAAK,aAAa;AAAA;AAAA;AAAA,KAI5B,CACF,EAhJEC,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARvBjB,EASnB,oBAMAgB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAdPjB,EAenB,uBAGAgB,EAAA,CADCE,EAAM,QAAQ,GAjBIlB,EAkBnB,sBAGAgB,EAAA,CADCE,EAAM,QAAQ,GApBIlB,EAqBnB,sBAGAgB,EAAA,CADCE,EAAM,YAAY,GAvBAlB,EAwBnB,yBAGAgB,EAAA,CADCE,EAAM,UAAU,GA1BElB,EA2BnB,uBAKiCgB,EAAA,CAAhCd,EAAM,gBAAgB,GAhCJF,EAgCc,sBAKCgB,EAAA,CAAjCd,EAAM,iBAAiB,GArCLF,EAqCe,uBArCfA,EAArBgB,EAAA,CADCG,EAAc,WAAW,GACLnB",
|
|
6
|
+
"names": ["styles", "r", "bl_dialog_default", "BlDialog", "s", "event", "bl_dialog_default", "changedProperties", "_a", "_b", "_c", "_d", "_e", "_f", "footerHeight", "contentHeight", "node", "$", "title", "__decorateClass", "e", "i", "n"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
|
|
2
|
+
import '../button/bl-button';
|
|
3
|
+
/**
|
|
4
|
+
* @tag bl-dialog
|
|
5
|
+
* @summary Baklava Dialog component
|
|
6
|
+
*/
|
|
7
|
+
declare type DialogElement = {
|
|
8
|
+
showModal: () => void;
|
|
9
|
+
close: () => void;
|
|
10
|
+
};
|
|
11
|
+
export default class BlDialog extends LitElement {
|
|
12
|
+
static get styles(): CSSResultGroup;
|
|
13
|
+
/**
|
|
14
|
+
* Sets dialog open-close status
|
|
15
|
+
*/
|
|
16
|
+
open: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Sets the dialog title
|
|
19
|
+
*/
|
|
20
|
+
caption?: string;
|
|
21
|
+
dialog: HTMLDialogElement & DialogElement;
|
|
22
|
+
footer: HTMLElement;
|
|
23
|
+
container: HTMLElement;
|
|
24
|
+
content: HTMLElement;
|
|
25
|
+
/**
|
|
26
|
+
* Fires when the dialog is opened
|
|
27
|
+
*/
|
|
28
|
+
private onOpen;
|
|
29
|
+
/**
|
|
30
|
+
* Fires when the dialog is closed
|
|
31
|
+
*/
|
|
32
|
+
private onClose;
|
|
33
|
+
connectedCallback(): void;
|
|
34
|
+
disconnectedCallback(): void;
|
|
35
|
+
updated(changedProperties: PropertyValues<this>): void;
|
|
36
|
+
private resizeHandler;
|
|
37
|
+
private toggleDialogHandler;
|
|
38
|
+
clickOutsideHandler: (event: MouseEvent) => void;
|
|
39
|
+
private closeDialog;
|
|
40
|
+
private onKeydown;
|
|
41
|
+
private toggleFooterSticky;
|
|
42
|
+
private changeContentHeight;
|
|
43
|
+
get _hasFooter(): boolean;
|
|
44
|
+
private renderFooter;
|
|
45
|
+
render(): TemplateResult;
|
|
46
|
+
}
|
|
47
|
+
declare global {
|
|
48
|
+
interface HTMLElementTagNameMap {
|
|
49
|
+
'bl-dialog': BlDialog;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
export {};
|
|
53
|
+
//# sourceMappingURL=bl-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/bl-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvF,OAAO,qBAAqB,CAAC;AAG7B;;;GAGG;AAEH,aAAK,aAAa,GAAG;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAGF,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,MAAM,EAAE,iBAAiB,GAAG,aAAa,CAAC;IAG1C,MAAM,EAAE,WAAW,CAAC;IAGpB,SAAS,EAAE,WAAW,CAAC;IAGvB,OAAO,EAAE,WAAW,CAAC;IAErB;;OAEG;IACsB,OAAO,CAAC,MAAM,CAA0B;IAEjE;;OAEG;IACuB,OAAO,CAAC,OAAO,CAA0B;IAEnE,iBAAiB;IAUjB,oBAAoB;IAOpB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAM/C,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,mBAAmB;IAc3B,mBAAmB,UAAW,UAAU,UAMtC;IAEF,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,SAAS,CAIf;IAEF,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,mBAAmB;IAW3B,IAAI,UAAU,YAEb;IAED,OAAO,CAAC,YAAY;IAUpB,MAAM,IAAI,cAAc;CAqBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a}from"../../chunk-N5Q3PK3Z.js";import"../../chunk-HUFJDENF.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
|
+
//# sourceMappingURL=bl-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-dialog.test.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/bl-dialog.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-HF5CPTQT.js";import"../../chunk-KQBKSEYJ.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-input.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-BUIS2EQI.js";import"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-BUIS2EQI.js";import"../../chunk-HF5CPTQT.js";import"../../chunk-GBFJ2WUI.js";import"../../chunk-KWTSWXUL.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-KQBKSEYJ.js";import"../../chunk-HUFJDENF.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-pagination.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-A25HQAVJ.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-progress-indicator.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-C5HFLPOK.js";import"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-C5HFLPOK.js";import"../../chunk-EX6STMCI.js";import"../../chunk-IDG5M2QP.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-tab-group.js.map
|
|
@@ -369,6 +369,76 @@
|
|
|
369
369
|
}
|
|
370
370
|
]
|
|
371
371
|
},
|
|
372
|
+
{
|
|
373
|
+
"kind": "javascript-module",
|
|
374
|
+
"path": "src/components/dialog/bl-dialog.ts",
|
|
375
|
+
"declarations": [
|
|
376
|
+
{
|
|
377
|
+
"kind": "class",
|
|
378
|
+
"description": "",
|
|
379
|
+
"name": "BlDialog",
|
|
380
|
+
"events": [
|
|
381
|
+
{
|
|
382
|
+
"type": {
|
|
383
|
+
"text": "CustomEvent<object>"
|
|
384
|
+
},
|
|
385
|
+
"description": "Fires when the dialog is opened",
|
|
386
|
+
"name": "bl-dialog-open"
|
|
387
|
+
},
|
|
388
|
+
{
|
|
389
|
+
"type": {
|
|
390
|
+
"text": "CustomEvent<object>"
|
|
391
|
+
},
|
|
392
|
+
"description": "Fires when the dialog is closed",
|
|
393
|
+
"name": "bl-dialog-close"
|
|
394
|
+
}
|
|
395
|
+
],
|
|
396
|
+
"attributes": [
|
|
397
|
+
{
|
|
398
|
+
"name": "open",
|
|
399
|
+
"type": {
|
|
400
|
+
"text": "boolean"
|
|
401
|
+
},
|
|
402
|
+
"default": "false",
|
|
403
|
+
"description": "Sets dialog open-close status",
|
|
404
|
+
"fieldName": "open"
|
|
405
|
+
},
|
|
406
|
+
{
|
|
407
|
+
"name": "caption",
|
|
408
|
+
"type": {
|
|
409
|
+
"text": "string | undefined"
|
|
410
|
+
},
|
|
411
|
+
"description": "Sets the dialog title",
|
|
412
|
+
"fieldName": "caption"
|
|
413
|
+
}
|
|
414
|
+
],
|
|
415
|
+
"superclass": {
|
|
416
|
+
"name": "LitElement",
|
|
417
|
+
"package": "lit"
|
|
418
|
+
},
|
|
419
|
+
"tagName": "bl-dialog",
|
|
420
|
+
"customElement": true
|
|
421
|
+
}
|
|
422
|
+
],
|
|
423
|
+
"exports": [
|
|
424
|
+
{
|
|
425
|
+
"kind": "js",
|
|
426
|
+
"name": "default",
|
|
427
|
+
"declaration": {
|
|
428
|
+
"name": "BlDialog",
|
|
429
|
+
"module": "src/components/dialog/bl-dialog.ts"
|
|
430
|
+
}
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"kind": "custom-element-definition",
|
|
434
|
+
"name": "bl-dialog",
|
|
435
|
+
"declaration": {
|
|
436
|
+
"name": "BlDialog",
|
|
437
|
+
"module": "src/components/dialog/bl-dialog.ts"
|
|
438
|
+
}
|
|
439
|
+
}
|
|
440
|
+
]
|
|
441
|
+
},
|
|
372
442
|
{
|
|
373
443
|
"kind": "javascript-module",
|
|
374
444
|
"path": "src/components/icon/bl-icon.ts",
|