@krollins/blueprint 0.1.0
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/LICENSE +21 -0
- package/README.md +407 -0
- package/dist/components/accordion/accordion.d.ts +113 -0
- package/dist/components/accordion/accordion.d.ts.map +1 -0
- package/dist/components/accordion/accordion.style.d.ts +2 -0
- package/dist/components/accordion/accordion.style.d.ts.map +1 -0
- package/dist/components/alert/alert.d.ts +37 -0
- package/dist/components/alert/alert.d.ts.map +1 -0
- package/dist/components/alert/alert.style.d.ts +2 -0
- package/dist/components/alert/alert.style.d.ts.map +1 -0
- package/dist/components/avatar/avatar.d.ts +75 -0
- package/dist/components/avatar/avatar.d.ts.map +1 -0
- package/dist/components/avatar/avatar.style.d.ts +2 -0
- package/dist/components/avatar/avatar.style.d.ts.map +1 -0
- package/dist/components/badge/badge.d.ts +46 -0
- package/dist/components/badge/badge.d.ts.map +1 -0
- package/dist/components/badge/badge.style.d.ts +2 -0
- package/dist/components/badge/badge.style.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +110 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.style.d.ts +2 -0
- package/dist/components/breadcrumb/breadcrumb.style.d.ts.map +1 -0
- package/dist/components/button/button.d.ts +19 -0
- package/dist/components/button/button.d.ts.map +1 -0
- package/dist/components/button/button.style.d.ts +2 -0
- package/dist/components/button/button.style.d.ts.map +1 -0
- package/dist/components/card/card.d.ts +62 -0
- package/dist/components/card/card.d.ts.map +1 -0
- package/dist/components/card/card.style.d.ts +2 -0
- package/dist/components/card/card.style.d.ts.map +1 -0
- package/dist/components/checkbox/checkbox.d.ts +89 -0
- package/dist/components/checkbox/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox/checkbox.style.d.ts +2 -0
- package/dist/components/checkbox/checkbox.style.d.ts.map +1 -0
- package/dist/components/color-picker/color-picker.d.ts +366 -0
- package/dist/components/color-picker/color-picker.d.ts.map +1 -0
- package/dist/components/color-picker/color-picker.style.d.ts +14 -0
- package/dist/components/color-picker/color-picker.style.d.ts.map +1 -0
- package/dist/components/color-picker/color-picker.utils.d.ts +100 -0
- package/dist/components/color-picker/color-picker.utils.d.ts.map +1 -0
- package/dist/components/combobox/combobox.d.ts +74 -0
- package/dist/components/combobox/combobox.d.ts.map +1 -0
- package/dist/components/combobox/combobox.style.d.ts +2 -0
- package/dist/components/combobox/combobox.style.d.ts.map +1 -0
- package/dist/components/date-picker/date-picker.d.ts +65 -0
- package/dist/components/date-picker/date-picker.d.ts.map +1 -0
- package/dist/components/date-picker/date-picker.style.d.ts +2 -0
- package/dist/components/date-picker/date-picker.style.d.ts.map +1 -0
- package/dist/components/divider/divider.d.ts +54 -0
- package/dist/components/divider/divider.d.ts.map +1 -0
- package/dist/components/divider/divider.style.d.ts +2 -0
- package/dist/components/divider/divider.style.d.ts.map +1 -0
- package/dist/components/drawer/drawer.d.ts +113 -0
- package/dist/components/drawer/drawer.d.ts.map +1 -0
- package/dist/components/drawer/drawer.style.d.ts +2 -0
- package/dist/components/drawer/drawer.style.d.ts.map +1 -0
- package/dist/components/dropdown/dropdown.d.ts +80 -0
- package/dist/components/dropdown/dropdown.d.ts.map +1 -0
- package/dist/components/dropdown/dropdown.style.d.ts +2 -0
- package/dist/components/dropdown/dropdown.style.d.ts.map +1 -0
- package/dist/components/file-upload/file-upload.d.ts +116 -0
- package/dist/components/file-upload/file-upload.d.ts.map +1 -0
- package/dist/components/file-upload/file-upload.style.d.ts +2 -0
- package/dist/components/file-upload/file-upload.style.d.ts.map +1 -0
- package/dist/components/heading/heading.d.ts +46 -0
- package/dist/components/heading/heading.d.ts.map +1 -0
- package/dist/components/heading/heading.style.d.ts +2 -0
- package/dist/components/heading/heading.style.d.ts.map +1 -0
- package/dist/components/icon/icon.d.ts +57 -0
- package/dist/components/icon/icon.d.ts.map +1 -0
- package/dist/components/icon/icon.style.d.ts +2 -0
- package/dist/components/icon/icon.style.d.ts.map +1 -0
- package/dist/components/icon/icons/registry.generated.d.ts +25 -0
- package/dist/components/icon/icons/registry.generated.d.ts.map +1 -0
- package/dist/components/index.d.ts +45 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/input/input.d.ts +56 -0
- package/dist/components/input/input.d.ts.map +1 -0
- package/dist/components/input/input.style.d.ts +2 -0
- package/dist/components/input/input.style.d.ts.map +1 -0
- package/dist/components/link/link.d.ts +62 -0
- package/dist/components/link/link.d.ts.map +1 -0
- package/dist/components/link/link.style.d.ts +2 -0
- package/dist/components/link/link.style.d.ts.map +1 -0
- package/dist/components/menu/menu.d.ts +86 -0
- package/dist/components/menu/menu.d.ts.map +1 -0
- package/dist/components/menu/menu.style.d.ts +2 -0
- package/dist/components/menu/menu.style.d.ts.map +1 -0
- package/dist/components/modal/modal.d.ts +40 -0
- package/dist/components/modal/modal.d.ts.map +1 -0
- package/dist/components/modal/modal.style.d.ts +2 -0
- package/dist/components/modal/modal.style.d.ts.map +1 -0
- package/dist/components/multi-select/multi-select.d.ts +69 -0
- package/dist/components/multi-select/multi-select.d.ts.map +1 -0
- package/dist/components/multi-select/multi-select.style.d.ts +2 -0
- package/dist/components/multi-select/multi-select.style.d.ts.map +1 -0
- package/dist/components/notification/notification.d.ts +102 -0
- package/dist/components/notification/notification.d.ts.map +1 -0
- package/dist/components/notification/notification.style.d.ts +2 -0
- package/dist/components/notification/notification.style.d.ts.map +1 -0
- package/dist/components/number-input/number-input.d.ts +139 -0
- package/dist/components/number-input/number-input.d.ts.map +1 -0
- package/dist/components/number-input/number-input.style.d.ts +2 -0
- package/dist/components/number-input/number-input.style.d.ts.map +1 -0
- package/dist/components/pagination/pagination.d.ts +49 -0
- package/dist/components/pagination/pagination.d.ts.map +1 -0
- package/dist/components/pagination/pagination.style.d.ts +2 -0
- package/dist/components/pagination/pagination.style.d.ts.map +1 -0
- package/dist/components/popover/popover.d.ts +153 -0
- package/dist/components/popover/popover.d.ts.map +1 -0
- package/dist/components/popover/popover.style.d.ts +2 -0
- package/dist/components/popover/popover.style.d.ts.map +1 -0
- package/dist/components/progress/progress.d.ts +50 -0
- package/dist/components/progress/progress.d.ts.map +1 -0
- package/dist/components/progress/progress.style.d.ts +2 -0
- package/dist/components/progress/progress.style.d.ts.map +1 -0
- package/dist/components/radio/radio.d.ts +95 -0
- package/dist/components/radio/radio.d.ts.map +1 -0
- package/dist/components/radio/radio.style.d.ts +2 -0
- package/dist/components/radio/radio.style.d.ts.map +1 -0
- package/dist/components/select/select.d.ts +49 -0
- package/dist/components/select/select.d.ts.map +1 -0
- package/dist/components/select/select.style.d.ts +2 -0
- package/dist/components/select/select.style.d.ts.map +1 -0
- package/dist/components/skeleton/skeleton.d.ts +50 -0
- package/dist/components/skeleton/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton/skeleton.style.d.ts +2 -0
- package/dist/components/skeleton/skeleton.style.d.ts.map +1 -0
- package/dist/components/slider/slider.d.ts +115 -0
- package/dist/components/slider/slider.d.ts.map +1 -0
- package/dist/components/slider/slider.style.d.ts +2 -0
- package/dist/components/slider/slider.style.d.ts.map +1 -0
- package/dist/components/spinner/spinner.d.ts +36 -0
- package/dist/components/spinner/spinner.d.ts.map +1 -0
- package/dist/components/spinner/spinner.style.d.ts +2 -0
- package/dist/components/spinner/spinner.style.d.ts.map +1 -0
- package/dist/components/stepper/stepper.d.ts +228 -0
- package/dist/components/stepper/stepper.d.ts.map +1 -0
- package/dist/components/stepper/stepper.style.d.ts +2 -0
- package/dist/components/stepper/stepper.style.d.ts.map +1 -0
- package/dist/components/switch/switch.d.ts +90 -0
- package/dist/components/switch/switch.d.ts.map +1 -0
- package/dist/components/switch/switch.style.d.ts +2 -0
- package/dist/components/switch/switch.style.d.ts.map +1 -0
- package/dist/components/table/table.d.ts +176 -0
- package/dist/components/table/table.d.ts.map +1 -0
- package/dist/components/table/table.style.d.ts +2 -0
- package/dist/components/table/table.style.d.ts.map +1 -0
- package/dist/components/tabs/tabs.d.ts +124 -0
- package/dist/components/tabs/tabs.d.ts.map +1 -0
- package/dist/components/tabs/tabs.style.d.ts +2 -0
- package/dist/components/tabs/tabs.style.d.ts.map +1 -0
- package/dist/components/tag/tag.d.ts +64 -0
- package/dist/components/tag/tag.d.ts.map +1 -0
- package/dist/components/tag/tag.style.d.ts +2 -0
- package/dist/components/tag/tag.style.d.ts.map +1 -0
- package/dist/components/text/text.d.ts +86 -0
- package/dist/components/text/text.d.ts.map +1 -0
- package/dist/components/text/text.style.d.ts +2 -0
- package/dist/components/text/text.style.d.ts.map +1 -0
- package/dist/components/textarea/textarea.d.ts +94 -0
- package/dist/components/textarea/textarea.d.ts.map +1 -0
- package/dist/components/textarea/textarea.style.d.ts +2 -0
- package/dist/components/textarea/textarea.style.d.ts.map +1 -0
- package/dist/components/time-picker/time-picker.d.ts +51 -0
- package/dist/components/time-picker/time-picker.d.ts.map +1 -0
- package/dist/components/time-picker/time-picker.style.d.ts +2 -0
- package/dist/components/time-picker/time-picker.style.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip.d.ts +52 -0
- package/dist/components/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip.style.d.ts +2 -0
- package/dist/components/tooltip/tooltip.style.d.ts.map +1 -0
- package/dist/components/tree/tree.d.ts +188 -0
- package/dist/components/tree/tree.d.ts.map +1 -0
- package/dist/components/tree/tree.style.d.ts +2 -0
- package/dist/components/tree/tree.style.d.ts.map +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +17802 -0
- package/dist/index.js.map +1 -0
- package/dist/utilities/boolean-converter.d.ts +23 -0
- package/dist/utilities/boolean-converter.d.ts.map +1 -0
- package/dist/utilities/debounce.d.ts +12 -0
- package/dist/utilities/debounce.d.ts.map +1 -0
- package/dist/utilities/index.d.ts +5 -0
- package/dist/utilities/index.d.ts.map +1 -0
- package/dist/utilities/memoize.d.ts +7 -0
- package/dist/utilities/memoize.d.ts.map +1 -0
- package/dist/utilities/throttle.d.ts +12 -0
- package/dist/utilities/throttle.d.ts.map +1 -0
- package/package.json +93 -0
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export { BpButton } from './button/button.js';
|
|
2
|
+
export { BpInput } from './input/input.js';
|
|
3
|
+
export { BpBadge } from './badge/badge.js';
|
|
4
|
+
export { BpIcon, type IconSize, type IconColor } from './icon/icon.js';
|
|
5
|
+
export { BpSpinner, type SpinnerSize, type SpinnerVariant, } from './spinner/spinner.js';
|
|
6
|
+
export { BpAvatar, type AvatarSize, type AvatarShape, type AvatarStatus, } from './avatar/avatar.js';
|
|
7
|
+
export { BpDivider, type DividerOrientation, type DividerSpacing, type DividerVariant, type DividerColor, type DividerWeight, } from './divider/divider.js';
|
|
8
|
+
export { BpLink, type LinkVariant, type LinkUnderline, type LinkSize, } from './link/link.js';
|
|
9
|
+
export { BpHeading } from './heading/heading.js';
|
|
10
|
+
export { BpText } from './text/text.js';
|
|
11
|
+
export { BpCheckbox } from './checkbox/checkbox.js';
|
|
12
|
+
export { BpRadio } from './radio/radio.js';
|
|
13
|
+
export { BpSwitch } from './switch/switch.js';
|
|
14
|
+
export { BpTooltip, type TooltipPlacement } from './tooltip/tooltip.js';
|
|
15
|
+
export { BpProgress, type ProgressVariant, type ProgressSize, } from './progress/progress.js';
|
|
16
|
+
export { BpCard, type CardVariant, type CardDirection } from './card/card.js';
|
|
17
|
+
export { BpAlert, type AlertVariant } from './alert/alert.js';
|
|
18
|
+
export { BpSelect, type SelectSize } from './select/select.js';
|
|
19
|
+
export { BpTextarea } from './textarea/textarea.js';
|
|
20
|
+
export { BpTag } from './tag/tag.js';
|
|
21
|
+
export { BpModal, type ModalSize } from './modal/modal.js';
|
|
22
|
+
export { BpMultiSelect, type MultiSelectOption, type MultiSelectSize, type MultiSelectVariant, } from './multi-select/multi-select.js';
|
|
23
|
+
export { BpCombobox, type ComboboxOption, type ComboboxSize, type ComboboxVariant, } from './combobox/combobox.js';
|
|
24
|
+
export { BpDatePicker, type DatePickerSize, } from './date-picker/date-picker.js';
|
|
25
|
+
export { BpTimePicker, type TimePickerSize, type TimeFormat, } from './time-picker/time-picker.js';
|
|
26
|
+
export { BpSlider, type SliderSize } from './slider/slider.js';
|
|
27
|
+
export { BpNumberInput } from './number-input/number-input.js';
|
|
28
|
+
export type { NumberInputSize, NumberInputVariant, } from './number-input/number-input.js';
|
|
29
|
+
export { BpFileUpload } from './file-upload/file-upload.js';
|
|
30
|
+
export type { FileInfo } from './file-upload/file-upload.js';
|
|
31
|
+
export { BpTabs, BpTabPanel, type TabsSize, type TabsVariant, type TabsPlacement, type TabItem, } from './tabs/tabs.js';
|
|
32
|
+
export { BpBreadcrumb, BpBreadcrumbItem, type BreadcrumbSize, type BreadcrumbSeparator, type BreadcrumbItem, } from './breadcrumb/breadcrumb.js';
|
|
33
|
+
export { BpPagination } from './pagination/pagination.js';
|
|
34
|
+
export { BpMenu } from './menu/menu.js';
|
|
35
|
+
export { BpDropdown } from './dropdown/dropdown.js';
|
|
36
|
+
export { BpSkeleton } from './skeleton/skeleton.js';
|
|
37
|
+
export { BpNotification } from './notification/notification.js';
|
|
38
|
+
export { BpAccordion } from './accordion/accordion.js';
|
|
39
|
+
export { BpTable } from './table/table.js';
|
|
40
|
+
export { BpTree } from './tree/tree.js';
|
|
41
|
+
export { BpDrawer, type DrawerPlacement, type DrawerSize, } from './drawer/drawer.js';
|
|
42
|
+
export { BpPopover, type PopoverPlacement, type PopoverTrigger, } from './popover/popover.js';
|
|
43
|
+
export { BpColorPicker } from './color-picker/color-picker.js';
|
|
44
|
+
export { BpStepper } from './stepper/stepper.js';
|
|
45
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export type InputVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
|
|
3
|
+
export type InputSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
|
|
5
|
+
export type InputModeType = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
|
|
6
|
+
export type AutocompleteType = 'on' | 'off' | 'name' | 'email' | 'username' | 'new-password' | 'current-password' | 'tel' | 'url' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'organization' | 'organization-title';
|
|
7
|
+
export declare class BpInput extends LitElement {
|
|
8
|
+
variant: InputVariant;
|
|
9
|
+
size: InputSize;
|
|
10
|
+
type: InputType;
|
|
11
|
+
value: string;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
label?: string;
|
|
14
|
+
helperText?: string;
|
|
15
|
+
errorMessage?: string;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
required: boolean;
|
|
18
|
+
readonly: boolean;
|
|
19
|
+
name?: string;
|
|
20
|
+
autocomplete?: AutocompleteType;
|
|
21
|
+
minlength?: number;
|
|
22
|
+
maxlength?: number;
|
|
23
|
+
pattern?: string;
|
|
24
|
+
step?: number;
|
|
25
|
+
min?: number;
|
|
26
|
+
max?: number;
|
|
27
|
+
inputmode?: InputModeType;
|
|
28
|
+
private inputElement?;
|
|
29
|
+
private debouncedDispatchInput;
|
|
30
|
+
static styles: import("lit").CSSResult[];
|
|
31
|
+
disconnectedCallback(): void;
|
|
32
|
+
private handleInput;
|
|
33
|
+
private handleChange;
|
|
34
|
+
private handleFocus;
|
|
35
|
+
private handleBlur;
|
|
36
|
+
/**
|
|
37
|
+
* Focuses the input element
|
|
38
|
+
*/
|
|
39
|
+
focus(): void;
|
|
40
|
+
/**
|
|
41
|
+
* Blurs the input element
|
|
42
|
+
*/
|
|
43
|
+
blur(): void;
|
|
44
|
+
/**
|
|
45
|
+
* Selects the text in the input
|
|
46
|
+
*/
|
|
47
|
+
select(): void;
|
|
48
|
+
private get messageId();
|
|
49
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
50
|
+
}
|
|
51
|
+
declare global {
|
|
52
|
+
interface HTMLElementTagNameMap {
|
|
53
|
+
'bp-input': BpInput;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../source/components/input/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAOhD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAChF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,OAAO,GACP,UAAU,GACV,QAAQ,GACR,KAAK,GACL,KAAK,GACL,QAAQ,CAAC;AAEb,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,gBAAgB,GACxB,IAAI,GACJ,KAAK,GACL,MAAM,GACN,OAAO,GACP,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,KAAK,GACL,KAAK,GACL,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,QAAQ,GACR,cAAc,GACd,aAAa,GACb,QAAQ,GACR,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GACpB,UAAU,GACV,MAAM,GACN,UAAU,GACV,YAAY,GACZ,WAAW,GACX,KAAK,GACL,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,WAAW,GACX,eAAe,GACf,cAAc,GACd,oBAAoB,CAAC;AAEzB,qBACa,OAAQ,SAAQ,UAAU;IACM,OAAO,EAAE,YAAY,CAAa;IAClC,IAAI,EAAE,SAAS,CAAQ;IACvB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,EAAE,MAAM,CAAM;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAS;IAC1B,QAAQ,EAAE,OAAO,CAAS;IAC1B,QAAQ,EAAE,OAAO,CAAS;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,aAAa,CAAC;IAErD,OAAO,CAAC,YAAY,CAAC,CAAmB;IAExD,OAAO,CAAC,sBAAsB,CAW5B;IAEF,MAAM,CAAC,MAAM,4BAAiB;IAE9B,oBAAoB;IAKpB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAWlB;;OAEG;IACI,KAAK;IAIZ;;OAEG;IACI,IAAI;IAIX;;OAEG;IACI,MAAM;IAIb,OAAO,KAAK,SAAS,GAMpB;IAED,MAAM;CA+DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.style.d.ts","sourceRoot":"","sources":["../../../source/components/input/input.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBA2JvB,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export type LinkVariant = 'default' | 'primary' | 'muted';
|
|
3
|
+
export type LinkUnderline = 'always' | 'hover' | 'none';
|
|
4
|
+
export type LinkSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
/**
|
|
6
|
+
* A link component that provides styled anchor elements with variants.
|
|
7
|
+
* Supports internal and external links with accessibility features.
|
|
8
|
+
*/
|
|
9
|
+
export declare class BpLink extends LitElement {
|
|
10
|
+
/**
|
|
11
|
+
* The URL the link points to.
|
|
12
|
+
* @type {string}
|
|
13
|
+
* @default ''
|
|
14
|
+
*/
|
|
15
|
+
href: string;
|
|
16
|
+
/**
|
|
17
|
+
* Where to display the linked URL (same semantics as anchor target).
|
|
18
|
+
* @type {string}
|
|
19
|
+
* @default ''
|
|
20
|
+
*/
|
|
21
|
+
target: string;
|
|
22
|
+
/**
|
|
23
|
+
* Relationship of the linked URL (same semantics as anchor rel).
|
|
24
|
+
* @type {string}
|
|
25
|
+
* @default ''
|
|
26
|
+
*/
|
|
27
|
+
rel: string;
|
|
28
|
+
/**
|
|
29
|
+
* Visual variant of the link.
|
|
30
|
+
* @type {'default' | 'primary' | 'muted'}
|
|
31
|
+
* @default 'default'
|
|
32
|
+
*/
|
|
33
|
+
variant: LinkVariant;
|
|
34
|
+
/**
|
|
35
|
+
* Underline style for the link.
|
|
36
|
+
* @type {'always' | 'hover' | 'none'}
|
|
37
|
+
* @default 'hover'
|
|
38
|
+
*/
|
|
39
|
+
underline: LinkUnderline;
|
|
40
|
+
/**
|
|
41
|
+
* Size of the link text.
|
|
42
|
+
* @type {'sm' | 'md' | 'lg'}
|
|
43
|
+
* @default 'md'
|
|
44
|
+
*/
|
|
45
|
+
size: LinkSize;
|
|
46
|
+
/**
|
|
47
|
+
* Whether the link is disabled.
|
|
48
|
+
* @type {boolean}
|
|
49
|
+
* @default false
|
|
50
|
+
*/
|
|
51
|
+
disabled: boolean;
|
|
52
|
+
static styles: import("lit").CSSResult[];
|
|
53
|
+
constructor();
|
|
54
|
+
private handleClick;
|
|
55
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
56
|
+
}
|
|
57
|
+
declare global {
|
|
58
|
+
interface HTMLElementTagNameMap {
|
|
59
|
+
'bp-link': BpLink;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../source/components/link/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACxD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C;;;GAGG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC;;;;OAIG;IACgD,IAAI,EAAE,MAAM,CAAC;IAEhE;;;;OAIG;IACgD,MAAM,EAAE,MAAM,CAAC;IAElE;;;;OAIG;IACgD,GAAG,EAAE,MAAM,CAAC;IAE/D;;;;OAIG;IACgD,OAAO,EAAE,WAAW,CAAC;IAExE;;;;OAIG;IACgD,SAAS,EAAE,aAAa,CAAC;IAE5E;;;;OAIG;IACgD,IAAI,EAAE,QAAQ,CAAC;IAElE;;;;OAIG;IACiD,QAAQ,EAAE,OAAO,CAAC;IAEtE,MAAM,CAAC,MAAM,4BAAgB;;IAa7B,OAAO,CAAC,WAAW;IAMnB,MAAM;CAoBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.style.d.ts","sourceRoot":"","sources":["../../../source/components/link/link.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAoHtB,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export type MenuSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
/**
|
|
4
|
+
* A menu container component for displaying a list of actions or options.
|
|
5
|
+
*
|
|
6
|
+
* @fires bp-menu-select - Dispatched when a menu item is selected
|
|
7
|
+
*
|
|
8
|
+
* @slot - Menu items (bp-menu-item, bp-menu-divider)
|
|
9
|
+
*
|
|
10
|
+
* @csspart container - The menu container element
|
|
11
|
+
*/
|
|
12
|
+
export declare class BpMenu extends LitElement {
|
|
13
|
+
/** Size variant for all menu items */
|
|
14
|
+
size: MenuSize;
|
|
15
|
+
/** Current focused item index for keyboard navigation */
|
|
16
|
+
private focusedIndex;
|
|
17
|
+
static styles: import("lit").CSSResult[];
|
|
18
|
+
constructor();
|
|
19
|
+
private handleFocusIn;
|
|
20
|
+
connectedCallback(): void;
|
|
21
|
+
disconnectedCallback(): void;
|
|
22
|
+
/**
|
|
23
|
+
* Gets all non-divider menu items from the default slot.
|
|
24
|
+
* @returns Array of bp-menu-item elements
|
|
25
|
+
*/
|
|
26
|
+
private get menuItems();
|
|
27
|
+
/**
|
|
28
|
+
* Handles keyboard navigation within the menu.
|
|
29
|
+
* Supports ArrowDown, ArrowUp, Home, and End keys.
|
|
30
|
+
*/
|
|
31
|
+
private handleKeyDown;
|
|
32
|
+
private handleSlotChange;
|
|
33
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* A menu item component for use within bp-menu.
|
|
37
|
+
*
|
|
38
|
+
* @fires bp-select - Dispatched when the item is selected
|
|
39
|
+
*
|
|
40
|
+
* @slot - Item label content
|
|
41
|
+
* @slot prefix - Content before the label (typically an icon)
|
|
42
|
+
* @slot suffix - Content after the label (typically a shortcut or arrow)
|
|
43
|
+
*
|
|
44
|
+
* @csspart base - The menu item container
|
|
45
|
+
* @csspart prefix - The prefix slot container
|
|
46
|
+
* @csspart label - The label container
|
|
47
|
+
* @csspart suffix - The suffix slot container
|
|
48
|
+
*/
|
|
49
|
+
export declare class BpMenuItem extends LitElement {
|
|
50
|
+
/** The value associated with this menu item */
|
|
51
|
+
value: string;
|
|
52
|
+
/** Whether the item is disabled */
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
/** Whether the item is selected/active */
|
|
55
|
+
selected: boolean;
|
|
56
|
+
/** Whether the item has a submenu */
|
|
57
|
+
hasSubmenu: boolean;
|
|
58
|
+
/** Size variant (inherited from parent menu) */
|
|
59
|
+
size: MenuSize;
|
|
60
|
+
/** Keyboard shortcut hint to display */
|
|
61
|
+
shortcut: string;
|
|
62
|
+
static styles: import("lit").CSSResult[];
|
|
63
|
+
constructor();
|
|
64
|
+
focus(): void;
|
|
65
|
+
private handleActivate;
|
|
66
|
+
private handleClick;
|
|
67
|
+
private handleKeyDown;
|
|
68
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
69
|
+
}
|
|
70
|
+
/**
|
|
71
|
+
* A divider for visually separating menu items.
|
|
72
|
+
*
|
|
73
|
+
* @csspart divider - The divider element
|
|
74
|
+
*/
|
|
75
|
+
export declare class BpMenuDivider extends LitElement {
|
|
76
|
+
static styles: import("lit").CSSResult[];
|
|
77
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
78
|
+
}
|
|
79
|
+
declare global {
|
|
80
|
+
interface HTMLElementTagNameMap {
|
|
81
|
+
'bp-menu': BpMenu;
|
|
82
|
+
'bp-menu-item': BpMenuItem;
|
|
83
|
+
'bp-menu-divider': BpMenuDivider;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../source/components/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAIhD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,sCAAsC;IACF,IAAI,EAAE,QAAQ,CAAC;IAEnD,yDAAyD;IAChD,OAAO,CAAC,YAAY,CAAM;IAEnC,MAAM,CAAC,MAAM,4BAAgB;;IAO7B,OAAO,CAAC,aAAa,CAInB;IAEF,iBAAiB;IAKjB,oBAAoB;IAKpB;;;OAGG;IACH,OAAO,KAAK,SAAS,GAMpB;IAED;;;OAGG;IACH,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,gBAAgB;IAOxB,MAAM;CAYP;AAED;;;;;;;;;;;;;GAaG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,+CAA+C;IACX,KAAK,EAAE,MAAM,CAAC;IAElD,mCAAmC;IACE,QAAQ,EAAE,OAAO,CAAC;IAEvD,0CAA0C;IACL,QAAQ,EAAE,OAAO,CAAC;IAEvD,qCAAqC;IAE7B,UAAU,EAAE,OAAO,CAAC;IAE5B,gDAAgD;IACZ,IAAI,EAAE,QAAQ,CAAC;IAEnD,wCAAwC;IACJ,QAAQ,EAAE,MAAM,CAAC;IAErD,MAAM,CAAC,MAAM,4BAAgB;;IAY7B,KAAK;IAKL,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,aAAa;IAOrB,MAAM;CAgCP;AAED;;;;GAIG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BAAgB;IAE7B,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,UAAU,CAAC;QAC3B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.style.d.ts","sourceRoot":"","sources":["../../../source/components/menu/menu.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA8JtB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export type ModalSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export declare class BpModal extends LitElement {
|
|
4
|
+
/** Whether the modal is currently open */
|
|
5
|
+
open: boolean;
|
|
6
|
+
/** Size variant of the modal */
|
|
7
|
+
size: ModalSize;
|
|
8
|
+
/** ID for aria-labelledby attribute - should match header content */
|
|
9
|
+
ariaLabelledby: string;
|
|
10
|
+
/** Dialog element reference for focus management */
|
|
11
|
+
private dialogElement;
|
|
12
|
+
/** Store the element that had focus before modal opened */
|
|
13
|
+
private previouslyFocusedElement;
|
|
14
|
+
/** Track if body scroll is prevented */
|
|
15
|
+
private bodyScrollPrevented;
|
|
16
|
+
static styles: import("lit").CSSResult[];
|
|
17
|
+
constructor();
|
|
18
|
+
connectedCallback(): void;
|
|
19
|
+
disconnectedCallback(): void;
|
|
20
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
21
|
+
private handleOpen;
|
|
22
|
+
private handleClose;
|
|
23
|
+
private preventBodyScroll;
|
|
24
|
+
private restoreBodyScroll;
|
|
25
|
+
private setFocusToDialog;
|
|
26
|
+
private restoreFocus;
|
|
27
|
+
private handleKeyDown;
|
|
28
|
+
private trapFocus;
|
|
29
|
+
private getFocusableElements;
|
|
30
|
+
private handleBackdropClick;
|
|
31
|
+
private handleCloseButtonClick;
|
|
32
|
+
private close;
|
|
33
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
34
|
+
}
|
|
35
|
+
declare global {
|
|
36
|
+
interface HTMLElementTagNameMap {
|
|
37
|
+
'bp-modal': BpModal;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../source/components/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,qBACa,OAAQ,SAAQ,UAAU;IACrC,0CAA0C;IACU,IAAI,EAAE,OAAO,CAAC;IAElE,gCAAgC;IACmB,IAAI,EAAE,SAAS,CAAC;IAEnE,qEAAqE;IAE7D,cAAc,EAAE,MAAM,CAAC;IAE/B,oDAAoD;IAC5B,OAAO,CAAC,aAAa,CAAe;IAE5D,2DAA2D;IAClD,OAAO,CAAC,wBAAwB,CAA4B;IAErE,wCAAwC;IAC/B,OAAO,CAAC,mBAAmB,CAAS;IAE7C,MAAM,CAAC,MAAM,4BAAiB;;IAS9B,iBAAiB;IAKjB,oBAAoB;IAOpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU/C,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa,CAUnB;IAEF,OAAO,CAAC,SAAS;IAsBjB,OAAO,CAAC,oBAAoB;IAkB5B,OAAO,CAAC,mBAAmB,CAKzB;IAEF,OAAO,CAAC,sBAAsB,CAE5B;IAEF,OAAO,CAAC,KAAK;IAUb,MAAM;CA2DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.style.d.ts","sourceRoot":"","sources":["../../../source/components/modal/modal.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBA8JvB,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export type MultiSelectSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type MultiSelectVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
|
|
4
|
+
export interface MultiSelectOption {
|
|
5
|
+
value: string;
|
|
6
|
+
label: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class BpMultiSelect extends LitElement {
|
|
9
|
+
/** The current selected values as an array */
|
|
10
|
+
value: string[];
|
|
11
|
+
/** Name attribute for form submission */
|
|
12
|
+
name: string;
|
|
13
|
+
/** Placeholder text when no values are selected */
|
|
14
|
+
placeholder: string;
|
|
15
|
+
/** Whether the multi-select is disabled */
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
/** Whether the multi-select is required */
|
|
18
|
+
required: boolean;
|
|
19
|
+
/** Size variant of the multi-select */
|
|
20
|
+
size: MultiSelectSize;
|
|
21
|
+
/** Visual variant for validation states */
|
|
22
|
+
variant: MultiSelectVariant;
|
|
23
|
+
/** Maximum number of selections allowed (0 = unlimited) */
|
|
24
|
+
maxSelections: number;
|
|
25
|
+
/** Whether to show a clear all button */
|
|
26
|
+
clearable: boolean;
|
|
27
|
+
/** Whether the dropdown is currently open */
|
|
28
|
+
private isOpen;
|
|
29
|
+
/** Index of the focused option for keyboard navigation */
|
|
30
|
+
private focusedIndex;
|
|
31
|
+
/** Cached options from slotted elements */
|
|
32
|
+
private cachedOptions;
|
|
33
|
+
/**
|
|
34
|
+
* Memoized label lookup map for efficient tag rendering.
|
|
35
|
+
* Only recomputes when cachedOptions reference changes.
|
|
36
|
+
*/
|
|
37
|
+
private computeLabelMap;
|
|
38
|
+
static styles: import("lit").CSSResult[];
|
|
39
|
+
constructor();
|
|
40
|
+
connectedCallback(): void;
|
|
41
|
+
disconnectedCallback(): void;
|
|
42
|
+
private handleDocumentClick;
|
|
43
|
+
private handleToggle;
|
|
44
|
+
private getOptions;
|
|
45
|
+
/**
|
|
46
|
+
* Handle slot changes by refreshing the cached options.
|
|
47
|
+
*/
|
|
48
|
+
private handleSlotChange;
|
|
49
|
+
/**
|
|
50
|
+
* Read the `selected` attribute from slotted <option> elements
|
|
51
|
+
* and set the initial value array if no values are already set.
|
|
52
|
+
*/
|
|
53
|
+
private initializeSelectedValues;
|
|
54
|
+
private isSelected;
|
|
55
|
+
private dispatchChangeEvent;
|
|
56
|
+
private handleOptionClick;
|
|
57
|
+
private handleRemoveTag;
|
|
58
|
+
private handleClearAll;
|
|
59
|
+
private handleKeyDown;
|
|
60
|
+
private getLabelForValue;
|
|
61
|
+
private renderDropdown;
|
|
62
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
63
|
+
}
|
|
64
|
+
declare global {
|
|
65
|
+
interface HTMLElementTagNameMap {
|
|
66
|
+
'bp-multi-select': BpMultiSelect;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=multi-select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../source/components/multi-select/multi-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAQhD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,aAAc,SAAQ,UAAU;IAC3C,8CAA8C;IACX,KAAK,EAAE,MAAM,EAAE,CAAC;IAEnD,yCAAyC;IACL,IAAI,EAAE,MAAM,CAAC;IAEjD,mDAAmD;IACf,WAAW,EAAE,MAAM,CAAC;IAExD,2CAA2C;IACS,QAAQ,EAAE,OAAO,CAAC;IAEtE,2CAA2C;IACS,QAAQ,EAAE,OAAO,CAAC;IAEtE,uCAAuC;IACY,IAAI,EAAE,eAAe,CAAC;IAEzE,2CAA2C;IAEnC,OAAO,EAAE,kBAAkB,CAAC;IAEpC,2DAA2D;IAEnD,aAAa,EAAE,MAAM,CAAC;IAE9B,yCAAyC;IACU,SAAS,EAAE,OAAO,CAAC;IAEtE,6CAA6C;IACpC,OAAO,CAAC,MAAM,CAAS;IAEhC,0DAA0D;IACjD,OAAO,CAAC,YAAY,CAAM;IAEnC,2CAA2C;IAClC,OAAO,CAAC,aAAa,CAA2B;IAEzD;;;OAGG;IACH,OAAO,CAAC,eAAe,CAQrB;IAEF,MAAM,CAAC,MAAM,4BAAuB;;IAepC,iBAAiB;IAYjB,oBAAoB;IAOpB,OAAO,CAAC,mBAAmB,CAKzB;IAEF,OAAO,CAAC,YAAY,CAOlB;IAEF,OAAO,CAAC,UAAU;IAalB;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAGtB;IAEF;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAiBhC,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,iBAAiB,CAsBvB;IAEF,OAAO,CAAC,eAAe,CAQrB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,aAAa,CA6CnB;IAEF,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,cAAc;IA+CtB,MAAM;CA0FP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-select.style.d.ts","sourceRoot":"","sources":["../../../source/components/multi-select/multi-select.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA4V7B,CAAC"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { LitElement, nothing } from 'lit';
|
|
2
|
+
import '../icon/icon.js';
|
|
3
|
+
/**
|
|
4
|
+
* A notification/toast component for displaying non-blocking messages.
|
|
5
|
+
* Notifications can be dismissed manually or auto-close after a duration.
|
|
6
|
+
*
|
|
7
|
+
* @fires bp-close - Dispatched when the notification is closed
|
|
8
|
+
* @fires bp-show - Dispatched when the notification becomes visible
|
|
9
|
+
* @fires bp-hide - Dispatched when the notification is hidden
|
|
10
|
+
*
|
|
11
|
+
* @slot - Default slot for notification content
|
|
12
|
+
* @slot icon - Custom icon to display
|
|
13
|
+
* @slot action - Action buttons or links
|
|
14
|
+
*
|
|
15
|
+
* @csspart base - The notification container
|
|
16
|
+
* @csspart icon - The icon container
|
|
17
|
+
* @csspart content - The content area
|
|
18
|
+
* @csspart message - The message text container
|
|
19
|
+
* @csspart action - The action slot container
|
|
20
|
+
* @csspart close-button - The close button
|
|
21
|
+
*/
|
|
22
|
+
export declare class BpNotification extends LitElement {
|
|
23
|
+
/** The notification variant */
|
|
24
|
+
variant: 'info' | 'success' | 'warning' | 'error';
|
|
25
|
+
/** Whether the notification is visible */
|
|
26
|
+
open: boolean;
|
|
27
|
+
/** Whether the notification can be dismissed */
|
|
28
|
+
closable: boolean;
|
|
29
|
+
/** Duration in milliseconds before auto-close (0 = no auto-close) */
|
|
30
|
+
duration: number;
|
|
31
|
+
/** Title of the notification */
|
|
32
|
+
title: string;
|
|
33
|
+
/** Message content of the notification */
|
|
34
|
+
message: string;
|
|
35
|
+
/**
|
|
36
|
+
* Position of the notification on screen.
|
|
37
|
+
* Note: For multiple notifications, consider using a container component.
|
|
38
|
+
*/
|
|
39
|
+
position: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
40
|
+
private autoCloseTimer;
|
|
41
|
+
private remainingTime;
|
|
42
|
+
private timerPaused;
|
|
43
|
+
private isExiting;
|
|
44
|
+
static styles: import("lit").CSSResult[];
|
|
45
|
+
constructor();
|
|
46
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
47
|
+
disconnectedCallback(): void;
|
|
48
|
+
/** Show the notification */
|
|
49
|
+
show(): void;
|
|
50
|
+
/** Hide the notification */
|
|
51
|
+
hide(): void;
|
|
52
|
+
/**
|
|
53
|
+
* Handles the notification opening.
|
|
54
|
+
* Dispatches bp-show event, starts auto-close timer, and manages focus.
|
|
55
|
+
*/
|
|
56
|
+
private handleOpen;
|
|
57
|
+
/**
|
|
58
|
+
* Handles the notification closing.
|
|
59
|
+
* Clears auto-close timer and dispatches bp-hide event.
|
|
60
|
+
*/
|
|
61
|
+
private handleClose;
|
|
62
|
+
/**
|
|
63
|
+
* Starts the auto-close timer based on the duration property.
|
|
64
|
+
* Timer can be paused/resumed with pauseAutoCloseTimer/resumeAutoCloseTimer.
|
|
65
|
+
*/
|
|
66
|
+
private startAutoCloseTimer;
|
|
67
|
+
/**
|
|
68
|
+
* Clears the auto-close timer if it exists.
|
|
69
|
+
*/
|
|
70
|
+
private clearAutoCloseTimer;
|
|
71
|
+
/**
|
|
72
|
+
* Pauses the auto-close timer when user hovers or focuses.
|
|
73
|
+
* Allows users to read content or interact with actions.
|
|
74
|
+
*/
|
|
75
|
+
private pauseAutoCloseTimer;
|
|
76
|
+
/**
|
|
77
|
+
* Resumes the auto-close timer with remaining time.
|
|
78
|
+
*/
|
|
79
|
+
private resumeAutoCloseTimer;
|
|
80
|
+
/**
|
|
81
|
+
* Handles close button click.
|
|
82
|
+
* Hides notification and dispatches bp-close event.
|
|
83
|
+
*/
|
|
84
|
+
private handleCloseClick;
|
|
85
|
+
/**
|
|
86
|
+
* Handles keyboard events.
|
|
87
|
+
* Closes notification on Escape key if closable.
|
|
88
|
+
*/
|
|
89
|
+
private handleKeydown;
|
|
90
|
+
/**
|
|
91
|
+
* Returns the default icon for the notification variant.
|
|
92
|
+
* Uses the bp-icon component for consistency with the design system.
|
|
93
|
+
*/
|
|
94
|
+
private getDefaultIcon;
|
|
95
|
+
render(): import("lit-html").TemplateResult<1> | typeof nothing;
|
|
96
|
+
}
|
|
97
|
+
declare global {
|
|
98
|
+
interface HTMLElementTagNameMap {
|
|
99
|
+
'bp-notification': BpNotification;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
//# sourceMappingURL=notification.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../source/components/notification/notification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAIhD,OAAO,iBAAiB,CAAC;AAEzB;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,+BAA+B;IAWvB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAE1D,0CAA0C;IACU,IAAI,EAAE,OAAO,CAAC;IAElE,gDAAgD;IAExC,QAAQ,EAAE,OAAO,CAAC;IAE1B,qEAAqE;IACjC,QAAQ,EAAE,MAAM,CAAC;IAErD,gCAAgC;IACI,KAAK,EAAE,MAAM,CAAC;IAElD,0CAA0C;IACN,OAAO,EAAE,MAAM,CAAC;IAEpD;;;OAGG;IAiBK,QAAQ,EACZ,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;IAEV,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,SAAS,CAAkB;IAE5C,MAAM,CAAC,MAAM,4BAAwB;;IAarC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAc/C,oBAAoB;IAKpB,4BAA4B;IAC5B,IAAI;IAKJ,4BAA4B;IAC5B,IAAI;IAKJ;;;OAGG;IACH,OAAO,CAAC,UAAU;IAkBlB;;;OAGG;IACH,OAAO,CAAC,WAAW;IAOnB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAW3B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAO3B;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAQ3B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAS5B;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAOxB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAMrB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAUtB,MAAM;CA4DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notification.style.d.ts","sourceRoot":"","sources":["../../../source/components/notification/notification.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAqN9B,CAAC"}
|