@e1011/es-kit 1.0.54 → 1.0.58

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.
@@ -1,33 +1,3 @@
1
- .icon-module_icon-base-parent__nOMvW {
2
- line-height: 1px !important;
3
- }
4
-
5
- .icon-module_icon-base__S0tHf {
6
- min-width: var(--min-width);
7
- min-height: var(--min-height);
8
- width: var(--width);
9
- height: var(--height);
10
- line-height: var(--height);
11
- background-color: var(--icon-color);
12
- color: var(--icon-content-color);
13
- background-repeat: no-repeat;
14
- mask-image: var(--icon-url);
15
- -webkit-mask-image: var(--icon-url);
16
- mask-repeat: no-repeat;
17
- -webkit-mask-repeat: no-repeat;
18
- mask-size: contain;
19
- -webkit-mask-size: contain;
20
- mask-position: center;
21
- -webkit-mask-position: center;
22
- display: inline-block;
23
- will-change: transform;
24
- transform: translate3d(0, 0, 0);
25
- }
26
- .icon-module_icon-base__S0tHf svg {
27
- fill: var(--icon-content-color);
28
- width: var(--height);
29
- height: var(--width);
30
- }
31
1
  .divider-module_divider-line__6CesR {
32
2
  position: relative;
33
3
  display: block;
@@ -70,4 +40,34 @@
70
40
  min-width: 0;
71
41
  min-height: 0;
72
42
  border-radius: initial;
43
+ }
44
+ .icon-module_icon-base-parent__nOMvW {
45
+ line-height: 1px !important;
46
+ }
47
+
48
+ .icon-module_icon-base__S0tHf {
49
+ min-width: var(--min-width);
50
+ min-height: var(--min-height);
51
+ width: var(--width);
52
+ height: var(--height);
53
+ line-height: var(--height);
54
+ background-color: var(--icon-color);
55
+ color: var(--icon-content-color);
56
+ background-repeat: no-repeat;
57
+ mask-image: var(--icon-url);
58
+ -webkit-mask-image: var(--icon-url);
59
+ mask-repeat: no-repeat;
60
+ -webkit-mask-repeat: no-repeat;
61
+ mask-size: contain;
62
+ -webkit-mask-size: contain;
63
+ mask-position: center;
64
+ -webkit-mask-position: center;
65
+ display: inline-block;
66
+ will-change: transform;
67
+ transform: translate3d(0, 0, 0);
68
+ }
69
+ .icon-module_icon-base__S0tHf svg {
70
+ fill: var(--icon-content-color);
71
+ width: var(--height);
72
+ height: var(--width);
73
73
  }
