@trendyol/baklava 2.0.0-beta.49 → 2.0.0-beta.50
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 +4 -2
- 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 +2 -1
- package/dist/baklava.d.ts.map +1 -1
- package/dist/baklava.js +1 -1
- package/dist/{chunk-HUFJDENF.js → chunk-5JOXJIWB.js} +2 -2
- package/dist/{chunk-HUFJDENF.js.map → chunk-5JOXJIWB.js.map} +0 -0
- package/dist/{chunk-JDM44V27.js → chunk-EA5US64C.js} +3 -3
- package/dist/{chunk-JDM44V27.js.map → chunk-EA5US64C.js.map} +0 -0
- package/dist/chunk-FEQIC2KZ.js +24 -0
- package/dist/chunk-FEQIC2KZ.js.map +7 -0
- package/dist/{chunk-FFIDELPT.js → chunk-OEJUFPBS.js} +2 -2
- package/dist/{chunk-FFIDELPT.js.map → chunk-OEJUFPBS.js.map} +0 -0
- package/dist/components/alert/bl-alert.js +1 -1
- package/dist/components/button/bl-button.js +1 -1
- package/dist/components/checkbox-group/bl-checkbox-group.d.ts +52 -0
- package/dist/components/checkbox-group/bl-checkbox-group.d.ts.map +1 -0
- package/dist/components/checkbox-group/bl-checkbox-group.js +2 -0
- package/dist/components/{checkbox/bl-checkbox.js.map → checkbox-group/bl-checkbox-group.js.map} +0 -0
- package/dist/components/checkbox-group/bl-checkbox-group.test.d.ts +2 -0
- package/dist/components/checkbox-group/bl-checkbox-group.test.d.ts.map +1 -0
- package/dist/components/checkbox-group/checkbox/bl-checkbox.d.ts +69 -0
- package/dist/components/checkbox-group/checkbox/bl-checkbox.d.ts.map +1 -0
- package/dist/components/checkbox-group/checkbox/bl-checkbox.js +2 -0
- package/dist/components/checkbox-group/checkbox/bl-checkbox.js.map +7 -0
- package/dist/components/{checkbox → checkbox-group/checkbox}/bl-checkbox.test.d.ts +0 -0
- package/dist/components/checkbox-group/checkbox/bl-checkbox.test.d.ts.map +1 -0
- package/dist/components/dialog/bl-dialog.js +1 -1
- package/dist/components/drawer/bl-drawer.js +1 -1
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/pagination/bl-pagination.js +1 -1
- package/dist/custom-elements.json +193 -25
- package/package.json +1 -1
- package/dist/chunk-KXWO7VUG.js +0 -15
- package/dist/chunk-KXWO7VUG.js.map +0 -7
- package/dist/components/checkbox/bl-checkbox.d.ts +0 -34
- package/dist/components/checkbox/bl-checkbox.d.ts.map +0 -1
- package/dist/components/checkbox/bl-checkbox.js +0 -2
- package/dist/components/checkbox/bl-checkbox.test.d.ts.map +0 -1
package/dist/baklava-react.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
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
|
-
import type
|
|
5
|
+
import type BlCheckboxGroupType from "./components/checkbox-group/bl-checkbox-group";
|
|
6
6
|
import type BlDialogType from "./components/dialog/bl-dialog";
|
|
7
7
|
import type BlDrawerType from "./components/drawer/bl-drawer";
|
|
8
8
|
import type BlIconType from "./components/icon/bl-icon";
|
|
@@ -13,6 +13,7 @@ import type BlRadioGroupType from "./components/radio-group/bl-radio-group";
|
|
|
13
13
|
import type BlSelectType from "./components/select/bl-select";
|
|
14
14
|
import type BlTabGroupType from "./components/tab-group/bl-tab-group";
|
|
15
15
|
import type BlTooltipType from "./components/tooltip/bl-tooltip";
|
|
16
|
+
import type BlCheckboxType from "./components/checkbox-group/checkbox/bl-checkbox";
|
|
16
17
|
import type BlRadioType from "./components/radio-group/radio/bl-radio";
|
|
17
18
|
import type BlSelectOptionType from "./components/select/option/bl-select-option";
|
|
18
19
|
import type BlTabType from "./components/tab-group/tab/bl-tab";
|
|
@@ -20,7 +21,7 @@ import type BlTabPanelType from "./components/tab-group/tab-panel/bl-tab-panel";
|
|
|
20
21
|
export declare const BlAlert: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlAlertType, {}>>;
|
|
21
22
|
export declare const BlBadge: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlBadgeType, {}>>;
|
|
22
23
|
export declare const BlButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlButtonType, {}>>;
|
|
23
|
-
export declare const
|
|
24
|
+
export declare const BlCheckboxGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlCheckboxGroupType, {}>>;
|
|
24
25
|
export declare const BlDialog: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlDialogType, {}>>;
|
|
25
26
|
export declare const BlDrawer: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlDrawerType, {}>>;
|
|
26
27
|
export declare const BlIcon: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlIconType, {}>>;
|
|
@@ -31,6 +32,7 @@ export declare const BlRadioGroup: React.LazyExoticComponent<import("@lit-labs/r
|
|
|
31
32
|
export declare const BlSelect: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlSelectType, {}>>;
|
|
32
33
|
export declare const BlTabGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlTabGroupType, {}>>;
|
|
33
34
|
export declare const BlTooltip: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlTooltipType, {}>>;
|
|
35
|
+
export declare const BlCheckbox: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlCheckboxType, {}>>;
|
|
34
36
|
export declare const BlRadio: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlRadioType, {}>>;
|
|
35
37
|
export declare const BlSelectOption: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlSelectOptionType, {}>>;
|
|
36
38
|
export declare const BlTab: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<BlTabType, {}>>;
|
|
@@ -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,
|
|
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,mBAAmB,MAAM,+CAA+C,CAAC;AACrF,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,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,gBAAgB,MAAM,yCAAyC,CAAC;AAC5E,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,cAAc,MAAM,qCAAqC,CAAC;AACtE,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,cAAc,MAAM,kDAAkD,CAAC;AACnF,OAAO,KAAK,WAAW,MAAM,yCAAyC,CAAC;AACvE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,SAAS,MAAM,mCAAmC,CAAC;AAC/D,OAAO,KAAK,cAAc,MAAM,+CAA+C,CAAC;AAE9E,eAAO,MAAM,OAAO,yFAWnB,CAAC;AAIF,eAAO,MAAM,OAAO,yFAWnB,CAAC;AAIF,eAAO,MAAM,QAAQ,0FAWpB,CAAC;AAIF,eAAO,MAAM,eAAe,iGAW3B,CAAC;AAIF,eAAO,MAAM,QAAQ,0FAWpB,CAAC;AAIF,eAAO,MAAM,QAAQ,0FAWpB,CAAC;AAIF,eAAO,MAAM,MAAM,wFAWlB,CAAC;AAIF,eAAO,MAAM,OAAO,yFAWnB,CAAC;AAIF,eAAO,MAAM,YAAY,8FAWxB,CAAC;AAIF,eAAO,MAAM,mBAAmB,qGAW/B,CAAC;AAIF,eAAO,MAAM,YAAY,8FAWxB,CAAC;AAIF,eAAO,MAAM,QAAQ,0FAWpB,CAAC;AAIF,eAAO,MAAM,UAAU,4FAWtB,CAAC;AAIF,eAAO,MAAM,SAAS,2FAWrB,CAAC;AAIF,eAAO,MAAM,UAAU,4FAWtB,CAAC;AAIF,eAAO,MAAM,OAAO,yFAWnB,CAAC;AAIF,eAAO,MAAM,cAAc,gGAW1B,CAAC;AAIF,eAAO,MAAM,KAAK,uFAWjB,CAAC;AAIF,eAAO,MAAM,UAAU,4FAWtB,CAAC"}
|
package/dist/baklava-react.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"./chunk-NZ3RGSR6.js";import t from"react";var
|
|
1
|
+
import"./chunk-NZ3RGSR6.js";import t from"react";var x=new Set(["children","localName","ref","style","className"]),C=new WeakMap,w=(e,m,u,h,y)=>{let s=y==null?void 0:y[m];s===void 0||u===h?u==null&&m in HTMLElement.prototype?e.removeAttribute(m):e[m]=u:((r,n,g)=>{let p=C.get(r);p===void 0&&C.set(r,p=new Map);let c=p.get(n);g!==void 0?c===void 0?(p.set(n,c={handleEvent:g}),r.addEventListener(n,c)):c.handleEvent=g:c!==void 0&&(p.delete(n),r.removeEventListener(n,c))})(e,s,u)};function o(e=window.React,m,u,h,y){let s,r,n;if(m===void 0){let b=e;({tagName:r,elementClass:n,events:h,displayName:y}=b),s=b.react}else s=e,n=u,r=m;let g=s.Component,p=s.createElement,c=new Set(Object.keys(h!=null?h:{}));class f extends g{constructor(){super(...arguments),this.o=null}t(a){if(this.o!==null)for(let i in this.i)w(this.o,i,this.props[i],a?a[i]:void 0,h)}componentDidMount(){this.t()}componentDidUpdate(a){this.t(a)}render(){var a;let i=(a=this.props._$Gl)!==null&&a!==void 0?a:null;this.h!==void 0&&this.u===i||(this.h=l=>{this.o===null&&(this.o=l),i!==null&&((d,v)=>{typeof d=="function"?d(v):d.current=v})(i,l),this.u=i});let B={ref:this.h};this.i={};for(let[l,d]of Object.entries(this.props))l!=="__forwardedRef"&&(x.has(l)?B[l==="className"?"class":l]=d:c.has(l)||l in n.prototype?this.i[l]=d:B[l]=d);return p(r,B)}}f.displayName=y!=null?y:n.name;let T=s.forwardRef((b,a)=>p(f,{...b,_$Gl:a},b==null?void 0:b.children));return T.displayName=f.displayName,T}var G=t.lazy(()=>customElements.whenDefined("bl-alert").then(e=>({default:o({react:t,tagName:"bl-alert",elementClass:e,events:{onClose:"bl-close"}})}))),I=t.lazy(()=>customElements.whenDefined("bl-badge").then(e=>({default:o({react:t,tagName:"bl-badge",elementClass:e,events:{}})}))),S=t.lazy(()=>customElements.whenDefined("bl-button").then(e=>({default:o({react:t,tagName:"bl-button",elementClass:e,events:{onClick:"bl-click"}})}))),R=t.lazy(()=>customElements.whenDefined("bl-checkbox-group").then(e=>({default:o({react:t,tagName:"bl-checkbox-group",elementClass:e,events:{onChange:"bl-checkbox-group-change"}})}))),P=t.lazy(()=>customElements.whenDefined("bl-dialog").then(e=>({default:o({react:t,tagName:"bl-dialog",elementClass:e,events:{onOpen:"bl-dialog-open",onClose:"bl-dialog-close"}})}))),O=t.lazy(()=>customElements.whenDefined("bl-drawer").then(e=>({default:o({react:t,tagName:"bl-drawer",elementClass:e,events:{onOpen:"bl-drawer-open",onClose:"bl-drawer-close"}})}))),A=t.lazy(()=>customElements.whenDefined("bl-icon").then(e=>({default:o({react:t,tagName:"bl-icon",elementClass:e,events:{onLoad:"bl-load",onError:"bl-error"}})}))),L=t.lazy(()=>customElements.whenDefined("bl-input").then(e=>({default:o({react:t,tagName:"bl-input",elementClass:e,events:{onChange:"bl-change",onInput:"bl-input",onInvalid:"bl-invalid"}})}))),M=t.lazy(()=>customElements.whenDefined("bl-pagination").then(e=>({default:o({react:t,tagName:"bl-pagination",elementClass:e,events:{onChange:"bl-change"}})}))),_=t.lazy(()=>customElements.whenDefined("bl-progress-indicator").then(e=>({default:o({react:t,tagName:"bl-progress-indicator",elementClass:e,events:{}})}))),j=t.lazy(()=>customElements.whenDefined("bl-radio-group").then(e=>({default:o({react:t,tagName:"bl-radio-group",elementClass:e,events:{onChange:"bl-radio-change"}})}))),F=t.lazy(()=>customElements.whenDefined("bl-select").then(e=>({default:o({react:t,tagName:"bl-select",elementClass:e,events:{onSelect:"bl-select"}})}))),H=t.lazy(()=>customElements.whenDefined("bl-tab-group").then(e=>({default:o({react:t,tagName:"bl-tab-group",elementClass:e,events:{}})}))),$=t.lazy(()=>customElements.whenDefined("bl-tooltip").then(e=>({default:o({react:t,tagName:"bl-tooltip",elementClass:e,events:{onShow:"bl-tooltip-show",onHide:"bl-tooltip-hide"}})}))),U=t.lazy(()=>customElements.whenDefined("bl-checkbox").then(e=>({default:o({react:t,tagName:"bl-checkbox",elementClass:e,events:{onChange:"bl-checkbox-change",onFocus:"bl-focus",onBlur:"bl-blur"}})}))),W=t.lazy(()=>customElements.whenDefined("bl-radio").then(e=>({default:o({react:t,tagName:"bl-radio",elementClass:e,events:{onChecked:"bl-checked",onFocus:"bl-focus",onBlur:"bl-blur"}})}))),q=t.lazy(()=>customElements.whenDefined("bl-select-option").then(e=>({default:o({react:t,tagName:"bl-select-option",elementClass:e,events:{onOption:"bl-select-option"}})}))),J=t.lazy(()=>customElements.whenDefined("bl-tab").then(e=>({default:o({react:t,tagName:"bl-tab",elementClass:e,events:{onSelected:"bl-tab-selected"}})}))),K=t.lazy(()=>customElements.whenDefined("bl-tab-panel").then(e=>({default:o({react:t,tagName:"bl-tab-panel",elementClass:e,events:{}})})));export{G as BlAlert,I as BlBadge,S as BlButton,U as BlCheckbox,R as BlCheckboxGroup,P as BlDialog,O as BlDrawer,A as BlIcon,L as BlInput,M as BlPagination,_ as BlProgressIndicator,W as BlRadio,j as BlRadioGroup,F as BlSelect,q as BlSelectOption,J as BlTab,H as BlTabGroup,K 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 BlDialogType from \"./components/dialog/bl-dialog\";\nimport type BlDrawerType from \"./components/drawer/bl-drawer\";\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 BlRadioGroupType from \"./components/radio-group/bl-radio-group\";\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 BlRadioType from \"./components/radio-group/radio/bl-radio\";\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 = React.lazy(() =>\n customElements.whenDefined('bl-alert').then(elem => ({\n default: createComponent<BlAlertType>(\n {\n react: React,\n tagName: 'bl-alert',\n elementClass: elem,\n events:{\"onClose\":\"bl-close\"}\n }\n )\n })\n ));\n \n\n\n export const BlBadge = React.lazy(() =>\n customElements.whenDefined('bl-badge').then(elem => ({\n default: createComponent<BlBadgeType>(\n {\n react: React,\n tagName: 'bl-badge',\n elementClass: elem,\n events:{}\n }\n )\n })\n ));\n \n\n\n export const BlButton = React.lazy(() =>\n customElements.whenDefined('bl-button').then(elem => ({\n default: createComponent<BlButtonType>(\n {\n react: React,\n tagName: 'bl-button',\n elementClass: elem,\n events:{\"onClick\":\"bl-click\"}\n }\n )\n })\n ));\n \n\n\n export const BlCheckbox = React.lazy(() =>\n customElements.whenDefined('bl-checkbox').then(elem => ({\n default: createComponent<BlCheckboxType>(\n {\n react: React,\n tagName: 'bl-checkbox',\n elementClass: elem,\n events:{\"onChange\":\"bl-checkbox-change\"}\n }\n )\n })\n ));\n \n\n\n export const BlDialog = React.lazy(() =>\n customElements.whenDefined('bl-dialog').then(elem => ({\n default: createComponent<BlDialogType>(\n {\n react: React,\n tagName: 'bl-dialog',\n elementClass: elem,\n events:{\"onOpen\":\"bl-dialog-open\",\"onClose\":\"bl-dialog-close\"}\n }\n )\n })\n ));\n \n\n\n export const BlDrawer = React.lazy(() =>\n customElements.whenDefined('bl-drawer').then(elem => ({\n default: createComponent<BlDrawerType>(\n {\n react: React,\n tagName: 'bl-drawer',\n elementClass: elem,\n events:{\"onOpen\":\"bl-drawer-open\",\"onClose\":\"bl-drawer-close\"}\n }\n )\n })\n ));\n \n\n\n export const BlIcon = React.lazy(() =>\n customElements.whenDefined('bl-icon').then(elem => ({\n default: createComponent<BlIconType>(\n {\n react: React,\n tagName: 'bl-icon',\n elementClass: elem,\n events:{\"onLoad\":\"bl-load\",\"onError\":\"bl-error\"}\n }\n )\n })\n ));\n \n\n\n export const BlInput = React.lazy(() =>\n customElements.whenDefined('bl-input').then(elem => ({\n default: createComponent<BlInputType>(\n {\n react: React,\n tagName: 'bl-input',\n elementClass: elem,\n events:{\"onChange\":\"bl-change\",\"onInput\":\"bl-input\",\"onInvalid\":\"bl-invalid\"}\n }\n )\n })\n ));\n \n\n\n export const BlPagination = React.lazy(() =>\n customElements.whenDefined('bl-pagination').then(elem => ({\n default: createComponent<BlPaginationType>(\n {\n react: React,\n tagName: 'bl-pagination',\n elementClass: elem,\n events:{\"onChange\":\"bl-change\"}\n }\n )\n })\n ));\n \n\n\n export const BlProgressIndicator = React.lazy(() =>\n customElements.whenDefined('bl-progress-indicator').then(elem => ({\n default: createComponent<BlProgressIndicatorType>(\n {\n react: React,\n tagName: 'bl-progress-indicator',\n elementClass: elem,\n events:{}\n }\n )\n })\n ));\n \n\n\n export const BlRadioGroup = React.lazy(() =>\n customElements.whenDefined('bl-radio-group').then(elem => ({\n default: createComponent<BlRadioGroupType>(\n {\n react: React,\n tagName: 'bl-radio-group',\n elementClass: elem,\n events:{\"onChange\":\"bl-radio-change\"}\n }\n )\n })\n ));\n \n\n\n export const BlSelect = React.lazy(() =>\n customElements.whenDefined('bl-select').then(elem => ({\n default: createComponent<BlSelectType>(\n {\n react: React,\n tagName: 'bl-select',\n elementClass: elem,\n events:{\"onSelect\":\"bl-select\"}\n }\n )\n })\n ));\n \n\n\n export const BlTabGroup = React.lazy(() =>\n customElements.whenDefined('bl-tab-group').then(elem => ({\n default: createComponent<BlTabGroupType>(\n {\n react: React,\n tagName: 'bl-tab-group',\n elementClass: elem,\n events:{}\n }\n )\n })\n ));\n \n\n\n export const BlTooltip = React.lazy(() =>\n customElements.whenDefined('bl-tooltip').then(elem => ({\n default: createComponent<BlTooltipType>(\n {\n react: React,\n tagName: 'bl-tooltip',\n elementClass: elem,\n events:{\"onShow\":\"bl-tooltip-show\",\"onHide\":\"bl-tooltip-hide\"}\n }\n )\n })\n ));\n \n\n\n export const BlRadio = React.lazy(() =>\n customElements.whenDefined('bl-radio').then(elem => ({\n default: createComponent<BlRadioType>(\n {\n react: React,\n tagName: 'bl-radio',\n elementClass: elem,\n events:{\"onChecked\":\"bl-checked\",\"onFocus\":\"bl-focus\",\"onBlur\":\"bl-blur\"}\n }\n )\n })\n ));\n \n\n\n export const BlSelectOption = React.lazy(() =>\n customElements.whenDefined('bl-select-option').then(elem => ({\n default: createComponent<BlSelectOptionType>(\n {\n react: React,\n tagName: 'bl-select-option',\n elementClass: elem,\n events:{\"onOption\":\"bl-select-option\"}\n }\n )\n })\n ));\n \n\n\n export const BlTab = React.lazy(() =>\n customElements.whenDefined('bl-tab').then(elem => ({\n default: createComponent<BlTabType>(\n {\n react: React,\n tagName: 'bl-tab',\n elementClass: elem,\n events:{\"onSelected\":\"bl-tab-selected\"}\n }\n )\n })\n ));\n \n\n\n export const BlTabPanel = React.lazy(() =>\n customElements.whenDefined('bl-tab-panel').then(elem => ({\n default: createComponent<BlTabPanelType>(\n {\n react: React,\n tagName: 'bl-tab-panel',\n elementClass: elem,\n events:{}\n }\n )\n })\n ));", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n// Match a prop name to a typed event callback by\n// adding an Event type as an expected property on a string.\nexport type EventName<T extends Event = Event> = string & {\n __event_type: T;\n};\n\n// A key value map matching React prop names to event names\ntype EventNames = Record<string, EventName | string>;\n\n// A map of expected event listener types based on EventNames\ntype EventListeners<R extends EventNames> = {\n [K in keyof R]: R[K] extends EventName\n ? (e: R[K]['__event_type']) => void\n : (e: Event) => void;\n};\n\ntype ReactProps<I, E> = Omit<React.HTMLAttributes<I>, keyof E>;\ntype ElementWithoutPropsOrEventListeners<I, E> = Omit<\n I,\n keyof E | keyof ReactProps<I, E>\n>;\n\n// Props the user is allowed to use, includes standard attributes, children,\n// ref, as well as special event and element properties.\nexport type WebComponentProps<\n I extends HTMLElement,\n E extends EventNames = {}\n> = Partial<\n ReactProps<I, E> &\n ElementWithoutPropsOrEventListeners<I, E> &\n EventListeners<E>\n>;\n\n// Props used by this component wrapper. This is the WebComponentProps 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.\ntype ReactComponentProps<\n I extends HTMLElement,\n E extends EventNames = {}\n> = WebComponentProps<I, E> & {\n __forwardedRef?: React.Ref<I>;\n};\n\nexport type ReactWebComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n> = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<WebComponentProps<I, E>> & React.RefAttributes<I>\n>;\n\ninterface Options<I extends HTMLElement, E extends EventNames = {}> {\n tagName: string;\n elementClass: Constructor<I>;\n react: typeof window.React;\n events?: E;\n displayName?: string;\n}\n\ntype Constructor<T> = {new (): T};\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?: EventNames\n) => {\n const event = events?.[name];\n if (event !== undefined && value !== old) {\n // Dirty check event value.\n addOrUpdateEventListener(node, event, value as (e?: Event) => void);\n return;\n }\n\n // Note, the attribute removal here for `undefined` and `null` values is done\n // to match React's behavior on non-custom elements. It needs special\n // handling because it does not match platform behavior. For example,\n // setting the `id` property to `undefined` sets the attribute to the string\n // \"undefined.\" React \"fixes\" that odd behavior and the code here matches\n // React's convention.\n if (\n (value === undefined || value === null) &&\n name in HTMLElement.prototype\n ) {\n node.removeAttribute(name);\n return;\n }\n\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// 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\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 options An options bag containing the parameters needed to generate\n * a wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react` npm\n * package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.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 options.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 function createComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n>(options: Options<I, E>): ReactWebComponent<I, E>;\n/**\n * @deprecated Use `createComponent(options)` instead of individual arguments.\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 function createComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n>(\n ReactOrOptions: typeof window.React,\n tagName: string,\n elementClass: Constructor<I>,\n events?: E,\n displayName?: string\n): ReactWebComponent<I, E>;\nexport function createComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n>(\n ReactOrOptions: typeof window.React | Options<I, E> = window.React,\n tagName?: string,\n elementClass?: Constructor<I>,\n events?: E,\n displayName?: string\n): ReactWebComponent<I, E> {\n // digest overloaded parameters\n let React: typeof window.React;\n let tag: string;\n let element: Constructor<I>;\n if (tagName === undefined) {\n const options = ReactOrOptions as Options<I, E>;\n ({tagName: tag, elementClass: element, events, displayName} = options);\n React = options.react;\n } else {\n React = ReactOrOptions as typeof window.React;\n element = elementClass as Constructor<I>;\n tag = tagName;\n }\n\n const Component = React.Component;\n const createElement = React.createElement;\n const eventProps = new Set(Object.keys(events ?? {}));\n\n type Props = ReactComponentProps<I, E>;\n\n class ReactComponent extends Component<Props> {\n private _element: I | null = null;\n private _elementProps!: {[index: string]: unknown};\n private _userRef?: React.Ref<I>;\n private _ref?: React.RefCallback<I>;\n\n static displayName = displayName ?? element.name;\n\n private _updateElement(oldProps?: Props) {\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],\n oldProps ? oldProps[prop] : 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: Props) {\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 ?? null;\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 (reservedReactProperties.has(k)) {\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 continue;\n }\n\n if (eventProps.has(k) || k in element.prototype) {\n this._elementProps[k] = v;\n continue;\n }\n\n props[k] = v;\n }\n return createElement<React.HTMLAttributes<I>, I>(tag, props);\n }\n }\n\n const ForwardedComponent: ReactWebComponent<I, E> = React.forwardRef<\n I,\n WebComponentProps<I, E>\n >((props, ref) =>\n createElement<Props, ReactComponent, typeof ReactComponent>(\n ReactComponent,\n {...props, __forwardedRef: ref},\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": "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
|
|
6
|
-
"names": ["React", "reservedReactProperties", "Set", "listenedEvents", "WeakMap", "setProperty", "node", "name", "value", "old", "events", "event", "HTMLElement", "prototype", "removeAttribute", "listener", "get", "set", "Map", "handler", "handleEvent", "addEventListener", "delete", "removeEventListener", "createComponent", "ReactOrOptions", "window", "React", "tagName", "elementClass", "displayName", "tag", "element", "options", "react", "Component", "createElement", "eventProps", "Object", "keys", "ReactComponent", "constructor", "this", "_element", "_updateElement", "oldProps", "prop", "_elementProps", "props", "componentDidMount", "componentDidUpdate", "render", "userRef", "_a", "__forwardedRef", "_ref", "_userRef", "ref", "current", "k", "v", "entries", "has", "ForwardedComponent", "forwardRef", "children", "BlAlert", "React", "elem", "s", "BlBadge", "BlButton", "
|
|
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 BlCheckboxGroupType from \"./components/checkbox-group/bl-checkbox-group\";\nimport type BlDialogType from \"./components/dialog/bl-dialog\";\nimport type BlDrawerType from \"./components/drawer/bl-drawer\";\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 BlRadioGroupType from \"./components/radio-group/bl-radio-group\";\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 BlCheckboxType from \"./components/checkbox-group/checkbox/bl-checkbox\";\nimport type BlRadioType from \"./components/radio-group/radio/bl-radio\";\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 = React.lazy(() =>\n customElements.whenDefined('bl-alert').then(elem => ({\n default: createComponent<BlAlertType>(\n {\n react: React,\n tagName: 'bl-alert',\n elementClass: elem,\n events:{\"onClose\":\"bl-close\"}\n }\n )\n })\n ));\n \n\n\n export const BlBadge = React.lazy(() =>\n customElements.whenDefined('bl-badge').then(elem => ({\n default: createComponent<BlBadgeType>(\n {\n react: React,\n tagName: 'bl-badge',\n elementClass: elem,\n events:{}\n }\n )\n })\n ));\n \n\n\n export const BlButton = React.lazy(() =>\n customElements.whenDefined('bl-button').then(elem => ({\n default: createComponent<BlButtonType>(\n {\n react: React,\n tagName: 'bl-button',\n elementClass: elem,\n events:{\"onClick\":\"bl-click\"}\n }\n )\n })\n ));\n \n\n\n export const BlCheckboxGroup = React.lazy(() =>\n customElements.whenDefined('bl-checkbox-group').then(elem => ({\n default: createComponent<BlCheckboxGroupType>(\n {\n react: React,\n tagName: 'bl-checkbox-group',\n elementClass: elem,\n events:{\"onChange\":\"bl-checkbox-group-change\"}\n }\n )\n })\n ));\n \n\n\n export const BlDialog = React.lazy(() =>\n customElements.whenDefined('bl-dialog').then(elem => ({\n default: createComponent<BlDialogType>(\n {\n react: React,\n tagName: 'bl-dialog',\n elementClass: elem,\n events:{\"onOpen\":\"bl-dialog-open\",\"onClose\":\"bl-dialog-close\"}\n }\n )\n })\n ));\n \n\n\n export const BlDrawer = React.lazy(() =>\n customElements.whenDefined('bl-drawer').then(elem => ({\n default: createComponent<BlDrawerType>(\n {\n react: React,\n tagName: 'bl-drawer',\n elementClass: elem,\n events:{\"onOpen\":\"bl-drawer-open\",\"onClose\":\"bl-drawer-close\"}\n }\n )\n })\n ));\n \n\n\n export const BlIcon = React.lazy(() =>\n customElements.whenDefined('bl-icon').then(elem => ({\n default: createComponent<BlIconType>(\n {\n react: React,\n tagName: 'bl-icon',\n elementClass: elem,\n events:{\"onLoad\":\"bl-load\",\"onError\":\"bl-error\"}\n }\n )\n })\n ));\n \n\n\n export const BlInput = React.lazy(() =>\n customElements.whenDefined('bl-input').then(elem => ({\n default: createComponent<BlInputType>(\n {\n react: React,\n tagName: 'bl-input',\n elementClass: elem,\n events:{\"onChange\":\"bl-change\",\"onInput\":\"bl-input\",\"onInvalid\":\"bl-invalid\"}\n }\n )\n })\n ));\n \n\n\n export const BlPagination = React.lazy(() =>\n customElements.whenDefined('bl-pagination').then(elem => ({\n default: createComponent<BlPaginationType>(\n {\n react: React,\n tagName: 'bl-pagination',\n elementClass: elem,\n events:{\"onChange\":\"bl-change\"}\n }\n )\n })\n ));\n \n\n\n export const BlProgressIndicator = React.lazy(() =>\n customElements.whenDefined('bl-progress-indicator').then(elem => ({\n default: createComponent<BlProgressIndicatorType>(\n {\n react: React,\n tagName: 'bl-progress-indicator',\n elementClass: elem,\n events:{}\n }\n )\n })\n ));\n \n\n\n export const BlRadioGroup = React.lazy(() =>\n customElements.whenDefined('bl-radio-group').then(elem => ({\n default: createComponent<BlRadioGroupType>(\n {\n react: React,\n tagName: 'bl-radio-group',\n elementClass: elem,\n events:{\"onChange\":\"bl-radio-change\"}\n }\n )\n })\n ));\n \n\n\n export const BlSelect = React.lazy(() =>\n customElements.whenDefined('bl-select').then(elem => ({\n default: createComponent<BlSelectType>(\n {\n react: React,\n tagName: 'bl-select',\n elementClass: elem,\n events:{\"onSelect\":\"bl-select\"}\n }\n )\n })\n ));\n \n\n\n export const BlTabGroup = React.lazy(() =>\n customElements.whenDefined('bl-tab-group').then(elem => ({\n default: createComponent<BlTabGroupType>(\n {\n react: React,\n tagName: 'bl-tab-group',\n elementClass: elem,\n events:{}\n }\n )\n })\n ));\n \n\n\n export const BlTooltip = React.lazy(() =>\n customElements.whenDefined('bl-tooltip').then(elem => ({\n default: createComponent<BlTooltipType>(\n {\n react: React,\n tagName: 'bl-tooltip',\n elementClass: elem,\n events:{\"onShow\":\"bl-tooltip-show\",\"onHide\":\"bl-tooltip-hide\"}\n }\n )\n })\n ));\n \n\n\n export const BlCheckbox = React.lazy(() =>\n customElements.whenDefined('bl-checkbox').then(elem => ({\n default: createComponent<BlCheckboxType>(\n {\n react: React,\n tagName: 'bl-checkbox',\n elementClass: elem,\n events:{\"onChange\":\"bl-checkbox-change\",\"onFocus\":\"bl-focus\",\"onBlur\":\"bl-blur\"}\n }\n )\n })\n ));\n \n\n\n export const BlRadio = React.lazy(() =>\n customElements.whenDefined('bl-radio').then(elem => ({\n default: createComponent<BlRadioType>(\n {\n react: React,\n tagName: 'bl-radio',\n elementClass: elem,\n events:{\"onChecked\":\"bl-checked\",\"onFocus\":\"bl-focus\",\"onBlur\":\"bl-blur\"}\n }\n )\n })\n ));\n \n\n\n export const BlSelectOption = React.lazy(() =>\n customElements.whenDefined('bl-select-option').then(elem => ({\n default: createComponent<BlSelectOptionType>(\n {\n react: React,\n tagName: 'bl-select-option',\n elementClass: elem,\n events:{\"onOption\":\"bl-select-option\"}\n }\n )\n })\n ));\n \n\n\n export const BlTab = React.lazy(() =>\n customElements.whenDefined('bl-tab').then(elem => ({\n default: createComponent<BlTabType>(\n {\n react: React,\n tagName: 'bl-tab',\n elementClass: elem,\n events:{\"onSelected\":\"bl-tab-selected\"}\n }\n )\n })\n ));\n \n\n\n export const BlTabPanel = React.lazy(() =>\n customElements.whenDefined('bl-tab-panel').then(elem => ({\n default: createComponent<BlTabPanelType>(\n {\n react: React,\n tagName: 'bl-tab-panel',\n elementClass: elem,\n events:{}\n }\n )\n })\n ));", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n// Match a prop name to a typed event callback by\n// adding an Event type as an expected property on a string.\nexport type EventName<T extends Event = Event> = string & {\n __event_type: T;\n};\n\n// A key value map matching React prop names to event names\ntype EventNames = Record<string, EventName | string>;\n\n// A map of expected event listener types based on EventNames\ntype EventListeners<R extends EventNames> = {\n [K in keyof R]: R[K] extends EventName\n ? (e: R[K]['__event_type']) => void\n : (e: Event) => void;\n};\n\ntype ReactProps<I, E> = Omit<React.HTMLAttributes<I>, keyof E>;\ntype ElementWithoutPropsOrEventListeners<I, E> = Omit<\n I,\n keyof E | keyof ReactProps<I, E>\n>;\n\n// Props the user is allowed to use, includes standard attributes, children,\n// ref, as well as special event and element properties.\nexport type WebComponentProps<\n I extends HTMLElement,\n E extends EventNames = {}\n> = Partial<\n ReactProps<I, E> &\n ElementWithoutPropsOrEventListeners<I, E> &\n EventListeners<E>\n>;\n\n// Props used by this component wrapper. This is the WebComponentProps 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.\ntype ReactComponentProps<\n I extends HTMLElement,\n E extends EventNames = {}\n> = WebComponentProps<I, E> & {\n __forwardedRef?: React.Ref<I>;\n};\n\nexport type ReactWebComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n> = React.ForwardRefExoticComponent<\n React.PropsWithoutRef<WebComponentProps<I, E>> & React.RefAttributes<I>\n>;\n\ninterface Options<I extends HTMLElement, E extends EventNames = {}> {\n tagName: string;\n elementClass: Constructor<I>;\n react: typeof window.React;\n events?: E;\n displayName?: string;\n}\n\ntype Constructor<T> = {new (): T};\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?: EventNames\n) => {\n const event = events?.[name];\n if (event !== undefined && value !== old) {\n // Dirty check event value.\n addOrUpdateEventListener(node, event, value as (e?: Event) => void);\n return;\n }\n\n // Note, the attribute removal here for `undefined` and `null` values is done\n // to match React's behavior on non-custom elements. It needs special\n // handling because it does not match platform behavior. For example,\n // setting the `id` property to `undefined` sets the attribute to the string\n // \"undefined.\" React \"fixes\" that odd behavior and the code here matches\n // React's convention.\n if (\n (value === undefined || value === null) &&\n name in HTMLElement.prototype\n ) {\n node.removeAttribute(name);\n return;\n }\n\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// 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\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 options An options bag containing the parameters needed to generate\n * a wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react` npm\n * package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.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 options.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 function createComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n>(options: Options<I, E>): ReactWebComponent<I, E>;\n/**\n * @deprecated Use `createComponent(options)` instead of individual arguments.\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 function createComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n>(\n ReactOrOptions: typeof window.React,\n tagName: string,\n elementClass: Constructor<I>,\n events?: E,\n displayName?: string\n): ReactWebComponent<I, E>;\nexport function createComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n>(\n ReactOrOptions: typeof window.React | Options<I, E> = window.React,\n tagName?: string,\n elementClass?: Constructor<I>,\n events?: E,\n displayName?: string\n): ReactWebComponent<I, E> {\n // digest overloaded parameters\n let React: typeof window.React;\n let tag: string;\n let element: Constructor<I>;\n if (tagName === undefined) {\n const options = ReactOrOptions as Options<I, E>;\n ({tagName: tag, elementClass: element, events, displayName} = options);\n React = options.react;\n } else {\n React = ReactOrOptions as typeof window.React;\n element = elementClass as Constructor<I>;\n tag = tagName;\n }\n\n const Component = React.Component;\n const createElement = React.createElement;\n const eventProps = new Set(Object.keys(events ?? {}));\n\n type Props = ReactComponentProps<I, E>;\n\n class ReactComponent extends Component<Props> {\n private _element: I | null = null;\n private _elementProps!: {[index: string]: unknown};\n private _userRef?: React.Ref<I>;\n private _ref?: React.RefCallback<I>;\n\n static displayName = displayName ?? element.name;\n\n private _updateElement(oldProps?: Props) {\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],\n oldProps ? oldProps[prop] : 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: Props) {\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 ?? null;\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 (reservedReactProperties.has(k)) {\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 continue;\n }\n\n if (eventProps.has(k) || k in element.prototype) {\n this._elementProps[k] = v;\n continue;\n }\n\n props[k] = v;\n }\n return createElement<React.HTMLAttributes<I>, I>(tag, props);\n }\n }\n\n const ForwardedComponent: ReactWebComponent<I, E> = React.forwardRef<\n I,\n WebComponentProps<I, E>\n >((props, ref) =>\n createElement<Props, ReactComponent, typeof ReactComponent>(\n ReactComponent,\n {...props, __forwardedRef: ref},\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": "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",
|
|
6
|
+
"names": ["React", "reservedReactProperties", "Set", "listenedEvents", "WeakMap", "setProperty", "node", "name", "value", "old", "events", "event", "HTMLElement", "prototype", "removeAttribute", "listener", "get", "set", "Map", "handler", "handleEvent", "addEventListener", "delete", "removeEventListener", "createComponent", "ReactOrOptions", "window", "React", "tagName", "elementClass", "displayName", "tag", "element", "options", "react", "Component", "createElement", "eventProps", "Object", "keys", "ReactComponent", "constructor", "this", "_element", "_updateElement", "oldProps", "prop", "_elementProps", "props", "componentDidMount", "componentDidUpdate", "render", "userRef", "_a", "__forwardedRef", "_ref", "_userRef", "ref", "current", "k", "v", "entries", "has", "ForwardedComponent", "forwardRef", "children", "BlAlert", "React", "elem", "s", "BlBadge", "BlButton", "BlCheckboxGroup", "BlDialog", "BlDrawer", "BlIcon", "BlInput", "BlPagination", "BlProgressIndicator", "BlRadioGroup", "BlSelect", "BlTabGroup", "BlTooltip", "BlCheckbox", "BlRadio", "BlSelectOption", "BlTab", "BlTabPanel"]
|
|
7
7
|
}
|
package/dist/baklava.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export { default as BlAlert } from './components/alert/bl-alert';
|
|
2
2
|
export { default as BlBadge } from './components/badge/bl-badge';
|
|
3
3
|
export { default as BlButton } from './components/button/bl-button';
|
|
4
|
-
export { default as
|
|
4
|
+
export { default as BlCheckboxGroup } from './components/checkbox-group/bl-checkbox-group';
|
|
5
|
+
export { default as BlCheckbox } from './components/checkbox-group/checkbox/bl-checkbox';
|
|
5
6
|
export { default as BlDialog } from './components/dialog/bl-dialog';
|
|
6
7
|
export { default as BlDrawer } from './components/drawer/bl-drawer';
|
|
7
8
|
export { default as BlIcon } from './components/icon/bl-icon';
|
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,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,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,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"baklava.d.ts","sourceRoot":"","sources":["../src/baklava.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,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,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,yCAAyC,CAAC;AAC7E,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,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,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC"}
|
package/dist/baklava.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as P}from"./chunk-7FCUFV6V.js";import{a as
|
|
1
|
+
import{a as P}from"./chunk-7FCUFV6V.js";import{a as m}from"./chunk-4H6GIXMH.js";import{a as s}from"./chunk-EA5US64C.js";import{a as n}from"./chunk-A25HQAVJ.js";import{c,f as i}from"./chunk-WFBCOT52.js";import{a as B}from"./chunk-GBFJ2WUI.js";import{a as x}from"./chunk-KWTSWXUL.js";import"./chunk-VNGNBBSS.js";import{a as I}from"./chunk-C5HFLPOK.js";import{a as b}from"./chunk-EX6STMCI.js";import{a as g}from"./chunk-IDG5M2QP.js";import{a as e}from"./chunk-OEJUFPBS.js";import{a as r}from"./chunk-54XXQVFL.js";import{b as f,e as p}from"./chunk-FEQIC2KZ.js";import"./chunk-KQBKSEYJ.js";import"./chunk-5VLVLBWY.js";import{a as u}from"./chunk-H37QVPNF.js";import{a as d}from"./chunk-UL6BSR26.js";import{a as l}from"./chunk-5JOXJIWB.js";import"./chunk-ENFFFE4I.js";import"./chunk-2TVOKUHE.js";import{a as o,b as t,c as a}from"./chunk-WXJKPVRA.js";import"./chunk-72IJCTLJ.js";import"./chunk-23UFIOHV.js";import"./chunk-HG7OBTQS.js";import"./chunk-NZ3RGSR6.js";export{e as BlAlert,r as BlBadge,l as BlButton,f as BlCheckbox,p as BlCheckboxGroup,u as BlDialog,d as BlDrawer,a as BlIcon,s as BlInput,m as BlPagination,n as BlProgressIndicator,c as BlRadio,i as BlRadioGroup,B as BlSelect,x as BlSelectOption,b as BlTab,I as BlTabGroup,g as BlTabPanel,P as BlTooltip,t as getIconPath,o as setIconPath};
|
|
2
2
|
//# sourceMappingURL=baklava.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a as v}from"./chunk-ENFFFE4I.js";import{a}from"./chunk-2TVOKUHE.js";import{a as h}from"./chunk-23UFIOHV.js";import{a as c,b as l,f as d,g as b,h as r}from"./chunk-HG7OBTQS.js";import{a as o}from"./chunk-NZ3RGSR6.js";var m=c`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:6px;text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size='large']) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:0}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant='secondary']) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant='tertiary']) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind='neutral']) .button{--main-color:var(--bl-color-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed}:host([disabled]) .button{--main-color:var(--bl-color-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary'][disabled]) .button{--main-color:transparent}:host([variant='secondary']:hover:not([disabled])) .button,:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover:not([disabled])) .button,:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}`,p=m;var t=class extends d{constructor(){super(...arguments);this.variant="primary";this.kind="default";this.size="medium";this.disabled=!1;this.target="_self"}static get styles(){return[p]}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(e=>{var i;let n=e.nodeType;return n===e.TEXT_NODE&&((i=e.textContent)==null?void 0:i.trim())!==""||n===e.ELEMENT_NODE&&!e.hasAttribute("slot")})}render(){let s=!!this.href,e=this.icon?l`<bl-icon name=${this.icon}></bl-icon>`:"",n=l`<slot name="icon">${e}</slot> <span class="label"><slot></slot></span>`,i=v({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot});return s?l`<a
|
|
2
2
|
class=${i}
|
|
3
3
|
aria-disabled="${a(this.disabled)}"
|
|
4
4
|
aria-label="${a(this.label)}"
|
|
@@ -15,4 +15,4 @@ import{a}from"./chunk-2TVOKUHE.js";import{a as v}from"./chunk-ENFFFE4I.js";impor
|
|
|
15
15
|
>
|
|
16
16
|
${n}
|
|
17
17
|
</button>`}_handleClick(){this.onClick("Click event fired!")}};o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:String,reflect:!0})],t.prototype,"kind",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:String})],t.prototype,"label",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:String})],t.prototype,"href",2),o([r({type:String})],t.prototype,"icon",2),o([r({type:String})],t.prototype,"target",2),o([r({type:String})],t.prototype,"type",2),o([h("bl-click")],t.prototype,"onClick",2),t=o([b("bl-button")],t);export{t as a};
|
|
18
|
-
//# sourceMappingURL=chunk-
|
|
18
|
+
//# sourceMappingURL=chunk-5JOXJIWB.js.map
|
|
File without changes
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{a as g}from"./chunk-
|
|
1
|
+
import{a as g}from"./chunk-KQBKSEYJ.js";import{a as m}from"./chunk-5VLVLBWY.js";import{a as u}from"./chunk-ENFFFE4I.js";import{a as s}from"./chunk-2TVOKUHE.js";import{a as d}from"./chunk-23UFIOHV.js";import{a as c,b as l,f as p,g as b,h as i,i as v,j as h}from"./chunk-HG7OBTQS.js";import{a as e}from"./chunk-NZ3RGSR6.js";var y=o=>{if(o.reportValidity()){let n=new Event("submit",{cancelable:!0});o.dispatchEvent(n),n.defaultPrevented||o.submit()}else return};var T=["valueMissing","typeMismatch","tooLong","tooShort","rangeUnderflow","rangeOverflow","badInput","customError"],f=T.map(o=>({key:o,isValid(n){return n.validationTarget?!n.validationTarget.validity[o]:!0}}));var k=c`: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)}`,x=k;var t=class extends m(p){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.size="medium";this.disabled=!1;this.labelFixed=!1;this.onKeydown=r=>{r.code==="Enter"&&this.form&&y(this.form)};this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[x]}connectedCallback(){var r;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("invalid",this.onError),(r=this.internals.form)==null||r.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),this.removeEventListener("invalid",this.onError)}validityCallback(){var r;return this.customInvalidText||((r=this.validationTarget)==null?void 0:r.validationMessage)}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(r){this.value=r}inputHandler(r){let a=r.target.value;this.setValue(a),this.onInput(a)}changeHandler(r){let a=r.target.value;this.dirty=!0,this.setValue(a),this.onChange(a)}firstUpdated(){this.setValue(this.value)}render(){let r=this.checkValidity()?"":l`<p class="invalid-text">${this.validationMessage}</p>`,a=this.helpText?l`<p class="help-text">${this.helpText}</p>`:"",E=this.icon?l` <bl-icon class="custom-icon" name="${this.icon}"></bl-icon>`:"",z=this.label?l`<label>${this.label}</label>`:"",$={dirty:this.dirty,"has-icon":this.icon||this.dirty&&!this.checkValidity(),"has-value":this.value!==null&&this.value!==""};return l`
|
|
2
2
|
<input
|
|
3
3
|
type=${this.type}
|
|
4
4
|
class=${u($)}
|
|
5
|
-
.value=${
|
|
5
|
+
.value=${g(this.value)}
|
|
6
6
|
placeholder="${s(this.placeholder)}"
|
|
7
7
|
minlength="${s(this.minlength)}"
|
|
8
8
|
maxlength="${s(this.maxlength)}"
|
|
@@ -17,4 +17,4 @@ import{a as g}from"./chunk-5VLVLBWY.js";import{a as m}from"./chunk-KQBKSEYJ.js";
|
|
|
17
17
|
<bl-icon class="error-icon" name="alert"></bl-icon>
|
|
18
18
|
${r} ${a}
|
|
19
19
|
`}};t.formControlValidators=f,e([h("input")],t.prototype,"validationTarget",2),e([i({})],t.prototype,"type",2),e([i({})],t.prototype,"label",2),e([i({})],t.prototype,"placeholder",2),e([i()],t.prototype,"value",2),e([i({type:Boolean})],t.prototype,"required",2),e([i({type:Number})],t.prototype,"minlength",2),e([i({type:Number})],t.prototype,"maxlength",2),e([i({type:Number})],t.prototype,"min",2),e([i({type:Number})],t.prototype,"max",2),e([i({type:String})],t.prototype,"icon",2),e([i({type:String,reflect:!0})],t.prototype,"size",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,attribute:"label-fixed"})],t.prototype,"labelFixed",2),e([i({type:String,attribute:"invalid-text"})],t.prototype,"customInvalidText",2),e([i({type:String,attribute:"help-text"})],t.prototype,"helpText",2),e([d("bl-change")],t.prototype,"onChange",2),e([d("bl-input")],t.prototype,"onInput",2),e([d("bl-invalid")],t.prototype,"onInvalid",2),e([v()],t.prototype,"dirty",2),t=e([b("bl-input")],t);export{t as a};
|
|
20
|
-
//# sourceMappingURL=chunk-
|
|
20
|
+
//# sourceMappingURL=chunk-EA5US64C.js.map
|
|
File without changes
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import{a as v}from"./chunk-KQBKSEYJ.js";import{a as d}from"./chunk-5VLVLBWY.js";import{a as f}from"./chunk-2TVOKUHE.js";import{a as l}from"./chunk-23UFIOHV.js";import{a,b as s,f as n,g as c,h as o,j as m}from"./chunk-HG7OBTQS.js";import{a as t}from"./chunk-NZ3RGSR6.js";var E=a`:host{display:inline-block;vertical-align:middle}:host *{outline:0}label{display:flex;align-items:center;gap:var(--bl-size-2xs);color:var(--bl-color-secondary);font:var(--bl-font-title-3);cursor:pointer;user-select:none}input{appearance:none;position:absolute}.check-mark{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);border:1px solid var(--bl-color-border);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-content-primary-contrast);font-size:var(--bl-font-size-2xs)}:host([checked]) .label,:host(:hover) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label{color:var(--bl-color-primary)}:host(:is([checked],[indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:0}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-content-passive)}:host([disabled]) .check-mark{background-color:var(--bl-color-secondary-background)}:host(:not([disabled])) input:focus-visible+.check-mark{box-shadow:0 0 0 1px white,0 0 0 3px var(--bl-color-primary)}`,g=E;var O=a`:host{display:flex;flex-direction:row}fieldset{border:0;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-content-primary)}.options{display:flex;flex-flow:var(--bl-checkbox-direction,column) wrap;gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}`,k=O;var p="bl-checkbox-group",u="bl-checkbox-group-change",r=class extends d(n){constructor(){super(...arguments);this.value=[];this.required=!1;this.focusedOptionIndex=0}static get styles(){return[k]}get options(){return[].slice.call(this.querySelectorAll(h))}get checkedOptions(){return this.options.filter(e=>e.checked).map(e=>e.value)}get availableOptions(){return this.options.filter(e=>!e.disabled)}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.addEventListener("focus",this.handleFocus),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus),this.removeEventListener("keydown",this.handleKeyDown)}updated(e){e.has("value")&&(this.setValue(this.checkedOptions.join(",")),this.onChange(this.value))}handleOptionChecked(){this.value=this.checkedOptions}handleKeyDown(e){if(["ArrowDown","ArrowRight"].includes(e.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(e.key))this.focusedOptionIndex--;else if(e.key==="Tab"){if(e.shiftKey?this.focusedOptionIndex--:this.focusedOptionIndex++,this.focusedOptionIndex===this.availableOptions.length){this.tabIndex=0,this.focusedOptionIndex=0;return}}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.availableOptions.length-1)),this.availableOptions[this.focusedOptionIndex].focus(),e.preventDefault()}handleFocus(){this.availableOptions[this.focusedOptionIndex].focus()}render(){return s`<fieldset role="group" aria-labelledby="label" aria-required=${this.required}>
|
|
2
|
+
<legend id="label">${this.label}</legend>
|
|
3
|
+
<div class="options" @bl-checkbox-change=${this.handleOptionChecked}>
|
|
4
|
+
<slot></slot>
|
|
5
|
+
</div>
|
|
6
|
+
</fieldset>`}};t([o({type:String})],r.prototype,"label",2),t([o({type:Array,reflect:!0})],r.prototype,"value",2),t([o({type:Boolean,reflect:!0})],r.prototype,"required",2),t([l("bl-checkbox-group-change")],r.prototype,"onChange",2),r=t([c(p)],r);var h="bl-checkbox",i=class extends d(n){constructor(){super(...arguments);this.checked=!1;this.required=!1;this.disabled=!1;this.indeterminate=!1;this.handleFieldValueChange=e=>{this.checked=e.detail.includes(this.value)}}static get styles(){return[g]}connectedCallback(){var e;super.connectedCallback(),this.field=this.closest(p),(e=this.field)==null||e.addEventListener(u,this.handleFieldValueChange)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.field)==null||e.removeEventListener(u,this.handleFieldValueChange)}updated(e){e.has("checked")&&this.required&&this.checked&&this.setValue(this.value)}update(e){super.update(e),this.indeterminate&&this.checked&&(this.checked=!1,this.requestUpdate("checked",!0))}focus(){this.checkboxElement.tabIndex=0,this.checkboxElement.focus(),this.onFocus(this.value)}blur(){this.onBlur(this.value),this.field&&(this.checkboxElement.tabIndex=-1)}handleChange(e){let b=e.target;this.checked=b.checked,this.onChange(b.checked),this.indeterminate=!1}render(){let e="";return this.checked&&(e="check"),this.indeterminate&&(e="minus"),s`
|
|
7
|
+
<label>
|
|
8
|
+
<input
|
|
9
|
+
type="checkbox"
|
|
10
|
+
.checked=${v(this.checked)}
|
|
11
|
+
?disabled=${this.disabled}
|
|
12
|
+
aria-required=${this.required}
|
|
13
|
+
aria-labelledby="label"
|
|
14
|
+
aria-readonly=${this.disabled}
|
|
15
|
+
.indeterminate=${this.indeterminate}
|
|
16
|
+
@change=${this.handleChange}
|
|
17
|
+
value=${f(this.value)}
|
|
18
|
+
@blur=${this.blur}
|
|
19
|
+
/>
|
|
20
|
+
<div class="check-mark">${e?s`<bl-icon name="${e}"></bl-icon>`:null}</div>
|
|
21
|
+
<span class="label"><slot></slot></span>
|
|
22
|
+
</label>
|
|
23
|
+
`}};t([o({type:Boolean,reflect:!0})],i.prototype,"checked",2),t([o()],i.prototype,"value",2),t([o({type:Boolean,reflect:!0})],i.prototype,"required",2),t([o({type:Boolean,reflect:!0})],i.prototype,"disabled",2),t([o({type:Boolean,reflect:!0})],i.prototype,"indeterminate",2),t([l("bl-checkbox-change")],i.prototype,"onChange",2),t([l("bl-focus")],i.prototype,"onFocus",2),t([l("bl-blur")],i.prototype,"onBlur",2),t([m("[type=checkbox]")],i.prototype,"checkboxElement",2),i=t([c(h)],i);export{h as a,i as b,p as c,u as d,r as e};
|
|
24
|
+
//# sourceMappingURL=chunk-FEQIC2KZ.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/checkbox-group/checkbox/bl-checkbox.css", "../src/components/checkbox-group/bl-checkbox-group.css", "../src/components/checkbox-group/bl-checkbox-group.ts", "../src/components/checkbox-group/checkbox/bl-checkbox.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;vertical-align:middle}:host *{outline:0}label{display:flex;align-items:center;gap:var(--bl-size-2xs);color:var(--bl-color-secondary);font:var(--bl-font-title-3);cursor:pointer;user-select:none}input{appearance:none;position:absolute}.check-mark{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);border:1px solid var(--bl-color-border);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-content-primary-contrast);font-size:var(--bl-font-size-2xs)}:host([checked]) .label,:host(:hover) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label{color:var(--bl-color-primary)}:host(:is([checked],[indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:0}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-content-passive)}:host([disabled]) .check-mark{background-color:var(--bl-color-secondary-background)}:host(:not([disabled])) input:focus-visible+.check-mark{box-shadow:0 0 0 1px white,0 0 0 3px var(--bl-color-primary)}`;\nexport default styles;\n", "import {css} from 'lit';\nexport const styles = css`:host{display:flex;flex-direction:row}fieldset{border:0;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-content-primary)}.options{display:flex;flex-flow:var(--bl-checkbox-direction,column) wrap;gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}`;\nexport default styles;\n", "import { FormControlMixin } from '@open-wc/form-control';\nimport { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport 'element-internals-polyfill';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport style from './bl-checkbox-group.css';\nimport BlCheckbox, { blCheckboxTag } from './checkbox/bl-checkbox';\n\nexport const blCheckboxGroupTag = 'bl-checkbox-group';\n\nexport const blChangeEventName = 'bl-checkbox-group-change';\n\n/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty --bl-checkbox-direction - Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */\n@customElement(blCheckboxGroupTag)\nexport default class BlCheckboxGroup extends FormControlMixin(LitElement) {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets the checkbox group label\n */\n @property({ type: String })\n label: string;\n\n /**\n * Set and gets the actual value of the field\n */\n @property({ type: Array, reflect: true })\n value: string[] = [];\n\n /**\n * Sets option as required\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n get options(): BlCheckbox[] {\n return [].slice.call(this.querySelectorAll(blCheckboxTag));\n }\n\n get checkedOptions(): string[] {\n return this.options.filter(opt => opt.checked).map(opt => opt.value);\n }\n\n get availableOptions(): BlCheckbox[] {\n return this.options.filter(option => !option.disabled);\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n\n this.tabIndex = 0;\n this.addEventListener('focus', this.handleFocus);\n this.addEventListener('keydown', this.handleKeyDown);\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.removeEventListener('focus', this.handleFocus);\n this.removeEventListener('keydown', this.handleKeyDown);\n }\n\n updated(changedProperties: Map<string, unknown>): void {\n if (changedProperties.has('value')) {\n this.setValue(this.checkedOptions.join(','));\n this.onChange(this.value);\n }\n }\n\n /**\n * Fires when checkbox group value changed\n */\n @event('bl-checkbox-group-change') private onChange: EventDispatcher<string[]>;\n\n private focusedOptionIndex = 0;\n\n private handleOptionChecked() {\n this.value = this.checkedOptions;\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n // Next option\n if (['ArrowDown', 'ArrowRight'].includes(event.key)) {\n this.focusedOptionIndex++;\n\n // Previous option\n } else if (['ArrowUp', 'ArrowLeft'].includes(event.key)) {\n this.focusedOptionIndex--;\n\n // next or previous option with tab / hold shift & tab\n } else if (event.key === 'Tab') {\n event.shiftKey ? this.focusedOptionIndex-- : this.focusedOptionIndex++;\n\n if (this.focusedOptionIndex === this.availableOptions.length) {\n this.tabIndex = 0;\n this.focusedOptionIndex = 0;\n return;\n }\n } else {\n // Other keys are not our interest here\n return;\n }\n\n // Don't exceed array indexes\n this.focusedOptionIndex = Math.max(\n 0,\n Math.min(this.focusedOptionIndex, this.availableOptions.length - 1)\n );\n\n this.availableOptions[this.focusedOptionIndex].focus();\n\n event.preventDefault();\n }\n\n private handleFocus() {\n this.availableOptions[this.focusedOptionIndex].focus();\n }\n\n render(): TemplateResult {\n return html`<fieldset role=\"group\" aria-labelledby=\"label\" aria-required=${this.required}>\n <legend id=\"label\">${this.label}</legend>\n <div class=\"options\" @bl-checkbox-change=${this.handleOptionChecked}>\n <slot></slot>\n </div>\n </fieldset>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [blCheckboxGroupTag]: BlCheckboxGroup;\n }\n interface HTMLElementEventMap {\n [blChangeEventName]: CustomEvent<string[]>;\n }\n}\n", "import { FormControlMixin } from '@open-wc/form-control';\nimport { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport 'element-internals-polyfill';\nimport { event, EventDispatcher } from '../../../utilities/event';\nimport '../../icon/bl-icon';\nimport type BlCheckboxGroup from '../bl-checkbox-group';\nimport style from './bl-checkbox.css';\nimport { blCheckboxGroupTag, blChangeEventName } from '../bl-checkbox-group';\n\nexport const blCheckboxTag = 'bl-checkbox';\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\n@customElement(blCheckboxTag)\nexport default class BlCheckbox extends FormControlMixin(LitElement) {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets the checked state for checkbox\n */\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n /**\n * Sets the checkbox value\n */\n @property()\n value: string;\n\n /**\n * Sets checkbox as required\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * Sets the disabled state for checkbox\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Sets the indeterminate state for checkbox\n */\n @property({ type: Boolean, reflect: true })\n indeterminate = false;\n\n /**\n * Fires whenever user change the value of the checkbox.\n */\n @event('bl-checkbox-change') private onChange: EventDispatcher<boolean>;\n\n /**\n * Fires when checkbox is focused\n */\n @event('bl-focus') private onFocus: EventDispatcher<string>;\n\n /**\n * Fires when checkbox is blurred\n */\n @event('bl-blur') private onBlur: EventDispatcher<string>;\n\n @query('[type=checkbox]') checkboxElement: HTMLElement;\n\n protected field: BlCheckboxGroup | null;\n\n connectedCallback(): void {\n super.connectedCallback();\n\n this.field = this.closest<BlCheckboxGroup>(blCheckboxGroupTag);\n this.field?.addEventListener(blChangeEventName, this.handleFieldValueChange);\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.field?.removeEventListener(blChangeEventName, this.handleFieldValueChange);\n }\n\n updated(changedProperties: Map<string, unknown>): void {\n if (changedProperties.has('checked') && this.required && this.checked) {\n this.setValue(this.value);\n }\n }\n\n update(changedProperties: Map<string, unknown>) {\n super.update(changedProperties);\n if (this.indeterminate && this.checked) {\n this.checked = false;\n this.requestUpdate('checked', true);\n }\n }\n\n /**\n * Focuses this option\n */\n focus() {\n this.checkboxElement.tabIndex = 0;\n this.checkboxElement.focus();\n this.onFocus(this.value);\n }\n\n /**\n * Blurs from this option\n */\n blur() {\n this.onBlur(this.value);\n if (!this.field) return;\n this.checkboxElement.tabIndex = -1;\n }\n\n private handleChange(event: CustomEvent) {\n const target = event.target as HTMLInputElement;\n this.checked = target.checked;\n this.onChange(target.checked);\n this.indeterminate = false;\n }\n\n private handleFieldValueChange = (event: CustomEvent<Array<string>>) => {\n this.checked = event.detail.includes(this.value);\n };\n\n render(): TemplateResult {\n let icon = '';\n if (this.checked) icon = 'check';\n if (this.indeterminate) icon = 'minus';\n\n return html`\n <label>\n <input\n type=\"checkbox\"\n .checked=${live(this.checked)}\n ?disabled=${this.disabled}\n aria-required=${this.required}\n aria-labelledby=\"label\"\n aria-readonly=${this.disabled}\n .indeterminate=${this.indeterminate}\n @change=${this.handleChange}\n value=${ifDefined(this.value)}\n @blur=${this.blur}\n />\n <div class=\"check-mark\">${icon ? html`<bl-icon name=\"${icon}\"></bl-icon>` : null}</div>\n <span class=\"label\"><slot></slot></span>\n </label>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [blCheckboxTag]: BlCheckbox;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["styles", "r", "bl_checkbox_default", "styles", "r", "bl_checkbox_group_default", "blCheckboxGroupTag", "blChangeEventName", "BlCheckboxGroup", "FormControlMixin", "s", "bl_checkbox_group_default", "blCheckboxTag", "opt", "option", "changedProperties", "event", "$", "__decorateClass", "e", "n", "blCheckboxTag", "BlCheckbox", "FormControlMixin", "s", "event", "bl_checkbox_default", "_a", "blCheckboxGroupTag", "blChangeEventName", "changedProperties", "target", "icon", "$", "l", "__decorateClass", "e", "i", "n"]
|
|
7
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as b}from"./chunk-ENFFFE4I.js";import{a as m}from"./chunk-2TVOKUHE.js";import{a as u}from"./chunk-23UFIOHV.js";import{a as c,b as n,f as p,g as d,h as o}from"./chunk-HG7OBTQS.js";import{a as r}from"./chunk-NZ3RGSR6.js";var h=c`:host{display:block}.alert{--padding:var(--bl-size-m);--main-color:var(--bl-color-primary);--main-bg-color:var(--bl-color-accent-primary-background);position:relative;display:flex;align-items:flex-start;justify-content:space-between;background-color:var(--main-bg-color);color:var(--bl-color-content-primary);box-shadow:0 0 0 1px var(--main-color);border-radius:var(--bl-border-radius-s);padding:calc(var(--padding) / 2) var(--padding)}.description{font:var(--bl-font-title-3-regular)}.wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex:auto}.content{display:flex;align-items:center;padding:calc(var(--padding) / 2) 0;margin-right:var(--bl-size-2xs);flex:20 1 70%}.icon{margin-right:var(--bl-size-2xs);color:var(--main-color)}.text-content{display:flex;flex-direction:column}.caption{color:var(--main-color);font:var(--bl-font-title-3-medium);margin-bottom:var(--bl-size-4xs)}.action{display:flex;align-items:center;flex:1 1 0%}.caption+.description{font:var(--bl-font-body-text-3)}.close-spaced{margin-top:calc(var(--padding) / 2)}:host([closed]){display:none}:host([variant='success']) .alert{--main-color:var(--bl-color-success);--main-bg-color:var(--bl-color-success-background)}:host([variant='warning']) .alert{--main-color:var(--bl-color-warning);--main-bg-color:var(--bl-color-warning-background)}:host([variant='danger']) .alert{--main-color:var(--bl-color-danger);--main-bg-color:var(--bl-color-danger-background)}`,f=h;var g=()=>({fromAttribute:a=>!a||a==="true"?!0:a==="false"?!1:a});var t=class extends p{constructor(){super(...arguments);this.variant="info";this.closable=!1;this.closed=!1}static get styles(){return[f]}open(){this.closed=!1}close(){this.closed=!0}get _hasAlertCaptionSlot(){return this.querySelector(':scope > [slot="caption"]')!==null}_closeHandler(){this.closed=!0,this.onClose(!0)}_predefinedIcons(){switch(this.variant){case"success":return"check_fill";case"danger":return"close_fill";default:return this.variant}}_getIcon(){if(!!this.icon)return this.icon===!0?this._predefinedIcons():this.icon}_initAlertActionSlot(i){i.target.assignedElements().forEach(e=>{var s;if(e.tagName!=="BL-BUTTON"){(s=e.parentNode)==null||s.removeChild(e);return}e.setAttribute("variant","tertiary"),e.setAttribute("kind","neutral"),e.setAttribute("size","medium"),e.removeAttribute("icon")})}render(){let i=this.caption||this._hasAlertCaptionSlot?n`<span class="caption">
|
|
2
2
|
<slot name="caption"> ${this.caption} </slot>
|
|
3
3
|
</span>`:null,l=this._getIcon()?n`<bl-icon class="icon" name=${m(this._getIcon())}></bl-icon>`:null,e=b({close:!0,"close-spaced":!!i}),s=this.closable?n`<bl-button
|
|
4
4
|
class=${e}
|
|
@@ -22,4 +22,4 @@ import{a as m}from"./chunk-2TVOKUHE.js";import{a as b}from"./chunk-ENFFFE4I.js";
|
|
|
22
22
|
${s}
|
|
23
23
|
</div>
|
|
24
24
|
`}};r([o({reflect:!0})],t.prototype,"variant",2),r([o()],t.prototype,"description",2),r([o({converter:g()})],t.prototype,"icon",2),r([o({type:Boolean,reflect:!0})],t.prototype,"closable",2),r([o()],t.prototype,"caption",2),r([o({type:Boolean,reflect:!0})],t.prototype,"closed",2),r([u("bl-close")],t.prototype,"onClose",2),t=r([d("bl-alert")],t);export{t as a};
|
|
25
|
-
//# sourceMappingURL=chunk-
|
|
25
|
+
//# sourceMappingURL=chunk-OEJUFPBS.js.map
|
|
File without changes
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-OEJUFPBS.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.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-alert.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-5JOXJIWB.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.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-button.js.map
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
|
|
2
|
+
import 'element-internals-polyfill';
|
|
3
|
+
import BlCheckbox from './checkbox/bl-checkbox';
|
|
4
|
+
export declare const blCheckboxGroupTag = "bl-checkbox-group";
|
|
5
|
+
export declare const blChangeEventName = "bl-checkbox-group-change";
|
|
6
|
+
declare const BlCheckboxGroup_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
|
|
7
|
+
/**
|
|
8
|
+
* @tag bl-checkbox-group
|
|
9
|
+
* @summary Baklava Button component
|
|
10
|
+
*
|
|
11
|
+
* @cssproperty --bl-checkbox-direction - Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`
|
|
12
|
+
*/
|
|
13
|
+
export default class BlCheckboxGroup extends BlCheckboxGroup_base {
|
|
14
|
+
static get styles(): CSSResultGroup;
|
|
15
|
+
/**
|
|
16
|
+
* Sets the checkbox group label
|
|
17
|
+
*/
|
|
18
|
+
label: string;
|
|
19
|
+
/**
|
|
20
|
+
* Set and gets the actual value of the field
|
|
21
|
+
*/
|
|
22
|
+
value: string[];
|
|
23
|
+
/**
|
|
24
|
+
* Sets option as required
|
|
25
|
+
*/
|
|
26
|
+
required: boolean;
|
|
27
|
+
get options(): BlCheckbox[];
|
|
28
|
+
get checkedOptions(): string[];
|
|
29
|
+
get availableOptions(): BlCheckbox[];
|
|
30
|
+
connectedCallback(): void;
|
|
31
|
+
disconnectedCallback(): void;
|
|
32
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
33
|
+
/**
|
|
34
|
+
* Fires when checkbox group value changed
|
|
35
|
+
*/
|
|
36
|
+
private onChange;
|
|
37
|
+
private focusedOptionIndex;
|
|
38
|
+
private handleOptionChecked;
|
|
39
|
+
private handleKeyDown;
|
|
40
|
+
private handleFocus;
|
|
41
|
+
render(): TemplateResult;
|
|
42
|
+
}
|
|
43
|
+
declare global {
|
|
44
|
+
interface HTMLElementTagNameMap {
|
|
45
|
+
[blCheckboxGroupTag]: BlCheckboxGroup;
|
|
46
|
+
}
|
|
47
|
+
interface HTMLElementEventMap {
|
|
48
|
+
[blChangeEventName]: CustomEvent<string[]>;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
export {};
|
|
52
|
+
//# sourceMappingURL=bl-checkbox-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group/bl-checkbox-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,4BAA4B,CAAC;AAGpC,OAAO,UAA6B,MAAM,wBAAwB,CAAC;AAEnE,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD,eAAO,MAAM,iBAAiB,6BAA6B,CAAC;;AAE5D;;;;;GAKG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAA4B;IACvE,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,EAAE,CAAM;IAErB;;OAEG;IAEH,QAAQ,UAAS;IAEjB,IAAI,OAAO,IAAI,UAAU,EAAE,CAE1B;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAE7B;IAED,IAAI,gBAAgB,IAAI,UAAU,EAAE,CAEnC;IAED,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAOtD;;OAEG;IACgC,OAAO,CAAC,QAAQ,CAA4B;IAE/E,OAAO,CAAC,kBAAkB,CAAK;IAE/B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,aAAa;IAkCrB,OAAO,CAAC,WAAW;IAInB,MAAM,IAAI,cAAc;CAQzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC;KACvC;IACD,UAAU,mBAAmB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;KAC5C;CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{c as a,d as b,e as c}from"../../chunk-FEQIC2KZ.js";import"../../chunk-KQBKSEYJ.js";import"../../chunk-5VLVLBWY.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{b as blChangeEventName,a as blCheckboxGroupTag,c as default};
|
|
2
|
+
//# sourceMappingURL=bl-checkbox-group.js.map
|
package/dist/components/{checkbox/bl-checkbox.js.map → checkbox-group/bl-checkbox-group.js.map}
RENAMED
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-checkbox-group.test.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group/bl-checkbox-group.test.ts"],"names":[],"mappings":"AAGA,OAAO,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
|
|
2
|
+
import 'element-internals-polyfill';
|
|
3
|
+
import '../../icon/bl-icon';
|
|
4
|
+
import type BlCheckboxGroup from '../bl-checkbox-group';
|
|
5
|
+
export declare const blCheckboxTag = "bl-checkbox";
|
|
6
|
+
declare const BlCheckbox_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
|
|
7
|
+
/**
|
|
8
|
+
* @tag bl-checkbox
|
|
9
|
+
* @summary Baklava Checkbox component
|
|
10
|
+
*/
|
|
11
|
+
export default class BlCheckbox extends BlCheckbox_base {
|
|
12
|
+
static get styles(): CSSResultGroup;
|
|
13
|
+
/**
|
|
14
|
+
* Sets the checked state for checkbox
|
|
15
|
+
*/
|
|
16
|
+
checked: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Sets the checkbox value
|
|
19
|
+
*/
|
|
20
|
+
value: string;
|
|
21
|
+
/**
|
|
22
|
+
* Sets checkbox as required
|
|
23
|
+
*/
|
|
24
|
+
required: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Sets the disabled state for checkbox
|
|
27
|
+
*/
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Sets the indeterminate state for checkbox
|
|
31
|
+
*/
|
|
32
|
+
indeterminate: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Fires whenever user change the value of the checkbox.
|
|
35
|
+
*/
|
|
36
|
+
private onChange;
|
|
37
|
+
/**
|
|
38
|
+
* Fires when checkbox is focused
|
|
39
|
+
*/
|
|
40
|
+
private onFocus;
|
|
41
|
+
/**
|
|
42
|
+
* Fires when checkbox is blurred
|
|
43
|
+
*/
|
|
44
|
+
private onBlur;
|
|
45
|
+
checkboxElement: HTMLElement;
|
|
46
|
+
protected field: BlCheckboxGroup | null;
|
|
47
|
+
connectedCallback(): void;
|
|
48
|
+
disconnectedCallback(): void;
|
|
49
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
50
|
+
update(changedProperties: Map<string, unknown>): void;
|
|
51
|
+
/**
|
|
52
|
+
* Focuses this option
|
|
53
|
+
*/
|
|
54
|
+
focus(): void;
|
|
55
|
+
/**
|
|
56
|
+
* Blurs from this option
|
|
57
|
+
*/
|
|
58
|
+
blur(): void;
|
|
59
|
+
private handleChange;
|
|
60
|
+
private handleFieldValueChange;
|
|
61
|
+
render(): TemplateResult;
|
|
62
|
+
}
|
|
63
|
+
declare global {
|
|
64
|
+
interface HTMLElementTagNameMap {
|
|
65
|
+
[blCheckboxTag]: BlCheckbox;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
export {};
|
|
69
|
+
//# sourceMappingURL=bl-checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox-group/checkbox/bl-checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,4BAA4B,CAAC;AAEpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,eAAe,MAAM,sBAAsB,CAAC;AAIxD,eAAO,MAAM,aAAa,gBAAgB,CAAC;;AAE3C;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAA4B;IAClE,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAC0B,OAAO,CAAC,QAAQ,CAA2B;IAExE;;OAEG;IACgB,OAAO,CAAC,OAAO,CAA0B;IAE5D;;OAEG;IACe,OAAO,CAAC,MAAM,CAA0B;IAEhC,eAAe,EAAE,WAAW,CAAC;IAEvD,SAAS,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAExC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMtD,MAAM,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAQ9C;;OAEG;IACH,KAAK;IAML;;OAEG;IACH,IAAI;IAMJ,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,sBAAsB,CAE5B;IAEF,MAAM,IAAI,cAAc;CAwBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;KAC7B;CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a,b}from"../../../chunk-FEQIC2KZ.js";import"../../../chunk-KQBKSEYJ.js";import"../../../chunk-5VLVLBWY.js";import"../../../chunk-2TVOKUHE.js";import"../../../chunk-WXJKPVRA.js";import"../../../chunk-72IJCTLJ.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-HG7OBTQS.js";import"../../../chunk-NZ3RGSR6.js";export{a as blCheckboxTag,b as default};
|
|
2
|
+
//# sourceMappingURL=bl-checkbox.js.map
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-checkbox.test.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox-group/checkbox/bl-checkbox.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-H37QVPNF.js";import"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-H37QVPNF.js";import"../../chunk-5JOXJIWB.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.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-dialog.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-UL6BSR26.js";import"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-UL6BSR26.js";import"../../chunk-5JOXJIWB.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.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-drawer.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-EA5US64C.js";import"../../chunk-KQBKSEYJ.js";import"../../chunk-5VLVLBWY.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.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-4H6GIXMH.js";import"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-4H6GIXMH.js";import"../../chunk-EA5US64C.js";import"../../chunk-GBFJ2WUI.js";import"../../chunk-KWTSWXUL.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-KQBKSEYJ.js";import"../../chunk-5VLVLBWY.js";import"../../chunk-5JOXJIWB.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.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
|
|
@@ -297,74 +297,116 @@
|
|
|
297
297
|
},
|
|
298
298
|
{
|
|
299
299
|
"kind": "javascript-module",
|
|
300
|
-
"path": "src/components/checkbox/bl-checkbox.ts",
|
|
300
|
+
"path": "src/components/checkbox-group/bl-checkbox-group.ts",
|
|
301
301
|
"declarations": [
|
|
302
|
+
{
|
|
303
|
+
"kind": "variable",
|
|
304
|
+
"name": "blCheckboxGroupTag",
|
|
305
|
+
"type": {
|
|
306
|
+
"text": "string"
|
|
307
|
+
},
|
|
308
|
+
"default": "'bl-checkbox-group'"
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"kind": "variable",
|
|
312
|
+
"name": "blChangeEventName",
|
|
313
|
+
"type": {
|
|
314
|
+
"text": "string"
|
|
315
|
+
},
|
|
316
|
+
"default": "'bl-checkbox-group-change'"
|
|
317
|
+
},
|
|
302
318
|
{
|
|
303
319
|
"kind": "class",
|
|
304
320
|
"description": "",
|
|
305
|
-
"name": "
|
|
321
|
+
"name": "BlCheckboxGroup",
|
|
322
|
+
"cssProperties": [
|
|
323
|
+
{
|
|
324
|
+
"description": "Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`",
|
|
325
|
+
"name": "--bl-checkbox-direction"
|
|
326
|
+
}
|
|
327
|
+
],
|
|
306
328
|
"events": [
|
|
307
329
|
{
|
|
308
330
|
"type": {
|
|
309
|
-
"text": "CustomEvent<
|
|
331
|
+
"text": "CustomEvent<EventDispatcher<string[]>>"
|
|
310
332
|
},
|
|
311
|
-
"description": "Fires
|
|
312
|
-
"name": "bl-checkbox-change"
|
|
333
|
+
"description": "Fires when checkbox group value changed",
|
|
334
|
+
"name": "bl-checkbox-group-change"
|
|
313
335
|
}
|
|
314
336
|
],
|
|
315
337
|
"attributes": [
|
|
316
338
|
{
|
|
317
|
-
"name": "
|
|
339
|
+
"name": "label",
|
|
318
340
|
"type": {
|
|
319
|
-
"text": "
|
|
341
|
+
"text": "string"
|
|
320
342
|
},
|
|
321
|
-
"
|
|
322
|
-
"
|
|
323
|
-
"fieldName": "checked"
|
|
343
|
+
"description": "Sets the checkbox group label",
|
|
344
|
+
"fieldName": "label"
|
|
324
345
|
},
|
|
325
346
|
{
|
|
326
|
-
"name": "
|
|
347
|
+
"name": "value",
|
|
327
348
|
"type": {
|
|
328
|
-
"text": "
|
|
349
|
+
"text": "string[]"
|
|
329
350
|
},
|
|
330
|
-
"default": "
|
|
331
|
-
"description": "
|
|
332
|
-
"fieldName": "
|
|
351
|
+
"default": "[]",
|
|
352
|
+
"description": "Set and gets the actual value of the field",
|
|
353
|
+
"fieldName": "value"
|
|
333
354
|
},
|
|
334
355
|
{
|
|
335
|
-
"name": "
|
|
356
|
+
"name": "required",
|
|
336
357
|
"type": {
|
|
337
358
|
"text": "boolean"
|
|
338
359
|
},
|
|
339
360
|
"default": "false",
|
|
340
|
-
"description": "Sets
|
|
341
|
-
"fieldName": "
|
|
361
|
+
"description": "Sets option as required",
|
|
362
|
+
"fieldName": "required"
|
|
363
|
+
}
|
|
364
|
+
],
|
|
365
|
+
"mixins": [
|
|
366
|
+
{
|
|
367
|
+
"name": "FormControlMixin",
|
|
368
|
+
"package": "@open-wc/form-control"
|
|
342
369
|
}
|
|
343
370
|
],
|
|
344
371
|
"superclass": {
|
|
345
372
|
"name": "LitElement",
|
|
346
373
|
"package": "lit"
|
|
347
374
|
},
|
|
348
|
-
"tagName": "bl-checkbox",
|
|
349
|
-
"summary": "Baklava
|
|
375
|
+
"tagName": "bl-checkbox-group",
|
|
376
|
+
"summary": "Baklava Button component",
|
|
350
377
|
"customElement": true
|
|
351
378
|
}
|
|
352
379
|
],
|
|
353
380
|
"exports": [
|
|
381
|
+
{
|
|
382
|
+
"kind": "js",
|
|
383
|
+
"name": "blCheckboxGroupTag",
|
|
384
|
+
"declaration": {
|
|
385
|
+
"name": "blCheckboxGroupTag",
|
|
386
|
+
"module": "src/components/checkbox-group/bl-checkbox-group.ts"
|
|
387
|
+
}
|
|
388
|
+
},
|
|
389
|
+
{
|
|
390
|
+
"kind": "js",
|
|
391
|
+
"name": "blChangeEventName",
|
|
392
|
+
"declaration": {
|
|
393
|
+
"name": "blChangeEventName",
|
|
394
|
+
"module": "src/components/checkbox-group/bl-checkbox-group.ts"
|
|
395
|
+
}
|
|
396
|
+
},
|
|
354
397
|
{
|
|
355
398
|
"kind": "js",
|
|
356
399
|
"name": "default",
|
|
357
400
|
"declaration": {
|
|
358
|
-
"name": "
|
|
359
|
-
"module": "src/components/checkbox/bl-checkbox.ts"
|
|
401
|
+
"name": "BlCheckboxGroup",
|
|
402
|
+
"module": "src/components/checkbox-group/bl-checkbox-group.ts"
|
|
360
403
|
}
|
|
361
404
|
},
|
|
362
405
|
{
|
|
363
406
|
"kind": "custom-element-definition",
|
|
364
|
-
"name": "bl-checkbox",
|
|
365
407
|
"declaration": {
|
|
366
|
-
"name": "
|
|
367
|
-
"module": "src/components/checkbox/bl-checkbox.ts"
|
|
408
|
+
"name": "BlCheckboxGroup",
|
|
409
|
+
"module": "src/components/checkbox-group/bl-checkbox-group.ts"
|
|
368
410
|
}
|
|
369
411
|
}
|
|
370
412
|
]
|
|
@@ -1312,6 +1354,132 @@
|
|
|
1312
1354
|
}
|
|
1313
1355
|
]
|
|
1314
1356
|
},
|
|
1357
|
+
{
|
|
1358
|
+
"kind": "javascript-module",
|
|
1359
|
+
"path": "src/components/checkbox-group/checkbox/bl-checkbox.ts",
|
|
1360
|
+
"declarations": [
|
|
1361
|
+
{
|
|
1362
|
+
"kind": "variable",
|
|
1363
|
+
"name": "blCheckboxTag",
|
|
1364
|
+
"type": {
|
|
1365
|
+
"text": "string"
|
|
1366
|
+
},
|
|
1367
|
+
"default": "'bl-checkbox'"
|
|
1368
|
+
},
|
|
1369
|
+
{
|
|
1370
|
+
"kind": "class",
|
|
1371
|
+
"description": "",
|
|
1372
|
+
"name": "BlCheckbox",
|
|
1373
|
+
"events": [
|
|
1374
|
+
{
|
|
1375
|
+
"type": {
|
|
1376
|
+
"text": "CustomEvent<boolean>"
|
|
1377
|
+
},
|
|
1378
|
+
"description": "Fires whenever user change the value of the checkbox.",
|
|
1379
|
+
"name": "bl-checkbox-change"
|
|
1380
|
+
},
|
|
1381
|
+
{
|
|
1382
|
+
"type": {
|
|
1383
|
+
"text": "CustomEvent<string>"
|
|
1384
|
+
},
|
|
1385
|
+
"description": "Fires when checkbox is focused",
|
|
1386
|
+
"name": "bl-focus"
|
|
1387
|
+
},
|
|
1388
|
+
{
|
|
1389
|
+
"type": {
|
|
1390
|
+
"text": "CustomEvent<string>"
|
|
1391
|
+
},
|
|
1392
|
+
"description": "Fires when checkbox is blurred",
|
|
1393
|
+
"name": "bl-blur"
|
|
1394
|
+
}
|
|
1395
|
+
],
|
|
1396
|
+
"attributes": [
|
|
1397
|
+
{
|
|
1398
|
+
"name": "checked",
|
|
1399
|
+
"type": {
|
|
1400
|
+
"text": "boolean"
|
|
1401
|
+
},
|
|
1402
|
+
"default": "false",
|
|
1403
|
+
"description": "Sets the checked state for checkbox",
|
|
1404
|
+
"fieldName": "checked"
|
|
1405
|
+
},
|
|
1406
|
+
{
|
|
1407
|
+
"name": "value",
|
|
1408
|
+
"type": {
|
|
1409
|
+
"text": "string"
|
|
1410
|
+
},
|
|
1411
|
+
"description": "Sets the checkbox value",
|
|
1412
|
+
"fieldName": "value"
|
|
1413
|
+
},
|
|
1414
|
+
{
|
|
1415
|
+
"name": "required",
|
|
1416
|
+
"type": {
|
|
1417
|
+
"text": "boolean"
|
|
1418
|
+
},
|
|
1419
|
+
"default": "false",
|
|
1420
|
+
"description": "Sets checkbox as required",
|
|
1421
|
+
"fieldName": "required"
|
|
1422
|
+
},
|
|
1423
|
+
{
|
|
1424
|
+
"name": "disabled",
|
|
1425
|
+
"type": {
|
|
1426
|
+
"text": "boolean"
|
|
1427
|
+
},
|
|
1428
|
+
"default": "false",
|
|
1429
|
+
"description": "Sets the disabled state for checkbox",
|
|
1430
|
+
"fieldName": "disabled"
|
|
1431
|
+
},
|
|
1432
|
+
{
|
|
1433
|
+
"name": "indeterminate",
|
|
1434
|
+
"type": {
|
|
1435
|
+
"text": "boolean"
|
|
1436
|
+
},
|
|
1437
|
+
"default": "false",
|
|
1438
|
+
"description": "Sets the indeterminate state for checkbox",
|
|
1439
|
+
"fieldName": "indeterminate"
|
|
1440
|
+
}
|
|
1441
|
+
],
|
|
1442
|
+
"mixins": [
|
|
1443
|
+
{
|
|
1444
|
+
"name": "FormControlMixin",
|
|
1445
|
+
"package": "@open-wc/form-control"
|
|
1446
|
+
}
|
|
1447
|
+
],
|
|
1448
|
+
"superclass": {
|
|
1449
|
+
"name": "LitElement",
|
|
1450
|
+
"package": "lit"
|
|
1451
|
+
},
|
|
1452
|
+
"tagName": "bl-checkbox",
|
|
1453
|
+
"summary": "Baklava Checkbox component",
|
|
1454
|
+
"customElement": true
|
|
1455
|
+
}
|
|
1456
|
+
],
|
|
1457
|
+
"exports": [
|
|
1458
|
+
{
|
|
1459
|
+
"kind": "js",
|
|
1460
|
+
"name": "blCheckboxTag",
|
|
1461
|
+
"declaration": {
|
|
1462
|
+
"name": "blCheckboxTag",
|
|
1463
|
+
"module": "src/components/checkbox-group/checkbox/bl-checkbox.ts"
|
|
1464
|
+
}
|
|
1465
|
+
},
|
|
1466
|
+
{
|
|
1467
|
+
"kind": "js",
|
|
1468
|
+
"name": "default",
|
|
1469
|
+
"declaration": {
|
|
1470
|
+
"name": "BlCheckbox",
|
|
1471
|
+
"module": "src/components/checkbox-group/checkbox/bl-checkbox.ts"
|
|
1472
|
+
}
|
|
1473
|
+
},
|
|
1474
|
+
{
|
|
1475
|
+
"kind": "custom-element-definition",
|
|
1476
|
+
"declaration": {
|
|
1477
|
+
"name": "BlCheckbox",
|
|
1478
|
+
"module": "src/components/checkbox-group/checkbox/bl-checkbox.ts"
|
|
1479
|
+
}
|
|
1480
|
+
}
|
|
1481
|
+
]
|
|
1482
|
+
},
|
|
1315
1483
|
{
|
|
1316
1484
|
"kind": "javascript-module",
|
|
1317
1485
|
"path": "src/components/radio-group/radio/bl-radio.ts",
|
package/package.json
CHANGED
package/dist/chunk-KXWO7VUG.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import{a as d}from"./chunk-KQBKSEYJ.js";import{a as c}from"./chunk-23UFIOHV.js";import{a as i,b as l,f as s,g as n,h as a}from"./chunk-HG7OBTQS.js";import{a as r}from"./chunk-NZ3RGSR6.js";var p=i`:host{display:inline-block;vertical-align:middle}label{display:flex;align-items:center;gap:var(--bl-size-2xs);color:var(--bl-color-secondary);font:var(--bl-font-title-3);cursor:pointer;user-select:none}input{appearance:none;position:absolute}.check-mark{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);border:1px solid var(--bl-color-border);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-content-primary-contrast);font-size:var(--bl-font-size-2xs)}:host([checked]) .label{color:var(--bl-color-primary)}:host(:is([checked],[indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:0}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-content-passive)}:host([disabled]) .check-mark{background-color:var(--bl-color-secondary-background)}`,h=p;var e=class extends s{constructor(){super(...arguments);this.checked=!1;this.disabled=!1;this.indeterminate=!1}static get styles(){return[h]}handleChange(t){let o=t.target;this.checked=o.checked,this.onChange(o.checked),this.indeterminate=!1}update(t){super.update(t),this.indeterminate&&this.checked&&(this.checked=!1,this.requestUpdate("checked",!0))}render(){let t="";return this.checked&&(t="check"),this.indeterminate&&(t="minus"),l`
|
|
2
|
-
<label>
|
|
3
|
-
<input
|
|
4
|
-
type="checkbox"
|
|
5
|
-
name="checkbox"
|
|
6
|
-
.checked=${d(this.checked)}
|
|
7
|
-
?disabled=${this.disabled}
|
|
8
|
-
.indeterminate=${this.indeterminate}
|
|
9
|
-
@change=${this.handleChange}
|
|
10
|
-
/>
|
|
11
|
-
<div class="check-mark">${t?l`<bl-icon name="${t}"></bl-icon>`:null}</div>
|
|
12
|
-
<span class="label"><slot></slot></span>
|
|
13
|
-
</label>
|
|
14
|
-
`}};r([a({type:Boolean,reflect:!0})],e.prototype,"checked",2),r([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([a({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),r([c("bl-checkbox-change")],e.prototype,"onChange",2),e=r([n("bl-checkbox")],e);export{e as a};
|
|
15
|
-
//# sourceMappingURL=chunk-KXWO7VUG.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/components/checkbox/bl-checkbox.css", "../src/components/checkbox/bl-checkbox.ts"],
|
|
4
|
-
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;vertical-align:middle}label{display:flex;align-items:center;gap:var(--bl-size-2xs);color:var(--bl-color-secondary);font:var(--bl-font-title-3);cursor:pointer;user-select:none}input{appearance:none;position:absolute}.check-mark{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);border:1px solid var(--bl-color-border);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-content-primary-contrast);font-size:var(--bl-font-size-2xs)}:host([checked]) .label{color:var(--bl-color-primary)}:host(:is([checked],[indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:0}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-content-passive)}:host([disabled]) .check-mark{background-color:var(--bl-color-secondary-background)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport '../icon/bl-icon';\nimport style from './bl-checkbox.css';\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\n@customElement('bl-checkbox')\nexport default class BlCheckbox extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets the checked state for checkbox\n */\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n /**\n * Sets the disabled state for checkbox\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Sets the indeterminate state for checkbox\n */\n @property({ type: Boolean, reflect: true })\n indeterminate = false;\n\n /**\n * Fires whenever user change the value of the checkbox.\n */\n @event('bl-checkbox-change') private onChange: EventDispatcher<boolean>;\n\n handleChange(event: CustomEvent) {\n const target = event.target as HTMLInputElement;\n this.checked = target.checked;\n this.onChange(target.checked);\n this.indeterminate = false;\n }\n\n update(changedProperties: Map<string, unknown>) {\n super.update(changedProperties);\n if (this.indeterminate && this.checked) {\n this.checked = false;\n this.requestUpdate('checked', true);\n }\n }\n\n render(): TemplateResult {\n let icon = '';\n if (this.checked) icon = 'check';\n if (this.indeterminate) icon = 'minus';\n\n return html`\n <label>\n <input\n type=\"checkbox\"\n name=\"checkbox\"\n .checked=${live(this.checked)}\n ?disabled=${this.disabled}\n .indeterminate=${this.indeterminate}\n @change=${this.handleChange}\n />\n <div class=\"check-mark\">${icon ? html`<bl-icon name=\"${icon}\"></bl-icon>` : null}</div>\n <span class=\"label\"><slot></slot></span>\n </label>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-checkbox': BlCheckbox;\n }\n}\n"],
|
|
5
|
-
"mappings": "4LACO,IAAMA,EAASC,22BACfC,EAAQF,ECUf,IAAqBG,EAArB,cAAwC,CAAW,CAAnD,kCASE,aAAU,GAMV,cAAW,GAMX,mBAAgB,GApBhB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAyBA,aAAaC,EAAoB,CAC/B,IAAMC,EAASD,EAAM,OACrB,KAAK,QAAUC,EAAO,QACtB,KAAK,SAASA,EAAO,OAAO,EAC5B,KAAK,cAAgB,EACvB,CAEA,OAAOC,EAAyC,CAC9C,MAAM,OAAOA,CAAiB,EAC1B,KAAK,eAAiB,KAAK,UAC7B,KAAK,QAAU,GACf,KAAK,cAAc,UAAW,EAAI,EAEtC,CAEA,QAAyB,CACvB,IAAIC,EAAO,GACX,OAAI,KAAK,UAASA,EAAO,SACrB,KAAK,gBAAeA,EAAO,SAExBC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKUC,EAAK,KAAK,OAAO;AAAA,sBAChB,KAAK;AAAA,2BACA,KAAK;AAAA,oBACZ,KAAK;AAAA;AAAA,kCAESF,EAAOC,mBAAsBD,gBAAqB;AAAA;AAAA;AAAA,KAIlF,CACF,EAtDEG,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARvBT,EASnB,uBAMAQ,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAdvBT,EAenB,wBAMAQ,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GApBvBT,EAqBnB,6BAKqCQ,EAAA,CAApCN,EAAM,oBAAoB,GA1BRF,EA0BkB,wBA1BlBA,EAArBQ,EAAA,CADC,EAAc,aAAa,GACPR",
|
|
6
|
-
"names": ["styles", "r", "bl_checkbox_default", "BlCheckbox", "bl_checkbox_default", "event", "target", "changedProperties", "icon", "$", "l", "__decorateClass", "e"]
|
|
7
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
|
|
2
|
-
import '../icon/bl-icon';
|
|
3
|
-
/**
|
|
4
|
-
* @tag bl-checkbox
|
|
5
|
-
* @summary Baklava Checkbox component
|
|
6
|
-
*/
|
|
7
|
-
export default class BlCheckbox extends LitElement {
|
|
8
|
-
static get styles(): CSSResultGroup;
|
|
9
|
-
/**
|
|
10
|
-
* Sets the checked state for checkbox
|
|
11
|
-
*/
|
|
12
|
-
checked: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Sets the disabled state for checkbox
|
|
15
|
-
*/
|
|
16
|
-
disabled: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Sets the indeterminate state for checkbox
|
|
19
|
-
*/
|
|
20
|
-
indeterminate: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Fires whenever user change the value of the checkbox.
|
|
23
|
-
*/
|
|
24
|
-
private onChange;
|
|
25
|
-
handleChange(event: CustomEvent): void;
|
|
26
|
-
update(changedProperties: Map<string, unknown>): void;
|
|
27
|
-
render(): TemplateResult;
|
|
28
|
-
}
|
|
29
|
-
declare global {
|
|
30
|
-
interface HTMLElementTagNameMap {
|
|
31
|
-
'bl-checkbox': BlCheckbox;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
//# sourceMappingURL=bl-checkbox.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"bl-checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/bl-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,iBAAiB,CAAC;AAGzB;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAC0B,OAAO,CAAC,QAAQ,CAA2B;IAExE,YAAY,CAAC,KAAK,EAAE,WAAW;IAO/B,MAAM,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAQ9C,MAAM,IAAI,cAAc;CAoBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a}from"../../chunk-KXWO7VUG.js";import"../../chunk-KQBKSEYJ.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-checkbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"bl-checkbox.test.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/bl-checkbox.test.ts"],"names":[],"mappings":""}
|