@trendyol/baklava 2.0.0-beta.20 → 2.0.0-beta.23
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/README.md +1 -1
- package/dist/baklava.js +1 -1
- package/dist/chunk-7M2LGOCX.js +7 -0
- package/dist/chunk-7M2LGOCX.js.map +7 -0
- package/dist/{chunk-DGRXEOW7.js → chunk-BBQNBSAJ.js} +2 -16
- package/dist/{chunk-DGRXEOW7.js.map → chunk-BBQNBSAJ.js.map} +2 -2
- package/dist/chunk-HEJ42DNS.js +18 -0
- package/dist/chunk-HEJ42DNS.js.map +7 -0
- package/dist/chunk-LVWH2KEY.js +30 -0
- package/dist/chunk-LVWH2KEY.js.map +7 -0
- package/dist/chunk-O4DFKSRZ.js +2 -0
- package/dist/chunk-O4DFKSRZ.js.map +7 -0
- package/dist/chunk-O5S6ERZ7.js +11 -0
- package/dist/chunk-O5S6ERZ7.js.map +7 -0
- package/dist/chunk-W4OOR3LR.js +20 -0
- package/dist/chunk-W4OOR3LR.js.map +7 -0
- package/dist/chunk-WATPLV54.js +5 -0
- package/dist/chunk-WATPLV54.js.map +7 -0
- package/dist/chunk-ZHDVBZMU.js +12 -0
- package/dist/chunk-ZHDVBZMU.js.map +7 -0
- package/dist/components/badge/bl-badge.js +1 -1
- package/dist/components/button/bl-button.js +1 -1
- package/dist/components/icon/bl-icon.js +1 -1
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/progress-indicator/bl-progress-indicator.js +1 -1
- package/dist/components/tab-group/bl-tab-group.js +1 -1
- package/dist/components/tab-group/tab/bl-tab.js +1 -1
- package/dist/components/tab-group/tab-panel/bl-tab-panel.js +1 -1
- package/dist/components/tooltip/bl-tooltip.js +1 -1
- package/dist/custom-elements.json +19 -61
- package/package.json +1 -1
- package/dist/chunk-4HMEMZY7.js +0 -29
- package/dist/chunk-4HMEMZY7.js.map +0 -7
- package/dist/chunk-5AGXQPQY.js +0 -14
- package/dist/chunk-5AGXQPQY.js.map +0 -7
- package/dist/chunk-675JRUTN.js +0 -185
- package/dist/chunk-675JRUTN.js.map +0 -7
- package/dist/chunk-7NRCA735.js +0 -64
- package/dist/chunk-7NRCA735.js.map +0 -7
- package/dist/chunk-AMTKE3PJ.js +0 -43
- package/dist/chunk-AMTKE3PJ.js.map +0 -7
- package/dist/chunk-EKMTGBDD.js +0 -148
- package/dist/chunk-EKMTGBDD.js.map +0 -7
- package/dist/chunk-FP5POXZC.js +0 -57
- package/dist/chunk-FP5POXZC.js.map +0 -7
- package/dist/chunk-LZXRWVZI.js +0 -185
- package/dist/chunk-LZXRWVZI.js.map +0 -7
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../node_modules/@floating-ui/core/dist/floating-ui.core.browser.min.mjs", "../node_modules/@floating-ui/dom/dist/floating-ui.dom.browser.min.mjs", "../src/components/tooltip/bl-tooltip.css", "../src/components/tooltip/bl-tooltip.ts"],
|
|
4
|
-
"sourcesContent": ["function t(t){return t.split(\"-\")[0]}function e(t){return t.split(\"-\")[1]}function n(e){return[\"top\",\"bottom\"].includes(t(e))?\"x\":\"y\"}function r(t){return\"y\"===t?\"height\":\"width\"}function i(i,o,a){let{reference:l,floating:s}=i;const c=l.x+l.width/2-s.width/2,f=l.y+l.height/2-s.height/2,u=n(o),m=r(u),g=l[m]/2-s[m]/2,d=\"x\"===u;let p;switch(t(o)){case\"top\":p={x:c,y:l.y-s.height};break;case\"bottom\":p={x:c,y:l.y+l.height};break;case\"right\":p={x:l.x+l.width,y:f};break;case\"left\":p={x:l.x-s.width,y:f};break;default:p={x:l.x,y:l.y}}switch(e(o)){case\"start\":p[u]-=g*(a&&d?-1:1);break;case\"end\":p[u]+=g*(a&&d?-1:1)}return p}const o=async(t,e,n)=>{const{placement:r=\"bottom\",strategy:o=\"absolute\",middleware:a=[],platform:l}=n,s=await(null==l.isRTL?void 0:l.isRTL(e));let c=await l.getElementRects({reference:t,floating:e,strategy:o}),{x:f,y:u}=i(c,r,s),m=r,g={},d=0;for(let n=0;n<a.length;n++){const{name:p,fn:h}=a[n],{x:y,y:x,data:w,reset:v}=await h({x:f,y:u,initialPlacement:r,placement:m,strategy:o,middlewareData:g,rects:c,platform:l,elements:{reference:t,floating:e}});f=null!=y?y:f,u=null!=x?x:u,g={...g,[p]:{...g[p],...w}},v&&d<=50&&(d++,\"object\"==typeof v&&(v.placement&&(m=v.placement),v.rects&&(c=!0===v.rects?await l.getElementRects({reference:t,floating:e,strategy:o}):v.rects),({x:f,y:u}=i(c,m,s))),n=-1)}return{x:f,y:u,placement:m,strategy:o,middlewareData:g}};function a(t){return\"number\"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function s(t,e){var n;void 0===e&&(e={});const{x:r,y:i,platform:o,rects:s,elements:c,strategy:f}=t,{boundary:u=\"clippingAncestors\",rootBoundary:m=\"viewport\",elementContext:g=\"floating\",altBoundary:d=!1,padding:p=0}=e,h=a(p),y=c[d?\"floating\"===g?\"reference\":\"floating\":g],x=l(await o.getClippingRect({element:null==(n=await(null==o.isElement?void 0:o.isElement(y)))||n?y:y.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(c.floating)),boundary:u,rootBoundary:m,strategy:f})),w=l(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:\"floating\"===g?{...s.floating,x:r,y:i}:s.reference,offsetParent:await(null==o.getOffsetParent?void 0:o.getOffsetParent(c.floating)),strategy:f}):s[g]);return{top:x.top-w.top+h.top,bottom:w.bottom-x.bottom+h.bottom,left:x.left-w.left+h.left,right:w.right-x.right+h.right}}const c=Math.min,f=Math.max;function u(t,e,n){return f(t,c(e,n))}const m=t=>({name:\"arrow\",options:t,async fn(i){const{element:o,padding:l=0}=null!=t?t:{},{x:s,y:c,placement:f,rects:m,platform:g}=i;if(null==o)return{};const d=a(l),p={x:s,y:c},h=n(f),y=e(f),x=r(h),w=await g.getDimensions(o),v=\"y\"===h?\"top\":\"left\",b=\"y\"===h?\"bottom\":\"right\",R=m.reference[x]+m.reference[h]-p[h]-m.floating[x],A=p[h]-m.reference[h],P=await(null==g.getOffsetParent?void 0:g.getOffsetParent(o));let T=P?\"y\"===h?P.clientHeight||0:P.clientWidth||0:0;0===T&&(T=m.floating[x]);const O=R/2-A/2,D=d[v],L=T-w[x]-d[b],k=T/2-w[x]/2+O,E=u(D,k,L),C=(\"start\"===y?d[v]:d[b])>0&&k!==E&&m.reference[x]<=m.floating[x];return{[h]:p[h]-(C?k<D?D-k:L-k:0),data:{[h]:E,centerOffset:k-E}}}}),g={left:\"right\",right:\"left\",bottom:\"top\",top:\"bottom\"};function d(t){return t.replace(/left|right|bottom|top/g,(t=>g[t]))}function p(t,i,o){void 0===o&&(o=!1);const a=e(t),l=n(t),s=r(l);let c=\"x\"===l?a===(o?\"end\":\"start\")?\"right\":\"left\":\"start\"===a?\"bottom\":\"top\";return i.reference[s]>i.floating[s]&&(c=d(c)),{main:c,cross:d(c)}}const h={start:\"end\",end:\"start\"};function y(t){return t.replace(/start|end/g,(t=>h[t]))}const x=[\"top\",\"right\",\"bottom\",\"left\"],w=x.reduce(((t,e)=>t.concat(e,e+\"-start\",e+\"-end\")),[]);const v=function(n){return void 0===n&&(n={}),{name:\"autoPlacement\",options:n,async fn(r){var i,o,a,l,c;const{x:f,y:u,rects:m,middlewareData:g,placement:d,platform:h,elements:x}=r,{alignment:v=null,allowedPlacements:b=w,autoAlignment:R=!0,...A}=n,P=function(n,r,i){return(n?[...i.filter((t=>e(t)===n)),...i.filter((t=>e(t)!==n))]:i.filter((e=>t(e)===e))).filter((t=>!n||e(t)===n||!!r&&y(t)!==t))}(v,R,b),T=await s(r,A),O=null!=(i=null==(o=g.autoPlacement)?void 0:o.index)?i:0,D=P[O];if(null==D)return{};const{main:L,cross:k}=p(D,m,await(null==h.isRTL?void 0:h.isRTL(x.floating)));if(d!==D)return{x:f,y:u,reset:{placement:P[0]}};const E=[T[t(D)],T[L],T[k]],C=[...null!=(a=null==(l=g.autoPlacement)?void 0:l.overflows)?a:[],{placement:D,overflows:E}],H=P[O+1];if(H)return{data:{index:O+1,overflows:C},reset:{placement:H}};const B=C.slice().sort(((t,e)=>t.overflows[0]-e.overflows[0])),V=null==(c=B.find((t=>{let{overflows:e}=t;return e.every((t=>t<=0))})))?void 0:c.placement,F=null!=V?V:B[0].placement;return F!==d?{data:{index:O+1,overflows:C},reset:{placement:F}}:{}}}};const b=function(e){return void 0===e&&(e={}),{name:\"flip\",options:e,async fn(n){var r;const{placement:i,middlewareData:o,rects:a,initialPlacement:l,platform:c,elements:f}=n,{mainAxis:u=!0,crossAxis:m=!0,fallbackPlacements:g,fallbackStrategy:h=\"bestFit\",flipAlignment:x=!0,...w}=e,v=t(i),b=g||(v===l||!x?[d(l)]:function(t){const e=d(t);return[y(t),e,y(e)]}(l)),R=[l,...b],A=await s(n,w),P=[];let T=(null==(r=o.flip)?void 0:r.overflows)||[];if(u&&P.push(A[v]),m){const{main:t,cross:e}=p(i,a,await(null==c.isRTL?void 0:c.isRTL(f.floating)));P.push(A[t],A[e])}if(T=[...T,{placement:i,overflows:P}],!P.every((t=>t<=0))){var O,D;const t=(null!=(O=null==(D=o.flip)?void 0:D.index)?O:0)+1,e=R[t];if(e)return{data:{index:t,overflows:T},reset:{placement:e}};let n=\"bottom\";switch(h){case\"bestFit\":{var L;const t=null==(L=T.map((t=>[t,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:L[0].placement;t&&(n=t);break}case\"initialPlacement\":n=l}if(i!==n)return{reset:{placement:n}}}return{}}}};function R(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function A(t){return x.some((e=>t[e]>=0))}const P=function(t){let{strategy:e=\"referenceHidden\",...n}=void 0===t?{}:t;return{name:\"hide\",async fn(t){const{rects:r}=t;switch(e){case\"referenceHidden\":{const e=R(await s(t,{...n,elementContext:\"reference\"}),r.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:A(e)}}}case\"escaped\":{const e=R(await s(t,{...n,altBoundary:!0}),r.floating);return{data:{escapedOffsets:e,escaped:A(e)}}}default:return{}}}}};const T=function(r){return void 0===r&&(r=0),{name:\"offset\",options:r,async fn(i){const{x:o,y:a}=i,l=await async function(r,i){const{placement:o,platform:a,elements:l}=r,s=await(null==a.isRTL?void 0:a.isRTL(l.floating)),c=t(o),f=e(o),u=\"x\"===n(o),m=[\"left\",\"top\"].includes(c)?-1:1,g=s&&u?-1:1,d=\"function\"==typeof i?i(r):i;let{mainAxis:p,crossAxis:h,alignmentAxis:y}=\"number\"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return f&&\"number\"==typeof y&&(h=\"end\"===f?-1*y:y),u?{x:h*g,y:p*m}:{x:p*m,y:h*g}}(i,r);return{x:o+l.x,y:a+l.y,data:l}}}};function O(t){return\"x\"===t?\"y\":\"x\"}const D=function(e){return void 0===e&&(e={}),{name:\"shift\",options:e,async fn(r){const{x:i,y:o,placement:a}=r,{mainAxis:l=!0,crossAxis:c=!1,limiter:f={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...m}=e,g={x:i,y:o},d=await s(r,m),p=n(t(a)),h=O(p);let y=g[p],x=g[h];if(l){const t=\"y\"===p?\"bottom\":\"right\";y=u(y+d[\"y\"===p?\"top\":\"left\"],y,y-d[t])}if(c){const t=\"y\"===h?\"bottom\":\"right\";x=u(x+d[\"y\"===h?\"top\":\"left\"],x,x-d[t])}const w=f.fn({...r,[p]:y,[h]:x});return{...w,data:{x:w.x-i,y:w.y-o}}}}},L=function(e){return void 0===e&&(e={}),{options:e,fn(r){const{x:i,y:o,placement:a,rects:l,middlewareData:s}=r,{offset:c=0,mainAxis:f=!0,crossAxis:u=!0}=e,m={x:i,y:o},g=n(a),d=O(g);let p=m[g],h=m[d];const y=\"function\"==typeof c?c({...l,placement:a}):c,x=\"number\"==typeof y?{mainAxis:y,crossAxis:0}:{mainAxis:0,crossAxis:0,...y};if(f){const t=\"y\"===g?\"height\":\"width\",e=l.reference[g]-l.floating[t]+x.mainAxis,n=l.reference[g]+l.reference[t]-x.mainAxis;p<e?p=e:p>n&&(p=n)}if(u){var w,v,b,R;const e=\"y\"===g?\"width\":\"height\",n=[\"top\",\"left\"].includes(t(a)),r=l.reference[d]-l.floating[e]+(n&&null!=(w=null==(v=s.offset)?void 0:v[d])?w:0)+(n?0:x.crossAxis),i=l.reference[d]+l.reference[e]+(n?0:null!=(b=null==(R=s.offset)?void 0:R[d])?b:0)-(n?x.crossAxis:0);h<r?h=r:h>i&&(h=i)}return{[g]:p,[d]:h}}}},k=function(n){return void 0===n&&(n={}),{name:\"size\",options:n,async fn(r){const{placement:i,rects:o,platform:a,elements:l}=r,{apply:c,...u}=n,m=await s(r,u),g=t(i),d=e(i);let p,h;\"top\"===g||\"bottom\"===g?(p=g,h=d===(await(null==a.isRTL?void 0:a.isRTL(l.floating))?\"start\":\"end\")?\"left\":\"right\"):(h=g,p=\"end\"===d?\"top\":\"bottom\");const y=f(m.left,0),x=f(m.right,0),w=f(m.top,0),v=f(m.bottom,0),b={availableHeight:o.floating.height-([\"left\",\"right\"].includes(i)?2*(0!==w||0!==v?w+v:f(m.top,m.bottom)):m[p]),availableWidth:o.floating.width-([\"top\",\"bottom\"].includes(i)?2*(0!==y||0!==x?y+x:f(m.left,m.right)):m[h])},R=await a.getDimensions(l.floating);null==c||c({...r,...b});const A=await a.getDimensions(l.floating);return R.width!==A.width||R.height!==A.height?{reset:{rects:!0}}:{}}}},E=function(e){return void 0===e&&(e={}),{name:\"inline\",options:e,async fn(r){var i;const{placement:o,elements:s,rects:u,platform:m,strategy:g}=r,{padding:d=2,x:p,y:h}=e,y=l(m.convertOffsetParentRelativeRectToViewportRelativeRect?await m.convertOffsetParentRelativeRectToViewportRelativeRect({rect:u.reference,offsetParent:await(null==m.getOffsetParent?void 0:m.getOffsetParent(s.floating)),strategy:g}):u.reference),x=null!=(i=await(null==m.getClientRects?void 0:m.getClientRects(s.reference)))?i:[],w=a(d);const v=await m.getElementRects({reference:{getBoundingClientRect:function(){var e;if(2===x.length&&x[0].left>x[1].right&&null!=p&&null!=h)return null!=(e=x.find((t=>p>t.left-w.left&&p<t.right+w.right&&h>t.top-w.top&&h<t.bottom+w.bottom)))?e:y;if(x.length>=2){if(\"x\"===n(o)){const e=x[0],n=x[x.length-1],r=\"top\"===t(o),i=e.top,a=n.bottom,l=r?e.left:n.left,s=r?e.right:n.right;return{top:i,bottom:a,left:l,right:s,width:s-l,height:a-i,x:l,y:i}}const e=\"left\"===t(o),r=f(...x.map((t=>t.right))),i=c(...x.map((t=>t.left))),a=x.filter((t=>e?t.left===i:t.right===r)),l=a[0].top,s=a[a.length-1].bottom;return{top:l,bottom:s,left:i,right:r,width:r-i,height:s-l,x:i,y:l}}return y}},floating:s.floating,strategy:g});return u.reference.x!==v.reference.x||u.reference.y!==v.reference.y||u.reference.width!==v.reference.width||u.reference.height!==v.reference.height?{reset:{rects:v}}:{}}}};export{m as arrow,v as autoPlacement,o as computePosition,s as detectOverflow,b as flip,P as hide,E as inline,L as limitShift,T as offset,l as rectToClientRect,D as shift,k as size};\n", "import{rectToClientRect as t,computePosition as e}from\"@floating-ui/core\";export{arrow,autoPlacement,detectOverflow,flip,hide,inline,limitShift,offset,shift,size}from\"@floating-ui/core\";function n(t){return t&&t.document&&t.location&&t.alert&&t.setInterval}function o(t){if(null==t)return window;if(!n(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function i(t){return o(t).getComputedStyle(t)}function r(t){return n(t)?\"\":t?(t.nodeName||\"\").toLowerCase():\"\"}function l(){const t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((t=>t.brand+\"/\"+t.version)).join(\" \"):navigator.userAgent}function c(t){return t instanceof o(t).HTMLElement}function f(t){return t instanceof o(t).Element}function s(t){if(\"undefined\"==typeof ShadowRoot)return!1;return t instanceof o(t).ShadowRoot||t instanceof ShadowRoot}function u(t){const{overflow:e,overflowX:n,overflowY:o}=i(t);return/auto|scroll|overlay|hidden/.test(e+o+n)}function d(t){return[\"table\",\"td\",\"th\"].includes(r(t))}function h(t){const e=/firefox/i.test(l()),n=i(t);return\"none\"!==n.transform||\"none\"!==n.perspective||\"paint\"===n.contain||[\"transform\",\"perspective\"].includes(n.willChange)||e&&\"filter\"===n.willChange||e&&!!n.filter&&\"none\"!==n.filter}function a(){return!/^((?!chrome|android).)*safari/i.test(l())}const g=Math.min,p=Math.max,m=Math.round;function w(t,e,n){var i,r,l,s;void 0===e&&(e=!1),void 0===n&&(n=!1);const u=t.getBoundingClientRect();let d=1,h=1;e&&c(t)&&(d=t.offsetWidth>0&&m(u.width)/t.offsetWidth||1,h=t.offsetHeight>0&&m(u.height)/t.offsetHeight||1);const g=f(t)?o(t):window,p=!a()&&n,w=(u.left+(p&&null!=(i=null==(r=g.visualViewport)?void 0:r.offsetLeft)?i:0))/d,v=(u.top+(p&&null!=(l=null==(s=g.visualViewport)?void 0:s.offsetTop)?l:0))/h,y=u.width/d,x=u.height/h;return{width:y,height:x,top:v,right:w+y,bottom:v+x,left:w,x:w,y:v}}function v(t){return(e=t,(e instanceof o(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function y(t){return f(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function x(t){return w(v(t)).left+y(t).scrollLeft}function b(t,e,n){const o=c(e),i=v(e),l=w(t,o&&function(t){const e=w(t);return m(e.width)!==t.offsetWidth||m(e.height)!==t.offsetHeight}(e),\"fixed\"===n);let f={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(o||!o&&\"fixed\"!==n)if((\"body\"!==r(e)||u(i))&&(f=y(e)),c(e)){const t=w(e,!0);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else i&&(s.x=x(i));return{x:l.left+f.scrollLeft-s.x,y:l.top+f.scrollTop-s.y,width:l.width,height:l.height}}function L(t){return\"html\"===r(t)?t:t.assignedSlot||t.parentNode||(s(t)?t.host:null)||v(t)}function R(t){return c(t)&&\"fixed\"!==getComputedStyle(t).position?t.offsetParent:null}function T(t){const e=o(t);let n=R(t);for(;n&&d(n)&&\"static\"===getComputedStyle(n).position;)n=R(n);return n&&(\"html\"===r(n)||\"body\"===r(n)&&\"static\"===getComputedStyle(n).position&&!h(n))?e:n||function(t){let e=L(t);for(s(e)&&(e=e.host);c(e)&&![\"html\",\"body\"].includes(r(e));){if(h(e))return e;e=e.parentNode}return null}(t)||e}function W(t){if(c(t))return{width:t.offsetWidth,height:t.offsetHeight};const e=w(t);return{width:e.width,height:e.height}}function E(t){const e=L(t);return[\"html\",\"body\",\"#document\"].includes(r(e))?t.ownerDocument.body:c(e)&&u(e)?e:E(e)}function H(t,e){var n;void 0===e&&(e=[]);const i=E(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),l=o(i),c=r?[l].concat(l.visualViewport||[],u(i)?i:[]):i,f=e.concat(c);return r?f:f.concat(H(c))}function C(e,n,r){return\"viewport\"===n?t(function(t,e){const n=o(t),i=v(t),r=n.visualViewport;let l=i.clientWidth,c=i.clientHeight,f=0,s=0;if(r){l=r.width,c=r.height;const t=a();(t||!t&&\"fixed\"===e)&&(f=r.offsetLeft,s=r.offsetTop)}return{width:l,height:c,x:f,y:s}}(e,r)):f(n)?function(t,e){const n=w(t,!1,\"fixed\"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft;return{top:o,left:i,x:i,y:o,right:i+t.clientWidth,bottom:o+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(n,r):t(function(t){var e;const n=v(t),o=y(t),r=null==(e=t.ownerDocument)?void 0:e.body,l=p(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),c=p(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let f=-o.scrollLeft+x(t);const s=-o.scrollTop;return\"rtl\"===i(r||n).direction&&(f+=p(n.clientWidth,r?r.clientWidth:0)-l),{width:l,height:c,x:f,y:s}}(v(e)))}function S(t){const e=H(t),n=[\"absolute\",\"fixed\"].includes(i(t).position)&&c(t)?T(t):t;return f(n)?e.filter((t=>f(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&s(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,n)&&\"body\"!==r(t))):[]}const D={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[...\"clippingAncestors\"===n?S(e):[].concat(n),o],l=r[0],c=r.reduce(((t,n)=>{const o=C(e,n,i);return t.top=p(o.top,t.top),t.right=g(o.right,t.right),t.bottom=g(o.bottom,t.bottom),t.left=p(o.left,t.left),t}),C(e,l,i));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=c(n),l=v(n);if(n===l)return e;let f={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if((i||!i&&\"fixed\"!==o)&&((\"body\"!==r(n)||u(l))&&(f=y(n)),c(n))){const t=w(n,!0);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{...e,x:e.x-f.scrollLeft+s.x,y:e.y-f.scrollTop+s.y}},isElement:f,getDimensions:W,getOffsetParent:T,getDocumentElement:v,getElementRects:t=>{let{reference:e,floating:n,strategy:o}=t;return{reference:b(e,T(n),o),floating:{...W(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>\"rtl\"===i(t).direction};function N(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:c=!1}=o,s=i&&!c,u=r&&!c,d=s||u?[...f(t)?H(t):[],...H(e)]:[];d.forEach((t=>{s&&t.addEventListener(\"scroll\",n,{passive:!0}),u&&t.addEventListener(\"resize\",n)}));let h,a=null;if(l){let o=!0;a=new ResizeObserver((()=>{o||n(),o=!1})),f(t)&&!c&&a.observe(t),a.observe(e)}let g=c?w(t):null;return c&&function e(){const o=w(t);!g||o.x===g.x&&o.y===g.y&&o.width===g.width&&o.height===g.height||n();g=o,h=requestAnimationFrame(e)}(),n(),()=>{var t;d.forEach((t=>{s&&t.removeEventListener(\"scroll\",n),u&&t.removeEventListener(\"resize\",n)})),null==(t=a)||t.disconnect(),a=null,c&&cancelAnimationFrame(h)}}const z=(t,n,o)=>e(t,n,{platform:D,...o});export{N as autoUpdate,z as computePosition,H as getOverflowAncestors};\n", "import {css} from 'lit';\nexport const styles = css`:host {\n --bl-tooltip-position: absolute;\n --bl-tooltip-visibility: hidden;\n --bl-tooltip-left: 0;\n --bl-tooltip-top: 0;\n --bl-tooltip-arrow-top: 0;\n --bl-tooltip-arrow-bottom: 0;\n --bl-tooltip-arrow-right: 0;\n --bl-tooltip-arrow-left: 0;\n}\n\n.trigger {\n display: inline-block;\n cursor: pointer;\n}\n\n.tooltip {\n position: var(--bl-tooltip-position);\n box-sizing: border-box;\n border: none;\n background-color: var(--bl-color-secondary);\n color: var(--bl-color-primary-background);\n border-radius: var(--bl-size-3xs);\n pointer-events: none;\n font: var(--bl-font-title-3-regular);\n padding: var(--bl-size-m);\n left: var(--bl-tooltip-left);\n top: var(--bl-tooltip-top);\n visibility: var(--bl-tooltip-visibility);\n z-index: 999;\n max-width: 424px;\n}\n\n.arrow {\n position: absolute;\n background-color: var(--bl-color-secondary);\n width: var(--bl-size-2xs);\n height: var(--bl-size-2xs);\n transform: rotate(45deg);\n top: var(--bl-tooltip-arrow-top);\n bottom: var(--bl-tooltip-arrow-bottom);\n right: var(--bl-tooltip-arrow-right);\n left: var(--bl-tooltip-arrow-left);\n}\n\n.visible {\n --bl-tooltip-visibility: visible;\n}\n\n.hidden {\n --bl-tooltip-visibility: hidden;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { computePosition, flip, shift, offset, arrow, Strategy } from '@floating-ui/dom';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ReferenceElement } from '@floating-ui/core';\nimport style from './bl-tooltip.css';\nimport { event, EventDispatcher } from '../../utilities/event';\n\nexport type Placement =\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'bottom-start'\n | 'bottom'\n | 'bottom-end'\n | 'left-start'\n | 'left'\n | 'left-end'\n | 'right-start'\n | 'right'\n | 'right-end';\n\n/**\n * @tag bl-tooltip\n * @summary Baklava Tooltip component\n *\n * @property {string} placement - Sets the tooltip placement\n *\n * @cssproperty --bl-tooltip-position - Sets the position. Default value is 'absolute'\n */\n\n@customElement('bl-tooltip')\nexport default class BlTooltip extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n @query('.tooltip') private tooltip: HTMLElement;\n @query('.trigger') private trigger: ReferenceElement;\n @query('.arrow') private arrow: HTMLElement;\n\n /**\n * Sets placement of the tooltip\n */\n @property({ type: String })\n placement: Placement = 'top';\n\n @state() private _visible = false;\n @state() private _position: Strategy = 'absolute';\n\n /**\n * Fires when hovering over a trigger\n */\n @event('bl-tooltip-show') private onShow: EventDispatcher<string>;\n\n /**\n * Fires when leaving over from trigger\n */\n @event('bl-tooltip-hide') private onHide: EventDispatcher<string>;\n\n connectedCallback() {\n super.connectedCallback();\n\n setTimeout(() => {\n this._position = getComputedStyle(this).getPropertyValue('--bl-tooltip-position') as Strategy;\n });\n }\n\n private setTooltip() {\n computePosition(this.trigger, this.tooltip, {\n placement: this.placement,\n strategy: this._position,\n middleware: [\n offset(8),\n shift({ padding: 5 }),\n flip(),\n arrow({ element: this.arrow, padding: 5 }),\n ],\n }).then(({ x, y, placement, middlewareData }) => {\n const arrowX = middlewareData.arrow?.x != null ? `${middlewareData.arrow?.x}px` : ' ';\n const arrowY = middlewareData.arrow?.y != null ? `${middlewareData.arrow?.y}px` : ' ';\n const arrowDirections = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n };\n const tooltipPlacement = placement.split('-')[0] as keyof typeof arrowDirections;\n const arrowDirection = arrowDirections[tooltipPlacement];\n\n this.style.setProperty('--bl-tooltip-left', `${x}px`);\n this.style.setProperty('--bl-tooltip-top', `${y}px`);\n this.style.setProperty('--bl-tooltip-arrow-left', arrowX);\n this.style.setProperty('--bl-tooltip-arrow-top', arrowY);\n this.style.setProperty('--bl-tooltip-arrow-bottom', '0');\n this.style.setProperty('--bl-tooltip-arrow-right', '0');\n this.style.setProperty(`--bl-tooltip-arrow-${arrowDirection}`, '-4px');\n });\n }\n\n private show() {\n this._visible = true;\n this.setTooltip();\n this.onShow('Show event fired!');\n }\n\n private hide() {\n this._visible = false;\n this.onHide('Hide event fired!');\n }\n\n render(): TemplateResult {\n const classes = classMap({\n tooltip: true,\n visible: this._visible,\n });\n\n return html` <slot\n class=\"trigger\"\n name=\"tooltip-trigger\"\n @mouseover=\"${this.show}\"\n @mouseleave=\"${this.hide}\"\n >\n </slot>\n <div class=${classes}>\n <slot></slot>\n <div class=\"arrow\"></div>\n </div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-tooltip': BlTooltip;\n }\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["t", "e", "n", "r", "i", "o", "a", "l", "s", "c", "f", "u", "m", "g", "d", "p", "h", "y", "x", "w", "v", "b", "R", "A", "P", "T", "O", "D", "L", "k", "E", "C", "b", "e", "n", "r", "o", "a", "l", "c", "f", "m", "g", "h", "x", "w", "v", "t", "d", "y", "R", "A", "s", "P", "T", "p", "O", "D", "L", "T", "r", "i", "o", "a", "l", "s", "t", "f", "e", "u", "n", "m", "g", "d", "p", "h", "y", "O", "D", "c", "x", "w", "n", "o", "i", "r", "l", "t", "c", "f", "s", "u", "d", "h", "a", "g", "p", "m", "w", "v", "y", "x", "b", "e", "L", "R", "T", "W", "E", "H", "C", "S", "D", "z", "n", "o", "D", "styles", "r", "bl_tooltip_default", "BlTooltip", "s", "bl_tooltip_default", "z", "T", "D", "b", "m", "x", "y", "placement", "middlewareData", "_a", "_b", "_c", "_d", "arrowX", "arrowY", "arrowDirections", "tooltipPlacement", "arrowDirection", "classes", "o", "$", "__decorateClass", "i", "e", "t", "event", "n"]
|
|
7
|
-
}
|
package/dist/chunk-AMTKE3PJ.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import{a as i,b as l,e as o,f as u,g as a,h as s,i as p}from"./chunk-BEHH5JPC.js";import{a as r}from"./chunk-NZ3RGSR6.js";var v=i`.progress-indicator {
|
|
2
|
-
--max: 100;
|
|
3
|
-
--value: 0;
|
|
4
|
-
--value-color: var(--bl-color-success);
|
|
5
|
-
--height: var(--bl-size-2xs);
|
|
6
|
-
--radius: var(--bl-size-3xs);
|
|
7
|
-
|
|
8
|
-
position: relative;
|
|
9
|
-
background-color: var(--bl-color-secondary-background);
|
|
10
|
-
height: var(--height);
|
|
11
|
-
border-radius: var(--radius);
|
|
12
|
-
width: 100%;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.progress-indicator::before {
|
|
16
|
-
content: '';
|
|
17
|
-
position: absolute;
|
|
18
|
-
height: 100%;
|
|
19
|
-
width: calc(100% / var(--max) * var(--value));
|
|
20
|
-
background-color: var(--value-color);
|
|
21
|
-
border-radius: var(--radius);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
:host([size='small']) .progress-indicator {
|
|
25
|
-
--height: var(--bl-size-3xs);
|
|
26
|
-
--radius: var(--bl-size-4xs);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
:host([size='large']) .progress-indicator {
|
|
30
|
-
--height: var(--bl-size-xs);
|
|
31
|
-
--radius: 6px;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:host([failed]) .progress-indicator {
|
|
35
|
-
--value-color: var(--bl-color-danger);
|
|
36
|
-
}
|
|
37
|
-
`,m=v;var e=class extends o{constructor(){super(...arguments);this.size="medium";this.failed=!1;this._max=100;this._value=0}static get styles(){return m}get max(){return this._max}set max(t){this._max=t,this.updateCssVariable()}get value(){return this._value}set value(t){this._value=t,this.updateCssVariable()}async updateCssVariable(){await this.updateComplete,this.wrapper.style.setProperty("--value",`${this.value}`),this.wrapper.style.setProperty("--max",`${this.max}`)}render(){return l`<div
|
|
38
|
-
class="progress-indicator"
|
|
39
|
-
role="progressbar"
|
|
40
|
-
aria-valuemax="${this._max}"
|
|
41
|
-
aria-valuenow="${this._value}"
|
|
42
|
-
></div>`}};r([p(".progress-indicator")],e.prototype,"wrapper",2),r([a({type:String})],e.prototype,"size",2),r([a({type:Boolean})],e.prototype,"failed",2),r([a({type:Number})],e.prototype,"max",1),r([a({type:Number})],e.prototype,"value",1),r([s()],e.prototype,"_max",2),r([s()],e.prototype,"_value",2),e=r([u("bl-progress-indicator")],e);export{e as a};
|
|
43
|
-
//# sourceMappingURL=chunk-AMTKE3PJ.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/components/progress-indicator/bl-progress-indicator.css", "../src/components/progress-indicator/bl-progress-indicator.ts"],
|
|
4
|
-
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.progress-indicator {\n --max: 100;\n --value: 0;\n --value-color: var(--bl-color-success);\n --height: var(--bl-size-2xs);\n --radius: var(--bl-size-3xs);\n\n position: relative;\n background-color: var(--bl-color-secondary-background);\n height: var(--height);\n border-radius: var(--radius);\n width: 100%;\n}\n\n.progress-indicator::before {\n content: '';\n position: absolute;\n height: 100%;\n width: calc(100% / var(--max) * var(--value));\n background-color: var(--value-color);\n border-radius: var(--radius);\n}\n\n:host([size='small']) .progress-indicator {\n --height: var(--bl-size-3xs);\n --radius: var(--bl-size-4xs);\n}\n\n:host([size='large']) .progress-indicator {\n --height: var(--bl-size-xs);\n --radius: 6px;\n}\n\n:host([failed]) .progress-indicator {\n --value-color: var(--bl-color-danger);\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport style from './bl-progress-indicator.css';\n\nexport type ProgressIndicatorSize = 'small' | 'medium' | 'large';\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\n\n@customElement('bl-progress-indicator')\nexport default class BlProgressIndicator extends LitElement {\n static get styles(): CSSResultGroup {\n return style;\n }\n\n @query('.progress-indicator') private wrapper: HTMLElement;\n\n /**\n * Sets the size\n */\n @property({ type: String })\n size: ProgressIndicatorSize = 'medium';\n\n /**\n * Sets the status\n */\n @property({ type: Boolean })\n failed = false;\n\n /**\n * Sets the max\n */\n @property({ type: Number })\n get max() {\n return this._max;\n }\n set max(max: number) {\n this._max = max;\n this.updateCssVariable();\n }\n\n /**\n * Sets the value\n */\n @property({ type: Number })\n get value() {\n return this._value;\n }\n set value(value: number) {\n this._value = value;\n this.updateCssVariable();\n }\n\n @state() private _max = 100;\n @state() private _value = 0;\n\n async updateCssVariable() {\n await this.updateComplete;\n this.wrapper.style.setProperty('--value', `${this.value}`);\n this.wrapper.style.setProperty('--max', `${this.max}`);\n }\n\n render(): TemplateResult {\n return html`<div\n class=\"progress-indicator\"\n role=\"progressbar\"\n aria-valuemax=\"${this._max}\"\n aria-valuenow=\"${this._value}\"\n ></div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-progress-indicator': BlProgressIndicator;\n }\n}\n"],
|
|
5
|
-
"mappings": "0HACO,IAAMA,EAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqCfC,EAAQF,ECvBf,IAAqBG,EAArB,cAAiDC,CAAW,CAA5D,kCAWE,UAA8B,SAM9B,YAAS,GA0BA,KAAQ,KAAO,IACf,KAAQ,OAAS,EA3C1B,WAAW,QAAyB,CAClC,OAAOC,CACT,CAoBA,IAAI,KAAM,CACR,OAAO,KAAK,IACd,CACA,IAAI,IAAIC,EAAa,CACnB,KAAK,KAAOA,EACZ,KAAK,kBAAkB,CACzB,CAMA,IAAI,OAAQ,CACV,OAAO,KAAK,MACd,CACA,IAAI,MAAMC,EAAe,CACvB,KAAK,OAASA,EACd,KAAK,kBAAkB,CACzB,CAKA,MAAM,mBAAoB,CACxB,MAAM,KAAK,eACX,KAAK,QAAQ,MAAM,YAAY,UAAW,GAAG,KAAK,OAAO,EACzD,KAAK,QAAQ,MAAM,YAAY,QAAS,GAAG,KAAK,KAAK,CACvD,CAEA,QAAyB,CACvB,OAAOC;AAAA;AAAA;AAAA,uBAGY,KAAK;AAAA,uBACL,KAAK;AAAA,YAE1B,CACF,EAvDwCC,EAAA,CAArCC,EAAM,qBAAqB,GALTP,EAKmB,uBAMtCM,EAAA,CADCE,EAAS,CAAE,KAAM,MAAO,CAAC,GAVPR,EAWnB,oBAMAM,EAAA,CADCE,EAAS,CAAE,KAAM,OAAQ,CAAC,GAhBRR,EAiBnB,sBAMIM,EAAA,CADHE,EAAS,CAAE,KAAM,MAAO,CAAC,GAtBPR,EAuBf,mBAYAM,EAAA,CADHE,EAAS,CAAE,KAAM,MAAO,CAAC,GAlCPR,EAmCf,qBAQaM,EAAA,CAAhBG,EAAM,GA3CYT,EA2CF,oBACAM,EAAA,CAAhBG,EAAM,GA5CYT,EA4CF,sBA5CEA,EAArBM,EAAA,CADCI,EAAc,uBAAuB,GACjBV",
|
|
6
|
-
"names": ["styles", "r", "bl_progress_indicator_default", "BlProgressIndicator", "s", "bl_progress_indicator_default", "max", "value", "$", "__decorateClass", "i", "e", "t", "n"]
|
|
7
|
-
}
|
package/dist/chunk-EKMTGBDD.js
DELETED
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import{a as l}from"./chunk-SQ3STNEW.js";import{a as h}from"./chunk-HLQIZBQW.js";import{a as d}from"./chunk-23UFIOHV.js";import{a as s,b as i,e as c,f as u,g as e}from"./chunk-BEHH5JPC.js";import{a as o}from"./chunk-NZ3RGSR6.js";var p=s`:host {
|
|
2
|
-
display: var(--bl-button-display, inline-block);
|
|
3
|
-
max-width: 100%;
|
|
4
|
-
position: relative;
|
|
5
|
-
|
|
6
|
-
--bl-button-main-color: var(--bl-color-primary);
|
|
7
|
-
--bl-button-main-hover-color: var(--bl-color-primary-hover);
|
|
8
|
-
--bl-button-content-color: var(--bl-color-primary-background);
|
|
9
|
-
--bl-button-bg-color: var(--bl-button-main-color);
|
|
10
|
-
--bl-button-border-color: var(--bl-button-main-color);
|
|
11
|
-
--bl-button-padding-vertical: var(--bl-size-2xs);
|
|
12
|
-
--bl-button-padding-horizontal: var(--bl-size-m);
|
|
13
|
-
--bl-button-margin-icon: var(--bl-button-padding-vertical);
|
|
14
|
-
--bl-button-icon-size: var(--bl-size-m);
|
|
15
|
-
--bl-button-font: var(--bl-font-title-3-medium);
|
|
16
|
-
--bl-button-height: var(--bl-size-2xl);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.button {
|
|
20
|
-
display: flex;
|
|
21
|
-
gap: var(--bl-button-margin-icon);
|
|
22
|
-
justify-content: center;
|
|
23
|
-
align-items: center;
|
|
24
|
-
box-sizing: border-box;
|
|
25
|
-
width: 100%;
|
|
26
|
-
height: var(--bl-button-height);
|
|
27
|
-
border: solid 1px var(--bl-button-border-color);
|
|
28
|
-
border-radius: 6px;
|
|
29
|
-
text-decoration: none;
|
|
30
|
-
padding: var(--bl-button-padding-vertical) var(--bl-button-padding-horizontal);
|
|
31
|
-
cursor: pointer;
|
|
32
|
-
background-color: var(--bl-button-bg-color);
|
|
33
|
-
color: var(--bl-button-content-color);
|
|
34
|
-
font: var(--bl-button-font);
|
|
35
|
-
font-kerning: none;
|
|
36
|
-
user-select: none;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
:host(:hover) {
|
|
40
|
-
--bl-button-bg-color: var(--bl-button-main-hover-color);
|
|
41
|
-
--bl-button-border-color: var(--bl-button-main-hover-color);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.label {
|
|
45
|
-
white-space: nowrap;
|
|
46
|
-
overflow: hidden;
|
|
47
|
-
text-overflow: ellipsis;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
:host([size='small']) {
|
|
51
|
-
--bl-button-font: var(--bl-font-title-4-medium);
|
|
52
|
-
--bl-button-padding-vertical: var(--bl-size-3xs);
|
|
53
|
-
--bl-button-padding-horizontal: var(--bl-size-2xs);
|
|
54
|
-
--bl-button-icon-size: var(--bl-size-s);
|
|
55
|
-
--bl-button-height: var(--bl-size-xl);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
:host([size='large']) {
|
|
59
|
-
--bl-button-font: var(--bl-font-title-3-medium);
|
|
60
|
-
--bl-button-padding-vertical: var(--bl-size-xs);
|
|
61
|
-
--bl-button-padding-horizontal: var(--bl-size-xl);
|
|
62
|
-
--bl-button-margin-icon: var(--bl-size-2xs);
|
|
63
|
-
--bl-button-height: var(--bl-size-3xl);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.button:focus {
|
|
67
|
-
outline: none;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
:host ::slotted(bl-icon) {
|
|
71
|
-
font-size: var(--bl-button-icon-size);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.has-icon:not(.has-content) {
|
|
75
|
-
--bl-button-padding-horizontal: var(--bl-button-padding-vertical);
|
|
76
|
-
--bl-button-margin-icon: 0;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
:host([secondary]) {
|
|
80
|
-
--bl-button-main-color: var(--bl-color-secondary);
|
|
81
|
-
--bl-button-main-hover-color: var(--bl-color-secondary-hover);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
:host([success]) {
|
|
85
|
-
--bl-button-main-color: var(--bl-color-success);
|
|
86
|
-
--bl-button-main-hover-color: var(--bl-color-success-hover);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
:host([danger]) {
|
|
90
|
-
--bl-button-main-color: var(--bl-color-danger);
|
|
91
|
-
--bl-button-main-hover-color: var(--bl-color-danger-hover);
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
:host([disabled]) {
|
|
95
|
-
cursor: not-allowed;
|
|
96
|
-
|
|
97
|
-
--bl-button-main-color: var(--bl-color-tertiary);
|
|
98
|
-
--bl-button-main-hover-color: var(--bl-color-tertiary);
|
|
99
|
-
--bl-button-content-color: var(--bl-color-content-passive);
|
|
100
|
-
--bl-button-bg-color: var(--bl-button-main-color);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
:host([disabled]) .button {
|
|
104
|
-
pointer-events: none;
|
|
105
|
-
text-decoration: none;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
:host([text]) {
|
|
109
|
-
--bl-button-content-color: var(--bl-button-main-color);
|
|
110
|
-
--bl-button-border-color: transparent;
|
|
111
|
-
--bl-button-bg-color: transparent;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
:host([text]) .button {
|
|
115
|
-
text-decoration: underline;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
:host([outline]) {
|
|
119
|
-
--bl-button-bg-color: transparent;
|
|
120
|
-
--bl-button-content-color: var(--bl-button-main-color);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
:host([outline]:hover:not([disabled])) {
|
|
124
|
-
--bl-button-content-color: var(--bl-color-primary-background);
|
|
125
|
-
--bl-button-bg-color: var(--bl-button-main-hover-color);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
:host([text]:hover:not([disabled])) {
|
|
129
|
-
--bl-button-content-color: var(--bl-button-main-hover-color);
|
|
130
|
-
}
|
|
131
|
-
`,v=p;var t=class extends c{constructor(){super(...arguments);this.primary=!1;this.secondary=!1;this.success=!1;this.danger=!1;this.outline=!1;this.text=!1;this.size="medium";this.disabled=!1;this.target="_self"}static get styles(){return[v]}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(r=>{var a;let n=r.nodeType;return n===r.TEXT_NODE&&((a=r.textContent)==null?void 0:a.trim())!==""||n===r.ELEMENT_NODE&&!r.hasAttribute("slot")})}render(){let b=!!this.href,r=this.icon?i`<bl-icon name=${this.icon}></bl-icon>`:"",n=i`<slot name="icon">${r}</slot> <span class="label"><slot></slot></span>`,a=h({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot});return b?i`<a
|
|
132
|
-
class=${a}
|
|
133
|
-
aria-disabled="${l(this.disabled)}"
|
|
134
|
-
aria-label="${l(this.label)}"
|
|
135
|
-
href=${l(this.href)}
|
|
136
|
-
target=${l(this.target)}
|
|
137
|
-
role="button"
|
|
138
|
-
>${n}</a
|
|
139
|
-
>`:i`<button
|
|
140
|
-
class=${a}
|
|
141
|
-
aria-disabled="${l(this.disabled)}"
|
|
142
|
-
aria-label="${l(this.label)}"
|
|
143
|
-
?disabled=${this.disabled}
|
|
144
|
-
@click="${this._handleClick}"
|
|
145
|
-
>
|
|
146
|
-
${n}
|
|
147
|
-
</button>`}_handleClick(){this.onClick("Click event fired!")}};o([e({type:Boolean,reflect:!0})],t.prototype,"primary",2),o([e({type:Boolean,reflect:!0})],t.prototype,"secondary",2),o([e({type:Boolean,reflect:!0})],t.prototype,"success",2),o([e({type:Boolean,reflect:!0})],t.prototype,"danger",2),o([e({type:Boolean,reflect:!0})],t.prototype,"outline",2),o([e({type:Boolean,reflect:!0})],t.prototype,"text",2),o([e({type:String,reflect:!0})],t.prototype,"size",2),o([e({type:String})],t.prototype,"label",2),o([e({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([e({type:String})],t.prototype,"href",2),o([e({type:String})],t.prototype,"icon",2),o([e({type:String})],t.prototype,"target",2),o([d("bl-click")],t.prototype,"onClick",2),t=o([u("bl-button")],t);export{t as a};
|
|
148
|
-
//# sourceMappingURL=chunk-EKMTGBDD.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/components/button/bl-button.css", "../src/components/button/bl-button.ts"],
|
|
4
|
-
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host {\n display: var(--bl-button-display, inline-block);\n max-width: 100%;\n position: relative;\n\n --bl-button-main-color: var(--bl-color-primary);\n --bl-button-main-hover-color: var(--bl-color-primary-hover);\n --bl-button-content-color: var(--bl-color-primary-background);\n --bl-button-bg-color: var(--bl-button-main-color);\n --bl-button-border-color: var(--bl-button-main-color);\n --bl-button-padding-vertical: var(--bl-size-2xs);\n --bl-button-padding-horizontal: var(--bl-size-m);\n --bl-button-margin-icon: var(--bl-button-padding-vertical);\n --bl-button-icon-size: var(--bl-size-m);\n --bl-button-font: var(--bl-font-title-3-medium);\n --bl-button-height: var(--bl-size-2xl);\n}\n\n.button {\n display: flex;\n gap: var(--bl-button-margin-icon);\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n width: 100%;\n height: var(--bl-button-height);\n border: solid 1px var(--bl-button-border-color);\n border-radius: 6px;\n text-decoration: none;\n padding: var(--bl-button-padding-vertical) var(--bl-button-padding-horizontal);\n cursor: pointer;\n background-color: var(--bl-button-bg-color);\n color: var(--bl-button-content-color);\n font: var(--bl-button-font);\n font-kerning: none;\n user-select: none;\n}\n\n:host(:hover) {\n --bl-button-bg-color: var(--bl-button-main-hover-color);\n --bl-button-border-color: var(--bl-button-main-hover-color);\n}\n\n.label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n:host([size='small']) {\n --bl-button-font: var(--bl-font-title-4-medium);\n --bl-button-padding-vertical: var(--bl-size-3xs);\n --bl-button-padding-horizontal: var(--bl-size-2xs);\n --bl-button-icon-size: var(--bl-size-s);\n --bl-button-height: var(--bl-size-xl);\n}\n\n:host([size='large']) {\n --bl-button-font: var(--bl-font-title-3-medium);\n --bl-button-padding-vertical: var(--bl-size-xs);\n --bl-button-padding-horizontal: var(--bl-size-xl);\n --bl-button-margin-icon: var(--bl-size-2xs);\n --bl-button-height: var(--bl-size-3xl);\n}\n\n.button:focus {\n outline: none;\n}\n\n:host ::slotted(bl-icon) {\n font-size: var(--bl-button-icon-size);\n}\n\n.has-icon:not(.has-content) {\n --bl-button-padding-horizontal: var(--bl-button-padding-vertical);\n --bl-button-margin-icon: 0;\n}\n\n:host([secondary]) {\n --bl-button-main-color: var(--bl-color-secondary);\n --bl-button-main-hover-color: var(--bl-color-secondary-hover);\n}\n\n:host([success]) {\n --bl-button-main-color: var(--bl-color-success);\n --bl-button-main-hover-color: var(--bl-color-success-hover);\n}\n\n:host([danger]) {\n --bl-button-main-color: var(--bl-color-danger);\n --bl-button-main-hover-color: var(--bl-color-danger-hover);\n}\n\n:host([disabled]) {\n cursor: not-allowed;\n\n --bl-button-main-color: var(--bl-color-tertiary);\n --bl-button-main-hover-color: var(--bl-color-tertiary);\n --bl-button-content-color: var(--bl-color-content-passive);\n --bl-button-bg-color: var(--bl-button-main-color);\n}\n\n:host([disabled]) .button {\n pointer-events: none;\n text-decoration: none;\n}\n\n:host([text]) {\n --bl-button-content-color: var(--bl-button-main-color);\n --bl-button-border-color: transparent;\n --bl-button-bg-color: transparent;\n}\n\n:host([text]) .button {\n text-decoration: underline;\n}\n\n:host([outline]) {\n --bl-button-bg-color: transparent;\n --bl-button-content-color: var(--bl-button-main-color);\n}\n\n:host([outline]:hover:not([disabled])) {\n --bl-button-content-color: var(--bl-color-primary-background);\n --bl-button-bg-color: var(--bl-button-main-hover-color);\n}\n\n:host([text]:hover:not([disabled])) {\n --bl-button-content-color: var(--bl-button-main-hover-color);\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport style from './bl-button.css';\nimport '../icon/bl-icon';\n\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @property {boolean} primary - Sets variant to primary\n * @property {boolean} secondary - Sets variant to secondary\n * @property {boolean} success - Sets variant to success\n * @property {boolean} danger - Sets variant to danger\n * @property {boolean} outline - Sets button version to outline\n * @property {boolean} text - Sets the button version to text\n * @property {boolean} disabled - Disables the button\n * @property {string} size - Sets the button size\n * @property {string} icon - Sets the name of the icon\n * @property {string} href - Sets link of the button\n * @property {string} target - Sets button target (should be defined with href)\n * @property {string} label - Sets the accessibility text for the button. Use it with icon-only buttons.\n *\n * @cssproperty --bl-button-display - Sets the display property of button. Default value is 'inline-block'.\n *\n */\n@customElement('bl-button')\nexport default class BlButton extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n @property({ type: Boolean, reflect: true })\n primary = false;\n\n @property({ type: Boolean, reflect: true })\n secondary = false;\n\n @property({ type: Boolean, reflect: true })\n success = false;\n\n @property({ type: Boolean, reflect: true })\n danger = false;\n\n @property({ type: Boolean, reflect: true })\n outline = false;\n\n @property({ type: Boolean, reflect: true })\n text = false;\n\n @property({ type: String, reflect: true })\n size: ButtonSize = 'medium';\n\n @property({ type: String })\n label: string;\n\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ type: String })\n href?: string;\n\n @property({ type: String })\n icon?: string;\n\n @property({ type: String })\n target?: TargetType = '_self';\n\n /**\n * Fires when button clicked\n */\n @event('bl-click') private onClick: EventDispatcher<string>;\n\n get _hasIconSlot() {\n return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n }\n\n get _hasDefaultSlot() {\n const childNodes = [...this.childNodes];\n return childNodes.some(node => {\n const nodeType = node.nodeType;\n // has only text node.\n if (nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n return true;\n }\n // has element node, it should not have slot attribute.\n if (nodeType === node.ELEMENT_NODE) {\n if (!(node as HTMLElement).hasAttribute('slot')) {\n return true;\n }\n }\n return false;\n });\n }\n\n render(): TemplateResult {\n const isAnchor = !!this.href;\n const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n const slots = html`<slot name=\"icon\">${icon}</slot> <span class=\"label\"><slot></slot></span>`;\n const classes = classMap({\n 'button': true,\n 'has-icon': this.icon || this._hasIconSlot,\n 'has-content': this._hasDefaultSlot,\n });\n\n return isAnchor\n ? html`<a\n class=${classes}\n aria-disabled=\"${ifDefined(this.disabled)}\"\n aria-label=\"${ifDefined(this.label)}\"\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n role=\"button\"\n >${slots}</a\n >`\n : html`<button\n class=${classes}\n aria-disabled=\"${ifDefined(this.disabled)}\"\n aria-label=\"${ifDefined(this.label)}\"\n ?disabled=${this.disabled}\n @click=\"${this._handleClick}\"\n >\n ${slots}\n </button>`;\n }\n\n private _handleClick() {\n this.onClick('Click event fired!');\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-button': BlButton;\n }\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["styles", "r", "bl_button_default", "BlButton", "s", "bl_button_default", "node", "_a", "nodeType", "isAnchor", "icon", "$", "slots", "classes", "o", "__decorateClass", "event", "n"]
|
|
7
|
-
}
|
package/dist/chunk-FP5POXZC.js
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import{a as r,b as i,e as a,f as l,g as o}from"./chunk-BEHH5JPC.js";import{a as t}from"./chunk-NZ3RGSR6.js";var c=r`:host {
|
|
2
|
-
display: inline-block;
|
|
3
|
-
max-width: 100%;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.badge {
|
|
7
|
-
--bg-color: var(--bl-badge-bg-color, var(--bl-color-accent-primary-background));
|
|
8
|
-
--color: var(--bl-badge-color, var(--bl-color-primary));
|
|
9
|
-
--font: var(--bl-font-title-4-medium);
|
|
10
|
-
--padding-vertical: var(--bl-size-3xs);
|
|
11
|
-
--padding-horizontal: var(--bl-size-3xs);
|
|
12
|
-
--margin-icon: var(--bl-size-3xs);
|
|
13
|
-
--icon-size: var(--bl-size-s);
|
|
14
|
-
--height: var(--bl-size-xl);
|
|
15
|
-
|
|
16
|
-
display: flex;
|
|
17
|
-
gap: var(--margin-icon);
|
|
18
|
-
justify-content: center;
|
|
19
|
-
align-items: center;
|
|
20
|
-
box-sizing: border-box;
|
|
21
|
-
width: 100%;
|
|
22
|
-
border: none;
|
|
23
|
-
border-radius: var(--bl-size-4xs);
|
|
24
|
-
margin: 0;
|
|
25
|
-
padding: var(--padding-vertical) var(--padding-horizontal);
|
|
26
|
-
background-color: var(--bg-color);
|
|
27
|
-
color: var(--color, white);
|
|
28
|
-
font: var(--font);
|
|
29
|
-
font-kerning: none;
|
|
30
|
-
height: var(--height);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
:host([size='small']) .badge {
|
|
34
|
-
--font: var(--bl-font-caption-small-text);
|
|
35
|
-
--height: var(--bl-size-m);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
:host([size='large']) .badge {
|
|
39
|
-
--font: var(--bl-font-title-3-medium);
|
|
40
|
-
--padding-vertical: var(--bl-size-2xs);
|
|
41
|
-
--padding-horizontal: var(--bl-size-2xs);
|
|
42
|
-
--height: var(--bl-size-2xl);
|
|
43
|
-
--icon-size: var(--bl-size-m);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
:host ::slotted(bl-icon) {
|
|
47
|
-
font-size: var(--icon-size);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
:host([size='small']) bl-icon {
|
|
51
|
-
display: none;
|
|
52
|
-
}
|
|
53
|
-
`,n=c;var e=class extends a{constructor(){super(...arguments);this.size="medium"}static get styles(){return[n]}render(){let s=this.icon?i`<bl-icon name=${this.icon}></bl-icon>`:"";return i`<span class="badge">
|
|
54
|
-
<slot name="icon">${s}</slot>
|
|
55
|
-
<slot></slot>
|
|
56
|
-
</span>`}};t([o({type:String,reflect:!0})],e.prototype,"size",2),t([o({type:String})],e.prototype,"icon",2),e=t([l("bl-badge")],e);export{e as a};
|
|
57
|
-
//# sourceMappingURL=chunk-FP5POXZC.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/components/badge/bl-badge.css", "../src/components/badge/bl-badge.ts"],
|
|
4
|
-
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host {\n display: inline-block;\n max-width: 100%;\n}\n\n.badge {\n --bg-color: var(--bl-badge-bg-color, var(--bl-color-accent-primary-background));\n --color: var(--bl-badge-color, var(--bl-color-primary));\n --font: var(--bl-font-title-4-medium);\n --padding-vertical: var(--bl-size-3xs);\n --padding-horizontal: var(--bl-size-3xs);\n --margin-icon: var(--bl-size-3xs);\n --icon-size: var(--bl-size-s);\n --height: var(--bl-size-xl);\n\n display: flex;\n gap: var(--margin-icon);\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n width: 100%;\n border: none;\n border-radius: var(--bl-size-4xs);\n margin: 0;\n padding: var(--padding-vertical) var(--padding-horizontal);\n background-color: var(--bg-color);\n color: var(--color, white);\n font: var(--font);\n font-kerning: none;\n height: var(--height);\n}\n\n:host([size='small']) .badge {\n --font: var(--bl-font-caption-small-text);\n --height: var(--bl-size-m);\n}\n\n:host([size='large']) .badge {\n --font: var(--bl-font-title-3-medium);\n --padding-vertical: var(--bl-size-2xs);\n --padding-horizontal: var(--bl-size-2xs);\n --height: var(--bl-size-2xl);\n --icon-size: var(--bl-size-m);\n}\n\n:host ::slotted(bl-icon) {\n font-size: var(--icon-size);\n}\n\n:host([size='small']) bl-icon {\n display: none;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport style from './bl-badge.css';\nimport '../icon/bl-icon';\n\nexport type BadgeSize = 'small' | 'medium' | 'large';\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty --bl-badge-bg-color - Sets the background color of badge. Default value is `--bl-color-accent-primary-background`\n * @cssproperty --bl-badge-color - Sets the color of badge. Default value is `--bl-color-primary`\n */\n\n@customElement('bl-badge')\nexport default class BlBadge extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets the badge size\n */\n @property({ type: String, reflect: true })\n size: BadgeSize = 'medium';\n\n /**\n * Sets the name of the icon\n */\n @property({ type: String })\n icon?: string;\n\n render(): TemplateResult {\n const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n\n return html`<span class=\"badge\">\n <slot name=\"icon\">${icon}</slot>\n <slot></slot>\n </span>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-badge': BlBadge;\n }\n}\n"],
|
|
5
|
-
"mappings": "4GACO,IAAMA,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqDfC,EAAQD,ECtCf,IAAqBE,EAArB,cAAqCC,CAAW,CAAhD,kCASE,UAAkB,SARlB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAcA,QAAyB,CACvB,IAAMC,EAAO,KAAK,KAAOC,kBAAqB,KAAK,kBAAoB,GAEvE,OAAOA;AAAA,0BACeD;AAAA;AAAA,YAGxB,CACF,EAhBEE,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBN,EASnB,oBAMAK,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAdPN,EAenB,oBAfmBA,EAArBK,EAAA,CADCE,EAAc,UAAU,GACJP",
|
|
6
|
-
"names": ["styles", "bl_badge_default", "BlBadge", "s", "bl_badge_default", "icon", "$", "__decorateClass", "e", "n"]
|
|
7
|
-
}
|
package/dist/chunk-LZXRWVZI.js
DELETED
|
@@ -1,185 +0,0 @@
|
|
|
1
|
-
import{a as s}from"./chunk-23UFIOHV.js";import{a as l,b as r,e as a,f as n,g as o}from"./chunk-BEHH5JPC.js";import{a as e}from"./chunk-NZ3RGSR6.js";var v=l`:host {
|
|
2
|
-
position: relative;
|
|
3
|
-
display: flex;
|
|
4
|
-
align-items: center;
|
|
5
|
-
background-color: var(--bl-color-primary-background);
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.container {
|
|
9
|
-
--title-padding-vertical: var(--bl-size-m);
|
|
10
|
-
--title-padding-horizontal: var(--bl-size-xl);
|
|
11
|
-
--title-color: var(--bl-color-secondary);
|
|
12
|
-
--caption-color: var(--bl-color-secondary);
|
|
13
|
-
--icon-color: var(--bl-color-secondary);
|
|
14
|
-
--border-bottom-width: var(--bl-size-4xs);
|
|
15
|
-
--border-left-space: var(--bl-size-xl);
|
|
16
|
-
--font-title: var(--bl-font-title-3-medium);
|
|
17
|
-
--font-caption: var(--bl-font-title-4-regular);
|
|
18
|
-
--tab-right-padding: var(--bl-size-xl);
|
|
19
|
-
--help-container-width: var(--bl-size-2xl);
|
|
20
|
-
--tab-height: calc(var(--bl-size-3xl) + var(--bl-size-s));
|
|
21
|
-
|
|
22
|
-
display: flex;
|
|
23
|
-
border: none;
|
|
24
|
-
cursor: pointer;
|
|
25
|
-
background-color: initial;
|
|
26
|
-
width: max-content;
|
|
27
|
-
height: var(--tab-height);
|
|
28
|
-
padding: 0 var(--tab-right-padding);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.container::after {
|
|
32
|
-
position: absolute;
|
|
33
|
-
content: '';
|
|
34
|
-
right: 0;
|
|
35
|
-
top: var(--bl-size-m);
|
|
36
|
-
height: calc(100% - var(--bl-size-2xl));
|
|
37
|
-
border-right: 1px solid var(--bl-color-tertiary-hover);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
:host(:last-of-type) .container::after {
|
|
41
|
-
border-right: none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
:host .container::before {
|
|
45
|
-
content: '';
|
|
46
|
-
position: absolute;
|
|
47
|
-
opacity: 0;
|
|
48
|
-
bottom: calc(-1 * var(--bl-size-4xs));
|
|
49
|
-
left: var(--border-left-space);
|
|
50
|
-
width: calc(100% - var(--bl-size-4xl));
|
|
51
|
-
border-bottom: var(--border-bottom-width) solid var(--bl-color-primary);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
:host([selected]:not([disabled])) .container::before {
|
|
55
|
-
opacity: 1;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
:host(:hover) .container,
|
|
59
|
-
:host([selected]) .container {
|
|
60
|
-
--title-color: var(--bl-color-primary);
|
|
61
|
-
--icon-color: var(--bl-color-primary);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
:host([disabled]) .container {
|
|
65
|
-
cursor: not-allowed;
|
|
66
|
-
|
|
67
|
-
--title-color: var(--bl-color-content-passive);
|
|
68
|
-
--caption-color: var(--bl-color-content-passive);
|
|
69
|
-
--icon-color: var(--bl-color-content-passive);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
:host(:hover) :where(.title, .icon) {
|
|
73
|
-
transition: color 120ms ease-out;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
:host([selected]) .border-bottom {
|
|
77
|
-
display: inline-block;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
:host([disabled]) .container:hover {
|
|
81
|
-
cursor: not-allowed;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
:host([help-text]) button {
|
|
85
|
-
padding-right: 0;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.tab-button {
|
|
89
|
-
width: max-content;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.help-container {
|
|
93
|
-
display: flex;
|
|
94
|
-
justify-content: center;
|
|
95
|
-
align-items: center;
|
|
96
|
-
width: var(--help-container-width);
|
|
97
|
-
height: 100%;
|
|
98
|
-
font-size: var(--bl-font-size-m);
|
|
99
|
-
pointer-events: visible;
|
|
100
|
-
padding-right: var(--tab-right-padding);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
bl-tooltip {
|
|
104
|
-
--bl-tooltip-position: fixed;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.title {
|
|
108
|
-
display: flex;
|
|
109
|
-
align-items: center;
|
|
110
|
-
justify-content: center;
|
|
111
|
-
font: var(--font-title);
|
|
112
|
-
color: var(--title-color);
|
|
113
|
-
line-height: var(--bl-size-m);
|
|
114
|
-
white-space: nowrap;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.title-container {
|
|
118
|
-
display: flex;
|
|
119
|
-
align-items: center;
|
|
120
|
-
justify-content: center;
|
|
121
|
-
flex-direction: column;
|
|
122
|
-
margin: auto;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.badge-container {
|
|
126
|
-
padding-left: var(--bl-size-3xs);
|
|
127
|
-
display: flex;
|
|
128
|
-
margin-bottom: 1px;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.caption {
|
|
132
|
-
font: var(--font-caption);
|
|
133
|
-
line-height: var(--bl-size-xs);
|
|
134
|
-
color: var(--caption-color);
|
|
135
|
-
text-align: center;
|
|
136
|
-
margin-top: var(--bl-size-4xs);
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.icon {
|
|
140
|
-
display: flex;
|
|
141
|
-
color: var(--icon-color);
|
|
142
|
-
font-size: var(--bl-font-size-l);
|
|
143
|
-
margin-right: var(--bl-size-3xs);
|
|
144
|
-
margin-bottom: 1px;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
:host([notify]) .title::after {
|
|
148
|
-
content: '';
|
|
149
|
-
height: var(--bl-size-2xs);
|
|
150
|
-
width: var(--bl-size-2xs);
|
|
151
|
-
border-radius: var(--bl-size-3xs);
|
|
152
|
-
margin-left: var(--bl-size-3xs);
|
|
153
|
-
background-color: var(--bl-color-danger);
|
|
154
|
-
margin-bottom: 1px;
|
|
155
|
-
}
|
|
156
|
-
`,c=v;var t=class extends a{constructor(){super(...arguments);this.icon="";this.notify=!1;this.badge="";this.selected=!1;this.disabled=!1}static get styles(){return[c]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var i;this.tabGroup=this.closest("bl-tab-group"),(i=this.tabGroup)==null||i.registerTab(this)})}disconnectedCallback(){var i;super.disconnectedCallback(),(i=this.tabGroup)==null||i.unregisterTab(this)}select(){this._onSelect(this.name)}render(){let i=r` <slot></slot>`,b=this.helpText?r` <div class="help-container">
|
|
157
|
-
<bl-tooltip>
|
|
158
|
-
<bl-button
|
|
159
|
-
slot="tooltip-trigger"
|
|
160
|
-
icon="info"
|
|
161
|
-
text
|
|
162
|
-
label="${this.helpText}"
|
|
163
|
-
secondary
|
|
164
|
-
></bl-button>
|
|
165
|
-
${this.helpText}
|
|
166
|
-
</bl-tooltip>
|
|
167
|
-
</div>`:null,p=this.icon?r` <div class="icon">
|
|
168
|
-
<bl-icon name="${this.icon}"></bl-icon>
|
|
169
|
-
</div>`:null,d=this.badge?r` <div class="badge-container">
|
|
170
|
-
<bl-badge size="small">${this.badge}</bl-badge>
|
|
171
|
-
</div>`:null,h=this.caption?r` <div class="caption">${this.caption}</div>`:null;return r`
|
|
172
|
-
<button
|
|
173
|
-
?disabled="${this.disabled}"
|
|
174
|
-
role="tab"
|
|
175
|
-
class="container"
|
|
176
|
-
@click="${()=>this.select()}"
|
|
177
|
-
>
|
|
178
|
-
<div class="title-container">
|
|
179
|
-
<div class="title">${p} ${i} ${d}</div>
|
|
180
|
-
${h}
|
|
181
|
-
</div>
|
|
182
|
-
${b}
|
|
183
|
-
</button>
|
|
184
|
-
`}};e([o({type:String})],t.prototype,"caption",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([o({type:String})],t.prototype,"icon",2),e([o({type:Boolean,reflect:!0})],t.prototype,"notify",2),e([o({type:String})],t.prototype,"badge",2),e([o({type:Boolean,reflect:!0})],t.prototype,"selected",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([s("bl-tab-selected")],t.prototype,"_onSelect",2),t=e([n("bl-tab")],t);export{t as a};
|
|
185
|
-
//# sourceMappingURL=chunk-LZXRWVZI.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/components/tab-group/tab/bl-tab.css", "../src/components/tab-group/tab/bl-tab.ts"],
|
|
4
|
-
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host {\n position: relative;\n display: flex;\n align-items: center;\n background-color: var(--bl-color-primary-background);\n}\n\n.container {\n --title-padding-vertical: var(--bl-size-m);\n --title-padding-horizontal: var(--bl-size-xl);\n --title-color: var(--bl-color-secondary);\n --caption-color: var(--bl-color-secondary);\n --icon-color: var(--bl-color-secondary);\n --border-bottom-width: var(--bl-size-4xs);\n --border-left-space: var(--bl-size-xl);\n --font-title: var(--bl-font-title-3-medium);\n --font-caption: var(--bl-font-title-4-regular);\n --tab-right-padding: var(--bl-size-xl);\n --help-container-width: var(--bl-size-2xl);\n --tab-height: calc(var(--bl-size-3xl) + var(--bl-size-s));\n\n display: flex;\n border: none;\n cursor: pointer;\n background-color: initial;\n width: max-content;\n height: var(--tab-height);\n padding: 0 var(--tab-right-padding);\n}\n\n.container::after {\n position: absolute;\n content: '';\n right: 0;\n top: var(--bl-size-m);\n height: calc(100% - var(--bl-size-2xl));\n border-right: 1px solid var(--bl-color-tertiary-hover);\n}\n\n:host(:last-of-type) .container::after {\n border-right: none;\n}\n\n:host .container::before {\n content: '';\n position: absolute;\n opacity: 0;\n bottom: calc(-1 * var(--bl-size-4xs));\n left: var(--border-left-space);\n width: calc(100% - var(--bl-size-4xl));\n border-bottom: var(--border-bottom-width) solid var(--bl-color-primary);\n}\n\n:host([selected]:not([disabled])) .container::before {\n opacity: 1;\n}\n\n:host(:hover) .container,\n:host([selected]) .container {\n --title-color: var(--bl-color-primary);\n --icon-color: var(--bl-color-primary);\n}\n\n:host([disabled]) .container {\n cursor: not-allowed;\n\n --title-color: var(--bl-color-content-passive);\n --caption-color: var(--bl-color-content-passive);\n --icon-color: var(--bl-color-content-passive);\n}\n\n:host(:hover) :where(.title, .icon) {\n transition: color 120ms ease-out;\n}\n\n:host([selected]) .border-bottom {\n display: inline-block;\n}\n\n:host([disabled]) .container:hover {\n cursor: not-allowed;\n}\n\n:host([help-text]) button {\n padding-right: 0;\n}\n\n.tab-button {\n width: max-content;\n}\n\n.help-container {\n display: flex;\n justify-content: center;\n align-items: center;\n width: var(--help-container-width);\n height: 100%;\n font-size: var(--bl-font-size-m);\n pointer-events: visible;\n padding-right: var(--tab-right-padding);\n}\n\nbl-tooltip {\n --bl-tooltip-position: fixed;\n}\n\n.title {\n display: flex;\n align-items: center;\n justify-content: center;\n font: var(--font-title);\n color: var(--title-color);\n line-height: var(--bl-size-m);\n white-space: nowrap;\n}\n\n.title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n margin: auto;\n}\n\n.badge-container {\n padding-left: var(--bl-size-3xs);\n display: flex;\n margin-bottom: 1px;\n}\n\n.caption {\n font: var(--font-caption);\n line-height: var(--bl-size-xs);\n color: var(--caption-color);\n text-align: center;\n margin-top: var(--bl-size-4xs);\n}\n\n.icon {\n display: flex;\n color: var(--icon-color);\n font-size: var(--bl-font-size-l);\n margin-right: var(--bl-size-3xs);\n margin-bottom: 1px;\n}\n\n:host([notify]) .title::after {\n content: '';\n height: var(--bl-size-2xs);\n width: var(--bl-size-2xs);\n border-radius: var(--bl-size-3xs);\n margin-left: var(--bl-size-3xs);\n background-color: var(--bl-color-danger);\n margin-bottom: 1px;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../../utilities/event';\n\nimport style from './bl-tab.css';\nimport type BlTabGroup from '../bl-tab-group';\n\n/**\n * @tag bl-tab\n * @summary Baklava Tab component\n */\n@customElement('bl-tab')\nexport default class BlTab extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n private tabGroup: BlTabGroup | null;\n\n connectedCallback() {\n super.connectedCallback();\n\n this.updateComplete.then(() => {\n this.tabGroup = this.closest<BlTabGroup>('bl-tab-group');\n // FIXME: We need to warn if parent is not tab-group\n this.tabGroup?.registerTab(this);\n });\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.tabGroup?.unregisterTab(this);\n }\n\n /**\n * Sets the caption of tab\n */\n @property({ type: String })\n caption: string;\n\n /**\n * Name of the tab that should match `tab-panel`'s `tab` attribute\n */\n @property({ type: String, reflect: true })\n name: string;\n\n /**\n * Set tooltip text. Should be set to display information icon.\n */\n @property({ type: String, attribute: 'help-text', reflect: true })\n helpText: string;\n\n /**\n * Name of the icon which display on the left side of the tab.\n */\n @property({ type: String })\n icon = '';\n\n /**\n * Shows notification dot.\n */\n @property({ type: Boolean, reflect: true })\n notify = false;\n\n /**\n * Sets the content of the badge.\n */\n @property({ type: String })\n badge = '';\n\n /**\n * Set `tab` as selected.\n */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /**\n * Set `tab` as disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Fires when tab is selected.\n */\n @event('bl-tab-selected') private _onSelect: EventDispatcher<string>;\n\n /**\n * Set tab selected.\n */\n select() {\n this._onSelect(this.name);\n }\n\n render(): TemplateResult {\n const title = html` <slot></slot>`;\n\n const helpTooltip = this.helpText\n ? html` <div class=\"help-container\">\n <bl-tooltip>\n <bl-button\n slot=\"tooltip-trigger\"\n icon=\"info\"\n text\n label=\"${this.helpText}\"\n secondary\n ></bl-button>\n ${this.helpText}\n </bl-tooltip>\n </div>`\n : null;\n\n const icon = this.icon\n ? html` <div class=\"icon\">\n <bl-icon name=\"${this.icon}\"></bl-icon>\n </div>`\n : null;\n\n const badge = this.badge\n ? html` <div class=\"badge-container\">\n <bl-badge size=\"small\">${this.badge}</bl-badge>\n </div>`\n : null;\n\n const caption = this.caption ? html` <div class=\"caption\">${this.caption}</div>` : null;\n\n return html`\n <button\n ?disabled=\"${this.disabled}\"\n role=\"tab\"\n class=\"container\"\n @click=\"${() => this.select()}\"\n >\n <div class=\"title-container\">\n <div class=\"title\">${icon} ${title} ${badge}</div>\n ${caption}\n </div>\n ${helpTooltip}\n </button>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-tab': BlTab;\n }\n}\n"],
|
|
5
|
-
"mappings": "oJACO,IAAMA,EAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4JfC,EAAQF,ECjJf,IAAqBG,EAArB,cAAmCC,CAAW,CAA9C,kCA4CE,UAAO,GAMP,YAAS,GAMT,WAAQ,GAMR,cAAW,GAMX,cAAW,GAnEX,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAIA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,KAAK,eAAe,KAAK,IAAM,CAtBnC,IAAAC,EAuBM,KAAK,SAAW,KAAK,QAAoB,cAAc,GAEvDA,EAAA,KAAK,WAAL,MAAAA,EAAe,YAAY,KAC7B,CAAC,CACH,CAEA,sBAAuB,CA7BzB,IAAAA,EA8BI,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,WAAL,MAAAA,EAAe,cAAc,KAC/B,CA0DA,QAAS,CACP,KAAK,UAAU,KAAK,IAAI,CAC1B,CAEA,QAAyB,CACvB,IAAMC,EAAQC,kBAERC,EAAc,KAAK,SACrBD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAMe,KAAK;AAAA;AAAA;AAAA,cAGd,KAAK;AAAA;AAAA,gBAGX,KAEEE,EAAO,KAAK,KACdF;AAAA,2BACmB,KAAK;AAAA,gBAExB,KAEEG,EAAQ,KAAK,MACfH;AAAA,mCAC2B,KAAK;AAAA,gBAEhC,KAEEI,EAAU,KAAK,QAAUJ,0BAA6B,KAAK,gBAAkB,KAEnF,OAAOA;AAAA;AAAA,qBAEU,KAAK;AAAA;AAAA;AAAA,kBAGR,IAAM,KAAK,OAAO;AAAA;AAAA;AAAA,+BAGLE,KAAQH,KAASI;AAAA,YACpCC;AAAA;AAAA,UAEFH;AAAA;AAAA,KAGR,CACF,EAvGEI,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAzBPX,EA0BnB,uBAMAU,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA/BtBX,EAgCnB,oBAMAU,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAK,CAAC,GArC9CX,EAsCnB,wBAMAU,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA3CPX,EA4CnB,oBAMAU,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjDvBX,EAkDnB,sBAMAU,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAvDPX,EAwDnB,qBAMAU,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA7DvBX,EA8DnB,wBAMAU,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAnEvBX,EAoEnB,wBAKkCU,EAAA,CAAjCE,EAAM,iBAAiB,GAzELZ,EAyEe,yBAzEfA,EAArBU,EAAA,CADC,EAAc,QAAQ,GACFV",
|
|
6
|
-
"names": ["styles", "r", "bl_tab_default", "BlTab", "s", "bl_tab_default", "_a", "title", "$", "helpTooltip", "icon", "badge", "caption", "__decorateClass", "e", "event"]
|
|
7
|
-
}
|