@@ -1,33 +1,3 @@
1
- .icon-module_icon-base-parent__nOMvW {
2
- line-height: 1px !important;
3
- }
4
-
5
- .icon-module_icon-base__S0tHf {
6
- min-width: var(--min-width);
7
- min-height: var(--min-height);
8
- width: var(--width);
9
- height: var(--height);
10
- line-height: var(--height);
11
- background-color: var(--icon-color);
12
- color: var(--icon-content-color);
13
- background-repeat: no-repeat;
14
- mask-image: var(--icon-url);
15
- -webkit-mask-image: var(--icon-url);
16
- mask-repeat: no-repeat;
17
- -webkit-mask-repeat: no-repeat;
18
- mask-size: contain;
19
- -webkit-mask-size: contain;
20
- mask-position: center;
21
- -webkit-mask-position: center;
22
- display: inline-block;
23
- will-change: transform;
24
- transform: translate3d(0, 0, 0);
25
- }
26
- .icon-module_icon-base__S0tHf svg {
27
- fill: var(--icon-content-color);
28
- width: var(--height);
29
- height: var(--width);
30
- }
31
1
  .divider-module_divider-line__6CesR {
32
2
  position: relative;
33
3
  display: block;
@@ -70,4 +40,34 @@
70
40
  min-width: 0;
71
41
  min-height: 0;
72
42
  border-radius: initial;
43
+ }
44
+ .icon-module_icon-base-parent__nOMvW {
45
+ line-height: 1px !important;
46
+ }
47
+
48
+ .icon-module_icon-base__S0tHf {
49
+ min-width: var(--min-width);
50
+ min-height: var(--min-height);
51
+ width: var(--width);
52
+ height: var(--height);
53
+ line-height: var(--height);
54
+ background-color: var(--icon-color);
55
+ color: var(--icon-content-color);
56
+ background-repeat: no-repeat;
57
+ mask-image: var(--icon-url);
58
+ -webkit-mask-image: var(--icon-url);
59
+ mask-repeat: no-repeat;
60
+ -webkit-mask-repeat: no-repeat;
61
+ mask-size: contain;
62
+ -webkit-mask-size: contain;
63
+ mask-position: center;
64
+ -webkit-mask-position: center;
65
+ display: inline-block;
66
+ will-change: transform;
67
+ transform: translate3d(0, 0, 0);
68
+ }
69
+ .icon-module_icon-base__S0tHf svg {
70
+ fill: var(--icon-content-color);
71
+ width: var(--height);
72
+ height: var(--width);
73
73
  }
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("styled-components");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var t=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(n),r={width:"scrollWidth",height:"scrollHeight"},i=function(e){return e.propName},l=t.memo(a.default.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],i,i,i,i,i,i,i,(function(e){var n=e.contentProp;return"".concat(n,"px")}),i,(function(e){var n=e.contentProp;return"".concat(n,"px")}))),c=a.default(l).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),s=t.memo((function(n){var o=n.collapsed,a=void 0!==o&&o,i=n.collapseHandler,l=n.children,s=n.propName,u=void 0===s?"height":s,p=n.className,d=n.css,_=t.useRef(),f=t.useState(0),m=e.slicedToArray(f,2),y=m[0],h=m[1];t.useEffect((function(){null==i||i(a)}),[i,a]),t.useEffect((function(){null!=_&&_.current&&h(_.current[r[u]])}),[_,u]);var v="";return a&&y&&null!=y&&(v="Collapsible__container__collapsed"),!a&&y&&null!=y&&(v="Collapsible__container__expanded"),React.createElement(c,{className:"".concat(p," ").concat(v),ref:_,contentProp:y,propName:u,$_css:d},l)}));s.displayName="Container",exports.Container=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("styled-components");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var t=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(n),r=["collapsed","collapseHandler","children","propName","className","css"],l={width:"scrollWidth",height:"scrollHeight"},i=function(e){return e.propName},c=t.memo(a.default.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],i,i,i,i,i,i,i,(function(e){var n=e.contentProp;return"".concat(n,"px")}),i,(function(e){var n=e.contentProp;return"".concat(n,"px")}))),s=a.default(c).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),u=t.memo((function(n){var o=n.collapsed,a=void 0!==o&&o,i=n.collapseHandler,c=n.children,u=n.propName,p=void 0===u?"height":u,d=n.className,_=n.css,m=e.objectWithoutProperties(n,r),f=t.useRef(),h=t.useState(0),y=e.slicedToArray(h,2),v=y[0],C=y[1];t.useEffect((function(){null==i||i(a)}),[i,a]),t.useEffect((function(){null!=f&&f.current&&C(f.current[l[p]])}),[f,p]);var x="";return a&&v&&null!=v&&(x="Collapsible__container__collapsed"),!a&&v&&null!=v&&(x="Collapsible__container__expanded"),React.createElement(s,e.extends({className:"".concat(d," ").concat(x),ref:f,contentProp:v,propName:p},m,{$_css:_}),c)}));u.displayName="Container",exports.Container=u;
2
2
  //# sourceMappingURL=Container.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css,\n}: ContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n const [contentProp, setContentProp] = useState(0)\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useEffect(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, [containerRef, propName])\n\n let resolvedClassName = ''\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__collapsed'\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__expanded'\n }\n\n return (\n <StyledContainer\n className={`${className} ${resolvedClassName}`}\n ref={containerRef}\n contentProp={contentProp}\n propName={propName}\n css={css}\n >\n {children}\n </StyledContainer>\n )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","ref"],"mappings":"6VAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAIA,KAACC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAA,QAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,EAAAA,MAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAExEC,EAAeC,EAAAA,SACrBC,EAAsCC,EAAQA,SAAC,GAAEC,EAAAC,EAAAA,cAAAH,EAAA,GAA1CjB,EAAWmB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,EAAAA,WAAU,WACRZ,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBa,EAAAA,WAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBrC,EAAmBK,IAEpE,GAAG,CAACwB,EAAcxB,IAElB,IAAIiC,EAAoB,GASxB,OAPIf,GAAaT,GAAbS,MAA4BT,IAC9BwB,EAAoB,sCAEjBf,GAAaT,GAAd,MAA6BA,IAC/BwB,EAAoB,oCAIpBC,MAAAC,cAAAvB,EAAA,CACEU,UAAS,GAAAZ,OAAKY,OAASZ,OAAIuB,GAC3BG,IAAKZ,EACLf,YAAaA,EACbT,SAAUA,EAASc,MACdS,GAEJH,EAGP,IAEAL,EAAUT,YAAc"}
