@trendyol/baklava
Version:
Trendyol Baklava Design System
1,585 lines • 98.8 kB
JSON
{
"schemaVersion": "1.0.0",
"readme": "",
"modules": [
{
"kind": "javascript-module",
"path": "src/components/alert/bl-alert.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "BlAlert",
"events": [
{
"type": {
"text": "CustomEvent<boolean>"
},
"description": "Fires when close button clicked.",
"name": "bl-close"
}
],
"attributes": [
{
"name": "variant",
"type": {
"text": "AlertVariant"
},
"default": "\"info\"",
"description": "Sets alert variant",
"fieldName": "variant"
},
{
"name": "description",
"type": {
"text": "string | undefined"
},
"description": "Sets alert description",
"fieldName": "description"
},
{
"name": "icon",
"type": {
"text": "boolean | BaklavaIcon | undefined"
},
"description": "Allows to customize alert icon",
"fieldName": "icon"
},
{
"name": "closable",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Displays a close button.",
"fieldName": "closable"
},
{
"name": "caption",
"type": {
"text": "string | undefined"
},
"description": "Sets alert caption.",
"fieldName": "caption"
},
{
"name": "closed",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets alert components display state.",
"fieldName": "closed"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-alert",
"summary": [
{
"name": "Baklava",
"description": "Alert component"
}
],
"jsDoc": "/**\n * @tag bl-alert\n * @summary Baklava Alert component\n */",
"tag": [
{
"name": "bl-alert",
"description": ""
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlAlert",
"module": "src/components/alert/bl-alert.ts"
}
},
{
"kind": "custom-element-definition",
"name": "bl-alert",
"declaration": {
"name": "BlAlert",
"module": "src/components/alert/bl-alert.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/badge/bl-badge.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "BlBadge",
"cssProperties": [
{
"description": "Sets the background color of badge",
"name": "--bl-badge-bg-color",
"default": "--bl-color-primary-contrast"
},
{
"description": "Sets the color of badge",
"name": "--bl-badge-color",
"default": "--bl-color-primary"
}
],
"attributes": [
{
"name": "size",
"type": {
"text": "BadgeSize"
},
"default": "\"medium\"",
"description": "Sets the badge size",
"fieldName": "size"
},
{
"name": "icon",
"type": {
"text": "BaklavaIcon | undefined"
},
"description": "Sets the name of the icon",
"fieldName": "icon"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-badge",
"summary": [
{
"name": "Baklava",
"description": "Badge component"
}
],
"jsDoc": "/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty [--bl-badge-bg-color=--bl-color-primary-contrast] Sets the background color of badge\n * @cssproperty [--bl-badge-color=--bl-color-primary] Sets the color of badge\n */",
"tag": [
{
"name": "bl-badge",
"description": ""
}
],
"cssproperty": [
{
"name": "--bl-badge-bg-color",
"description": "Sets the background color of badge"
},
{
"name": "--bl-badge-color",
"description": "Sets the color of badge"
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlBadge",
"module": "src/components/badge/bl-badge.ts"
}
},
{
"kind": "custom-element-definition",
"name": "bl-badge",
"declaration": {
"name": "BlBadge",
"module": "src/components/badge/bl-badge.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/button/bl-button.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "BlButton",
"cssProperties": [
{
"description": "Sets the display property of button",
"name": "--bl-button-display",
"default": "inline-block"
},
{
"description": "Sets the justify-content property of button",
"name": "--bl-button-justify",
"default": "center"
}
],
"events": [
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when button clicked",
"name": "bl-click"
}
],
"attributes": [
{
"name": "variant",
"type": {
"text": "ButtonVariant"
},
"default": "\"primary\"",
"description": "Sets the button variant",
"fieldName": "variant"
},
{
"name": "kind",
"type": {
"text": "ButtonKind"
},
"default": "\"default\"",
"description": "Sets the button kind",
"fieldName": "kind"
},
{
"name": "size",
"type": {
"text": "ButtonSize"
},
"default": "\"medium\"",
"description": "Sets the button size",
"fieldName": "size"
},
{
"name": "label",
"type": {
"text": "string"
},
"description": "Sets the button label. Used for accessibility.",
"fieldName": "label"
},
{
"name": "loading-label",
"type": {
"text": "string"
},
"description": "Sets the button label for loading status.",
"fieldName": "loadingLabel"
},
{
"name": "loading",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets loading state of button",
"fieldName": "loading"
},
{
"name": "disabled",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets button as disabled",
"fieldName": "disabled"
},
{
"name": "href",
"type": {
"text": "string | undefined"
},
"description": "Set link url. If set, button will be rendered as anchor tag.",
"fieldName": "href"
},
{
"name": "icon",
"type": {
"text": "BaklavaIcon | undefined"
},
"description": "Sets the icon name. Shows icon with bl-icon component",
"fieldName": "icon"
},
{
"name": "target",
"type": {
"text": "TargetType | undefined"
},
"default": "\"_self\"",
"description": "Sets the anchor target. Used when `href` is set.",
"fieldName": "target"
},
{
"name": "type",
"type": {
"text": "\"submit\""
},
"description": "Sets the type of the button. Set `submit` to use button as the submitter of parent form.",
"fieldName": "type"
},
{
"name": "dropdown",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets button type to dropdown",
"fieldName": "dropdown"
},
{
"name": "autofocus",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets button to get keyboard focus automatically",
"fieldName": "autofocus"
},
{
"name": "form",
"type": {
"text": "HTMLFormElement | string"
},
"description": "Sets the associated form of the button. Use when `type` is set to `submit` and button is not inside the target form.",
"fieldName": "form"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-button",
"summary": [
{
"name": "Baklava",
"description": "Button component"
}
],
"jsDoc": "/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-button-display=inline-block] Sets the display property of button\n * @cssproperty [--bl-button-justify=center] Sets the justify-content property of button\n *\n */",
"tag": [
{
"name": "bl-button",
"description": ""
}
],
"cssproperty": [
{
"name": "--bl-button-display",
"description": "Sets the display property of button"
},
{
"name": "--bl-button-justify",
"description": "Sets the justify-content property of button"
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlButton",
"module": "src/components/button/bl-button.ts"
}
},
{
"kind": "custom-element-definition",
"name": "bl-button",
"declaration": {
"name": "BlButton",
"module": "src/components/button/bl-button.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/checkbox-group/bl-checkbox-group.ts",
"declarations": [
{
"kind": "variable",
"name": "blCheckboxGroupTag",
"type": {
"text": "string"
},
"default": "\"bl-checkbox-group\""
},
{
"kind": "variable",
"name": "blChangeEventName",
"type": {
"text": "string"
},
"default": "\"bl-checkbox-group-change\""
},
{
"kind": "class",
"description": "",
"name": "BlCheckboxGroup",
"cssProperties": [
{
"description": "Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`",
"name": "--bl-checkbox-direction",
"default": "row"
}
],
"events": [
{
"type": {
"text": "CustomEvent<string[]>"
},
"description": "Fires when checkbox group value changed",
"name": "bl-checkbox-group-change"
}
],
"attributes": [
{
"name": "label",
"type": {
"text": "string"
},
"description": "Sets the checkbox group label",
"fieldName": "label"
},
{
"name": "value",
"type": {
"text": "string[]"
},
"default": "[]",
"description": "Set and gets the actual value of the field",
"fieldName": "value"
},
{
"name": "required",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets option as required",
"fieldName": "required"
}
],
"mixins": [
{
"name": "FormControlMixin",
"package": "@open-wc/form-control"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-checkbox-group",
"summary": [
{
"name": "Baklava",
"description": "Button component"
}
],
"jsDoc": "/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */",
"tag": [
{
"name": "bl-checkbox-group",
"description": ""
}
],
"cssproperty": [
{
"name": "--bl-checkbox-direction",
"description": "Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`"
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "blCheckboxGroupTag",
"declaration": {
"name": "blCheckboxGroupTag",
"module": "src/components/checkbox-group/bl-checkbox-group.ts"
}
},
{
"kind": "js",
"name": "blChangeEventName",
"declaration": {
"name": "blChangeEventName",
"module": "src/components/checkbox-group/bl-checkbox-group.ts"
}
},
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlCheckboxGroup",
"module": "src/components/checkbox-group/bl-checkbox-group.ts"
}
},
{
"kind": "custom-element-definition",
"declaration": {
"name": "BlCheckboxGroup",
"module": "src/components/checkbox-group/bl-checkbox-group.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/dialog/bl-dialog.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "BlDialog",
"events": [
{
"type": {
"text": "CustomEvent<object>"
},
"description": "Fires when the dialog is opened",
"name": "bl-dialog-open"
},
{
"type": {
"text": "CustomEvent<{\n source: \"close-button\" | \"keyboard\" | \"backdrop\";\n }>"
},
"description": "Fires before the dialog is closed with internal actions like clicking close button,\npressing Escape key or clicking backdrop. Can be prevented by calling `event.preventDefault()`",
"name": "bl-dialog-request-close"
},
{
"type": {
"text": "CustomEvent<object>"
},
"description": "Fires when the dialog is closed",
"name": "bl-dialog-close"
}
],
"attributes": [
{
"name": "open",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets dialog open-close status",
"fieldName": "open"
},
{
"name": "caption",
"type": {
"text": "string | undefined"
},
"description": "Sets the dialog title",
"fieldName": "caption"
},
{
"name": "polyfilled",
"type": {
"text": "boolean"
},
"default": "!window.HTMLDialogElement",
"description": "Determines if dialog currently uses polyfilled version instead of native HTML Dialog. By\ndefault, it uses native Dialog if the browser supports it, otherwise polyfills. You can force\nusing polyfill by setting this to true in some cases like to show some content on top of dialog\nin case you are not able to use Popover API. Be aware that, polyfilled version can cause some\ninconsistencies in terms of accessibility and stacking context. So use it with extra caution.",
"fieldName": "polyfilled"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-dialog",
"summary": [
{
"name": "Baklava",
"description": "Dialog component"
}
],
"jsDoc": "/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n */",
"tag": [
{
"name": "bl-dialog",
"description": ""
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlDialog",
"module": "src/components/dialog/bl-dialog.ts"
}
},
{
"kind": "custom-element-definition",
"name": "bl-dialog",
"declaration": {
"name": "BlDialog",
"module": "src/components/dialog/bl-dialog.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/drawer/bl-drawer.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "BlDrawer",
"cssProperties": [
{
"description": "Drawer slide in animation duration",
"name": "--bl-drawer-animation-duration",
"default": "250ms"
}
],
"events": [
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when the drawer is opened",
"name": "bl-drawer-open"
},
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when the drawer is closed",
"name": "bl-drawer-close"
}
],
"attributes": [
{
"name": "open",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets drawer open-close status",
"fieldName": "open"
},
{
"name": "caption",
"type": {
"text": "string | undefined"
},
"description": "Sets the drawer title",
"fieldName": "caption"
},
{
"name": "embed-url",
"type": {
"text": "string | undefined"
},
"description": "Sets the drawer embed url for iframe",
"fieldName": "embedUrl"
},
{
"name": "external-link",
"type": {
"text": "string | undefined"
},
"description": "Sets the drawer external link",
"fieldName": "externalLink"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-drawer",
"summary": [
{
"name": "Baklava",
"description": "Drawer component"
}
],
"jsDoc": "/**\n * @tag bl-drawer\n * @summary Baklava Drawer component\n *\n * @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration\n */",
"tag": [
{
"name": "bl-drawer",
"description": ""
}
],
"cssproperty": [
{
"name": "--bl-drawer-animation-duration",
"description": "Drawer slide in animation duration"
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlDrawer",
"module": "src/components/drawer/bl-drawer.ts"
}
},
{
"kind": "custom-element-definition",
"name": "bl-drawer",
"declaration": {
"name": "BlDrawer",
"module": "src/components/drawer/bl-drawer.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/dropdown/bl-dropdown.ts",
"declarations": [
{
"kind": "variable",
"name": "blDropdownTag",
"type": {
"text": "string"
},
"default": "\"bl-dropdown\""
},
{
"kind": "class",
"description": "",
"name": "BlDropdown",
"events": [
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when dropdown opened",
"name": "bl-dropdown-open"
},
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when dropdown closed",
"name": "bl-dropdown-close"
}
],
"attributes": [
{
"name": "label",
"type": {
"text": "string"
},
"default": "\"Dropdown Button\"",
"description": "Sets the dropdown button label",
"fieldName": "label"
},
{
"name": "variant",
"type": {
"text": "ButtonVariant"
},
"default": "\"primary\"",
"description": "Sets the dropdown button variant",
"fieldName": "variant"
},
{
"name": "kind",
"type": {
"text": "ButtonKind"
},
"default": "\"default\"",
"description": "Sets the dropdown button kind",
"fieldName": "kind"
},
{
"name": "size",
"type": {
"text": "ButtonSize"
},
"default": "\"medium\"",
"description": "Sets the dropdown button size",
"fieldName": "size"
},
{
"name": "disabled",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets button as disabled",
"fieldName": "disabled"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-dropdown",
"summary": [
{
"name": "Baklava",
"description": "Dropdown component"
}
],
"jsDoc": "/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */",
"tag": [
{
"name": "bl-dropdown",
"description": ""
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "blDropdownTag",
"declaration": {
"name": "blDropdownTag",
"module": "src/components/dropdown/bl-dropdown.ts"
}
},
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlDropdown",
"module": "src/components/dropdown/bl-dropdown.ts"
}
},
{
"kind": "custom-element-definition",
"declaration": {
"name": "BlDropdown",
"module": "src/components/dropdown/bl-dropdown.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/icon/bl-icon.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "BlIcon",
"cssProperties": [
{
"description": "Setting size of icon. Default is current font size in DOM place",
"name": "font-size"
},
{
"description": "Setting color of icon",
"name": "color",
"default": "currentColor"
}
],
"events": [
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when SVG icon loaded",
"name": "bl-load"
},
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when SVG icon failed to load",
"name": "bl-error"
}
],
"attributes": [
{
"name": "name",
"type": {
"text": "BaklavaIcon"
},
"description": "Name of the icon to show",
"fieldName": "name"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-icon",
"summary": [
{
"name": "Baklava",
"description": "Icon component"
}
],
"jsDoc": "/**\n * @tag bl-icon\n * @summary Baklava Icon component\n *\n * @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place\n * @cssproperty [color=currentColor] Setting color of icon\n */",
"tag": [
{
"name": "bl-icon",
"description": ""
}
],
"cssproperty": [
{
"name": "font-size",
"description": "Setting size of icon. Default is current font size in DOM place"
},
{
"name": "color",
"description": "Setting color of icon"
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlIcon",
"module": "src/components/icon/bl-icon.ts"
}
},
{
"kind": "custom-element-definition",
"name": "bl-icon",
"declaration": {
"name": "BlIcon",
"module": "src/components/icon/bl-icon.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/input/bl-input.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "BlInput",
"cssProperties": [
{
"description": "Sets the padding start",
"name": "--bl-input-padding-start"
},
{
"description": "Sets the padding end",
"name": "--bl-input-padding-end"
}
],
"events": [
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when an alteration to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.",
"name": "bl-change"
},
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when the value of an input element has been changed.",
"name": "bl-input"
},
{
"type": {
"text": "CustomEvent<ValidityState>"
},
"description": "Fires when the value of an input element has been changed.",
"name": "bl-invalid"
}
],
"attributes": [
{
"name": "name",
"type": {
"text": "string | undefined"
},
"description": "Sets name of the input",
"fieldName": "name"
},
{
"name": "type",
"type": {
"text": "InputType"
},
"default": "\"text\"",
"description": "Type of the input. It's used to set `type` attribute of native input inside.",
"fieldName": "type"
},
{
"name": "label",
"type": {
"text": "string | undefined"
},
"description": "Sets label of the input",
"fieldName": "label"
},
{
"name": "placeholder",
"type": {
"text": "string | undefined"
},
"description": "Sets placeholder of the input",
"fieldName": "placeholder"
},
{
"name": "value",
"type": {
"text": "string"
},
"default": "\"\"",
"description": "Sets initial value of the input",
"fieldName": "value"
},
{
"name": "required",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Makes input a mandatory field",
"fieldName": "required"
},
{
"name": "minlength",
"type": {
"text": "number | undefined"
},
"description": "Sets minimum length of the input",
"fieldName": "minlength"
},
{
"name": "maxlength",
"type": {
"text": "number | undefined"
},
"description": "Sets maximum length of the input",
"fieldName": "maxlength"
},
{
"name": "min",
"type": {
"text": "number | string | undefined"
},
"description": "Sets the minimum acceptable value for the input",
"fieldName": "min"
},
{
"name": "max",
"type": {
"text": "number | string | undefined"
},
"description": "Sets the maximum acceptable value for the input",
"fieldName": "max"
},
{
"name": "pattern",
"type": {
"text": "string | undefined"
},
"description": "Sets a regex pattern form the input validation",
"fieldName": "pattern"
},
{
"name": "step",
"type": {
"text": "number | undefined"
},
"description": "Sets the increase and decrease step to a `number` input",
"fieldName": "step"
},
{
"name": "autocomplete",
"type": {
"text": "string"
},
"description": "Hints browser to autocomplete this field.",
"fieldName": "autocomplete"
},
{
"name": "inputmode",
"type": {
"text": "\"none\" | \"text\" | \"decimal\" | \"numeric\" | \"tel\" | \"search\" | \"email\" | \"url\""
},
"description": "Sets the input mode of the field for asking browser to show the desired keyboard.",
"fieldName": "inputmode"
},
{
"name": "autofocus",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets input to get keyboard focus automatically",
"fieldName": "autofocus"
},
{
"name": "icon",
"type": {
"text": "BaklavaIcon | undefined"
},
"description": "Sets the custom icon name. `bl-icon` component is used to show an icon",
"fieldName": "icon"
},
{
"name": "size",
"type": {
"text": "InputSize | undefined"
},
"default": "\"medium\"",
"description": "Sets input size.",
"fieldName": "size"
},
{
"name": "disabled",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Disables the input",
"fieldName": "disabled"
},
{
"name": "readonly",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Makes the input readonly.",
"fieldName": "readonly"
},
{
"name": "label-fixed",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Makes label as fixed positioned",
"fieldName": "labelFixed"
},
{
"name": "invalid-text",
"description": "Overrides error message. This message will override default error messages",
"type": {
"text": "string"
},
"fieldName": "customInvalidText"
},
{
"name": "help-text",
"type": {
"text": "string | undefined"
},
"description": "Adds help text",
"fieldName": "helpText"
}
],
"mixins": [
{
"name": "FormControlMixin",
"package": "@open-wc/form-control"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-input",
"summary": [
{
"name": "Baklava",
"description": "Input component"
}
],
"jsDoc": "/**\n * @tag bl-input\n * @summary Baklava Input component\n *\n * @cssproperty [--bl-input-padding-start] Sets the padding start\n * @cssproperty [--bl-input-padding-end] Sets the padding end\n */",
"tag": [
{
"name": "bl-input",
"description": ""
}
],
"cssproperty": [
{
"name": "--bl-input-padding-start",
"description": "Sets the padding start"
},
{
"name": "--bl-input-padding-end",
"description": "Sets the padding end"
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlInput",
"module": "src/components/input/bl-input.ts"
}
},
{
"kind": "custom-element-definition",
"name": "bl-input",
"declaration": {
"name": "BlInput",
"module": "src/components/input/bl-input.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/pagination/bl-pagination.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "BlPagination",
"events": [
{
"type": {
"text": "CustomEvent<{\n selectedPage: number;\n prevPage: number;\n itemsPerPage: number;\n }>"
},
"description": "Fires when the current page changes",
"name": "bl-change"
}
],
"attributes": [
{
"name": "current-page",
"type": {
"text": "number"
},
"default": "1",
"description": "Sets the current page",
"fieldName": "currentPage"
},
{
"name": "total-items",
"type": {
"text": "number"
},
"default": "0",
"description": "Sets the total items to be paginated",
"fieldName": "totalItems"
},
{
"name": "items-per-page",
"type": {
"text": "number"
},
"default": "10",
"description": "Sets the number of items per page",
"fieldName": "itemsPerPage"
},
{
"name": "has-jumper",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Adds jumper element if provided as true",
"fieldName": "hasJumper"
},
{
"name": "jumper-label",
"type": {
"text": "string"
},
"default": "\"Go To\"",
"description": "Sets the jumper label",
"fieldName": "jumperLabel"
},
{
"name": "has-select",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Adds select element to choose the items per page",
"fieldName": "hasSelect"
},
{
"name": "select-label",
"type": {
"text": "string"
},
"default": "\"Show\"",
"description": "Adds select element to choose the items per page",
"fieldName": "selectLabel"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-pagination",
"summary": [
{
"name": "Baklava",
"description": "Pagination component"
}
],
"jsDoc": "/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */",
"tag": [
{
"name": "bl-pagination",
"description": ""
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlPagination",
"module": "src/components/pagination/bl-pagination.ts"
}
},
{
"kind": "custom-element-definition",
"name": "bl-pagination",
"declaration": {
"name": "BlPagination",
"module": "src/components/pagination/bl-pagination.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/popover/bl-popover.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "BlPopover",
"cssProperties": [
{
"description": "Sets the display of popovers arrow. Set as `block` to make arrow visible.",
"name": "--bl-popover-arrow-display",
"default": "none"
},
{
"description": "Sets the background color of popover.",
"name": "--bl-popover-background-color",
"default": "--bl-color-neutral-full"
},
{
"description": "Sets the border color of popover.",
"name": "--bl-popover-border-color",
"default": "--bl-color-primary-highlight"
},
{
"description": "Sets the border size of popover. You can set it to `0px` to not have a border (if you use a custom background color). Always use with a length unit.",
"name": "--bl-popover-border-size",
"default": "1px"
},
{
"description": "Sets the padding of popover.",
"name": "--bl-popover-padding",
"default": "--bl-size-m"
},
{
"description": "Sets the border radius of popover.",
"name": "--bl-popover-border-radius",
"default": "--bl-size-3xs"
},
{
"description": "Sets the maximum width of the popover (including border and padding).",
"name": "--bl-popover-max-width",
"default": "100vw"
},
{
"description": "Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.",
"name": "--bl-popover-position",
"default": "fixed"
}
],
"events": [
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when the popover is shown",
"name": "bl-popover-show"
},
{
"type": {
"text": "CustomEvent<string>"
},
"description": "Fires when popover becomes hidden",
"name": "bl-popover-hide"
}
],
"attributes": [
{
"name": "placement",
"type": {
"text": "Placement"
},
"default": "\"bottom\"",
"description": "Sets placement of the popover",
"fieldName": "placement"
},
{
"name": "fit-size",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Sets size of popover same as trigger element",
"fieldName": "fitSize"
},
{
"name": "offset",
"type": {
"text": "number"
},
"default": "8",
"description": "Sets the distance between popover and target/trigger element",
"fieldName": "offset"
},
{
"name": "target",
"type": {
"text": "string | Element"
},
"description": "Sets the target element of the popover to align and trigger.\nIt can be a string id of the target element or can be a direct Element reference of it.",
"fieldName": "target"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "bl-popover",
"summary": [
{
"name": "Baklava",
"description": "Popover component"
}
],
"jsDoc": "/**\n * @tag bl-popover\n * @summary Baklava Popover component\n *\n * @cssproperty [--bl-popover-arrow-display=none] - Sets the display of popovers arrow. Set as `block` to make arrow visible.\n * @cssproperty [--bl-popover-background-color=--bl-color-neutral-full] - Sets the background color of popover.\n * @cssproperty [--bl-popover-border-color=--bl-color-primary-highlight] - Sets the border color of popover.\n * @cssproperty [--bl-popover-border-size=1px] - Sets the border size of popover. You can set it to `0px` to not have a border (if you use a custom background color). Always use with a length unit.\n * @cssproperty [--bl-popover-padding=--bl-size-m] - Sets the padding of popover.\n * @cssproperty [--bl-popover-border-radius=--bl-size-3xs] - Sets the border radius of popover.\n * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).\n * @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.\n */",
"tag": [
{
"name": "bl-popover",
"description": ""
}
],
"cssproperty": [
{
"name": "--bl-popover-arrow-display",
"description": "- Sets the display of popovers arrow. Set as `block` to make arrow visible."
},
{
"name": "--bl-popover-background-color",
"description": "- Sets the background color of popover."
},
{
"name": "--bl-popover-border-color",
"description": "- Sets the border color of popover."
},
{
"name": "--bl-popover-border-size",
"description": "- Sets the border size of popover. You can set it to `0px` to not have a border (if you use a custom background color). Always use with a length unit."
},
{
"name": "--bl-popover-padding",
"description": "- Sets the padding of popover."
},
{
"name": "--bl-popover-border-radius",
"description": "- Sets the border radius of popover."
},
{
"name": "--bl-popover-max-width",
"description": "- Sets the maximum width of the popover (including border and padding)."
},
{
"name": "--bl-popover-position",
"description": "- Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog."
}
],
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "BlPopover",
"module": "src/components/popover/bl-popover.ts"
}
},
{
"kind": "custom-element-definition",
"name": "bl-popover",
"declaration": {
"name": "BlPopover",
"module": "src/components/popover/bl-popover.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/progress-indicator/bl-progress-indicator.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "BlProgressIndicator",
"cssProperties": [
{
"description": "Duration of the transition of progress bar",
"name": "--bl-progress-indicator-transition-duration",
"default": ".2s"
}
],
"attributes": [
{
"name": "size",
"type": {
"text": "ProgressIndicatorSize"
},
"default": "\"medium\"",
"description": "Sets the size",
"fieldName": "size"
},
{
"name": "failed",
"type": {
"text": "boolean"
},
"default": "false",
"description