1
+ {"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n const [contentProp, setContentProp] = useState(0)\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useEffect(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, [containerRef, propName])\n\n let resolvedClassName = ''\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__collapsed'\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__expanded'\n }\n\n return (\n <StyledContainer\n className={`${className} ${resolvedClassName}`}\n ref={containerRef}\n contentProp={contentProp}\n propName={propName}\n css={css}\n {...props}\n >\n {children}\n </StyledContainer>\n )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"uaAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAIA,KAACC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAA,QAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,EAAAA,MAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAC,wBAAAV,EAAAW,GAErFC,EAAeC,EAAAA,SACrBC,EAAsCC,EAAQA,SAAC,GAAEC,EAAAC,EAAAA,cAAAH,EAAA,GAA1CrB,EAAWuB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,EAAAA,WAAU,WACRhB,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBiB,EAAAA,WAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBzC,EAAmBK,IAEpE,GAAG,CAAC4B,EAAc5B,IAElB,IAAIqC,EAAoB,GASxB,OAPInB,GAAaT,GAAbS,MAA4BT,IAC9B4B,EAAoB,sCAEjBnB,GAAaT,GAAd,MAA6BA,IAC/B4B,EAAoB,oCAIpBC,MAAAC,cAAA3B,EAAA4B,UAAA,CACElB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI2B,GAC3BI,IAAKb,EACLnB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAUT,YAAc"}
@@ -1,2 +1,2 @@
1
- import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"styled-components";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as o,useRef as t,useState as a,useEffect as r}from"react";var i={width:"scrollWidth",height:"scrollHeight"},l=function(e){return e.propName},c=o(n.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],l,l,l,l,l,l,l,(function(e){var n=e.contentProp;return"".concat(n,"px")}),l,(function(e){var n=e.contentProp;return"".concat(n,"px")}))),s=n(c).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),p=o((function(n){var o=n.collapsed,l=void 0!==o&&o,c=n.collapseHandler,p=n.children,d=n.propName,u=void 0===d?"height":d,m=n.className,_=n.css,f=t(),h=a(0),y=e(h,2),C=y[0],v=y[1];r((function(){null==c||c(l)}),[c,l]),r((function(){null!=f&&f.current&&v(f.current[i[u]])}),[f,u]);var x="";return l&&C&&null!=C&&(x="Collapsible__container__collapsed"),!l&&C&&null!=C&&(x="Collapsible__container__expanded"),React.createElement(s,{className:"".concat(m," ").concat(x),ref:f,contentProp:C,propName:u,$_css:_},p)}));p.displayName="Container";export{p as Container};
1
+ import{objectWithoutProperties as e,slicedToArray as o,extends as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a from"styled-components";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useRef as r,useState as l,useEffect as i}from"react";var c=["collapsed","collapseHandler","children","propName","className","css"],s={width:"scrollWidth",height:"scrollHeight"},p=function(e){return e.propName},d=t(a.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],p,p,p,p,p,p,p,(function(e){var o=e.contentProp;return"".concat(o,"px")}),p,(function(e){var o=e.contentProp;return"".concat(o,"px")}))),u=a(d).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),m=t((function(a){var t=a.collapsed,p=void 0!==t&&t,d=a.collapseHandler,m=a.children,_=a.propName,h=void 0===_?"height":_,f=a.className,y=a.css,C=e(a,c),v=r(),x=l(0),N=o(x,2),g=N[0],b=N[1];i((function(){null==d||d(p)}),[d,p]),i((function(){null!=v&&v.current&&b(v.current[s[h]])}),[v,h]);var w="";return p&&g&&null!=g&&(w="Collapsible__container__collapsed"),!p&&g&&null!=g&&(w="Collapsible__container__expanded"),React.createElement(u,n({className:"".concat(f," ").concat(w),ref:v,contentProp:g,propName:h},C,{$_css:y}),m)}));m.displayName="Container";export{m as Container};
2
2
  //# sourceMappingURL=Container.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css,\n}: ContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n const [contentProp, setContentProp] = useState(0)\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useEffect(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, [containerRef, propName])\n\n let resolvedClassName = ''\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__collapsed'\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__expanded'\n }\n\n return (\n <StyledContainer\n className={`${className} ${resolvedClassName}`}\n ref={containerRef}\n contentProp={contentProp}\n propName={propName}\n css={css}\n >\n {children}\n </StyledContainer>\n )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","ref"],"mappings":"mQAKA,IAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,GAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAExEC,EAAeC,IACrBC,EAAsCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAA1CjB,EAAWmB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRZ,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBa,GAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBrC,EAAmBK,IAEpE,GAAG,CAACwB,EAAcxB,IAElB,IAAIiC,EAAoB,GASxB,OAPIf,GAAaT,GAAbS,MAA4BT,IAC9BwB,EAAoB,sCAEjBf,GAAaT,GAAd,MAA6BA,IAC/BwB,EAAoB,oCAIpBC,MAAAC,cAAAvB,EAAA,CACEU,UAAS,GAAAZ,OAAKY,OAASZ,OAAIuB,GAC3BG,IAAKZ,EACLf,YAAaA,EACbT,SAAUA,EAASc,MACdS,GAEJH,EAGP,IAEAL,EAAUT,YAAc"}
1
+ {"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n const [contentProp, setContentProp] = useState(0)\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useEffect(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, [containerRef, propName])\n\n let resolvedClassName = ''\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__collapsed'\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__expanded'\n }\n\n return (\n <StyledContainer\n className={`${className} ${resolvedClassName}`}\n ref={containerRef}\n contentProp={contentProp}\n propName={propName}\n css={css}\n {...props}\n >\n {children}\n </StyledContainer>\n )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"2XAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,GAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAT,EAAAU,GAErFC,EAAeC,IACrBC,EAAsCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAA1CpB,EAAWsB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRf,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBgB,GAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBxC,EAAmBK,IAEpE,GAAG,CAAC2B,EAAc3B,IAElB,IAAIoC,EAAoB,GASxB,OAPIlB,GAAaT,GAAbS,MAA4BT,IAC9B2B,EAAoB,sCAEjBlB,GAAaT,GAAd,MAA6BA,IAC/B2B,EAAoB,oCAIpBC,MAAAC,cAAA1B,EAAA2B,EAAA,CACEjB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI0B,GAC3BI,IAAKb,EACLlB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAUT,YAAc"}
@@ -25,7 +25,7 @@ const StyledContainer = memo(styled.div `
25
25
  opacity: 1;
26
26
  }
27
27
  `);
28
- export const Container = memo(({ collapsed = false, collapseHandler, children, propName = 'height', className, css, }) => {
28
+ export const Container = memo(({ collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props }) => {
29
29
  const containerRef = useRef();
30
30
  const [contentProp, setContentProp] = useState(0);
31
31
  useEffect(() => {
@@ -43,7 +43,7 @@ export const Container = memo(({ collapsed = false, collapseHandler, children, p
43
43
  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
44
44
  resolvedClassName = 'Collapsible__container__expanded';
45
45
  }
46
- return (_jsx(StyledContainer, { className: `${className} ${resolvedClassName}`, ref: containerRef, contentProp: contentProp, propName: propName, css: css, children: children }));
46
+ return (_jsx(StyledContainer, { className: `${className} ${resolvedClassName}`, ref: containerRef, contentProp: contentProp, propName: propName, css: css, ...props, children: children }));
47
47
  });
48
48
  Container.displayName = 'Container';
49
49
  //# sourceMappingURL=Container.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,MAAM,kBAAkB,GAA2B;IACjD,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAiD,EAAE,EAAE,CAAC,QAAQ,CAAA;AAE9F,MAAM,eAAe,GAA6B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAsB;;0CAE7C,YAAY,0BAA0B,YAAY;0BAClE,YAAY,SAAS,YAAY;;;;;MAKrD,YAAY;UACR,YAAY;;;;;MAKhB,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;UACnF,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;;;CAGhG,CAAC,CAAA;AAUF,MAAM,CAAC,MAAM,SAAS,GAAuB,IAAI,CAAC,CAAC,EACjD,SAAS,GAAG,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,GAClE,EAAE,EAAE;IACnB,MAAM,YAAY,GAAG,MAAM,EAAkB,CAAA;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,cAAc,CAAE,YAAY,CAAC,OAAe,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;SAC5E;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,IAAI,iBAAiB,GAAG,EAAE,CAAA;IAE1B,IAAI,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QACjF,iBAAiB,GAAG,mCAAmC,CAAA;KACxD;IACD,IAAI,CAAC,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QAClF,iBAAiB,GAAG,kCAAkC,CAAA;KACvD;IAED,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,GAAG,SAAS,IAAI,iBAAiB,EAAE,EAC9C,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,QAAQ,GACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}
1
+ {"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,MAAM,kBAAkB,GAA2B;IACjD,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAiD,EAAE,EAAE,CAAC,QAAQ,CAAA;AAE9F,MAAM,eAAe,GAA6B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAsB;;0CAE7C,YAAY,0BAA0B,YAAY;0BAClE,YAAY,SAAS,YAAY;;;;;MAKrD,YAAY;UACR,YAAY;;;;;MAKhB,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;UACnF,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;;;CAGhG,CAAC,CAAA;AAUF,MAAM,CAAC,MAAM,SAAS,GAAuB,IAAI,CAAC,CAAC,EACjD,SAAS,GAAG,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAC5E,EAAE,EAAE;IACnB,MAAM,YAAY,GAAG,MAAM,EAAkB,CAAA;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,cAAc,CAAE,YAAY,CAAC,OAAe,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;SAC5E;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,IAAI,iBAAiB,GAAG,EAAE,CAAA;IAE1B,IAAI,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QACjF,iBAAiB,GAAG,mCAAmC,CAAA;KACxD;IACD,IAAI,CAAC,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QAClF,iBAAiB,GAAG,kCAAkC,CAAA;KACvD;IAED,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,GAAG,SAAS,IAAI,iBAAiB,EAAE,EAC9C,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}
@@ -1,16 +1,17 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { memo, useMemo } from 'react';
3
3
  import classes from './icon.module.scss';
4
- export const IconBase = memo(({ iconUrl, minWidth = '1rem', minHeight = '1rem', size, fontSize, width, height, color = 'currentColor', className = '', children, }) => {
4
+ export const IconBase = memo(({ iconUrl, minWidth, minHeight, size, fontSize, width, height, color = 'currentColor', className = '', children, style, }) => {
5
5
  const styles = useMemo(() => ({
6
- '--min-width': minWidth || 'auto',
7
- '--min-height': minHeight || 'auto',
6
+ '--min-width': minWidth || size || width || 'auto',
7
+ '--min-height': minHeight || size || height || 'auto',
8
8
  '--width': size || width,
9
9
  '--height': size || height,
10
10
  ...(fontSize ? { fontSize } : {}),
11
11
  ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),
12
12
  ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),
13
- }), [minWidth, minHeight, size, width, height, fontSize, iconUrl, color]);
13
+ ...style,
14
+ }), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, style]);
14
15
  return (_jsx("span", { className: `${classes['icon-base']} icon-base ${className}`, style: styles, children: (!iconUrl && children) && children }));
15
16
  });
16
17
  IconBase.displayName = 'IconBase';
@@ -1 +1 @@
1
- {"version":3,"file":"IconBase.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAA;AAEvE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAcxC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe,CAAC,EAC1C,OAAO,EAAE,QAAQ,GAAG,MAAM,EAAE,SAAS,GAAG,MAAM,EAAE,IAAI,EACpD,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAC5D,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,aAAa,EAAE,QAAQ,IAAI,MAAM;QACjC,cAAc,EAAE,SAAS,IAAI,MAAM;QACnC,SAAS,EAAE,IAAI,IAAI,KAAK;QACxB,UAAU,EAAE,IAAI,IAAI,MAAM;QAC1B,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAAC;KAC7E,CACF,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAExE,OAAO,CACL,eACE,SAAS,EAAE,GAAI,OAAe,CAAC,WAAW,CAAC,cAAc,SAAS,EAAE,EACpE,KAAK,EAAE,MAAuB,YAE7B,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,QAAQ,GAC9B,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
1
+ {"version":3,"file":"IconBase.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAA;AAEvE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAcxC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe,CAAC,EAC1C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAClC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,GACnE,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,aAAa,EAAE,QAAQ,IAAI,IAAI,IAAI,KAAK,IAAI,MAAM;QAClD,cAAc,EAAE,SAAS,IAAI,IAAI,IAAI,MAAM,IAAI,MAAM;QACrD,SAAS,EAAE,IAAI,IAAI,KAAK;QACxB,UAAU,EAAE,IAAI,IAAI,MAAM;QAC1B,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAAC;QAC5E,GAAG,KAAK;KACT,CACF,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;IAE/E,OAAO,CACL,eACE,SAAS,EAAE,GAAI,OAAe,CAAC,WAAW,CAAC,cAAc,SAAS,EAAE,EACpE,KAAK,EAAE,MAAuB,YAE7B,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,QAAQ,GAC9B,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
@@ -20,8 +20,8 @@ let IconBase = IconBase_1 = class IconBase extends HTMLElement {
20
20
  this.classList.add(classes['icon-base-parent']);
21
21
  this.mainElement.classList.add(classes['icon-base']);
22
22
  const styles = {
23
- '--min-width': this.minWidth || 'auto',
24
- '--min-height': this.minHeight || 'auto',
23
+ '--min-width': this.minWidth || this.size || this.width || 'auto',
24
+ '--min-height': this.minHeight || this.size || this.height || 'auto',
25
25
  '--width': this.size || this.width,
26
26
  '--height': this.size || this.height,
27
27
  ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),
@@ -1 +1 @@
1
- {"version":3,"file":"IconWC.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconWC.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAA;AAExF,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAIxC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;AAEnD,QAAQ,CAAC,SAAS,GAAG,iCAAiC,CAAA;AAevC,IAAM,QAAQ,gBAAd,MAAM,QAAS,SAAQ,WAAW;IAAlC;;QAmDb,WAAM,GAAG,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAgB,CAAA;YACtF,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB,OAAM;aACP;YACD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAA;YAC/C,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAA;YAEpD,MAAM,MAAM,GAAG;gBACb,aAAa,EAAE,IAAI,CAAC,QAAQ,IAAI,MAAM;gBACtC,cAAc,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM;gBACxC,SAAS,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK;gBAClC,UAAU,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM;gBACpC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gBACjE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,sBAAsB,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;aAC5F,CAAA;YAED,IAAI,CAAC,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;YAErE,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;QACrH,CAAC,CAAA;IACH,CAAC;IApDC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,CAAC,CAAA;IAC1G,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;SAC9E;QAED,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAA;QAEnC,iBAAiB,CAAC,IAAI,EAAE,UAAQ,CAAC,kBAAkB,CAAC,CAAA;QAEpD,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC;IAED,wBAAwB,CAAC,QAAgB,EAAE,MAA8B,EAAE,MAA8B;QACvG,IAAI,QAAQ,KAAK,WAAW,EAAE;YAC5B,IAAI,CAAC,SAAS,GAAI,MAAiB,IAAI,EAAE,CAAA;YACzC,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;gBACrC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;aACnC;SACF;QACD,6DAA6D;QAC7D,aAAa;QACb,IAAI,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAA;QACvB,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC;CAwBF,CAAA;AAzEoB,QAAQ;IAD5B,GAAG,CAAC,WAAW,CAAC;GACI,QAAQ,CAyE5B;eAzEoB,QAAQ;AAoF7B,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAA"}
1
+ {"version":3,"file":"IconWC.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconWC.ts"],"names":[],"mappings":"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"}