scu-web-components 0.0.24 → 0.0.27

package/dist/tokens/source/jsCssGeneratorSansAssets.js

@@ -1,4 +1,4 @@
-export default class JsCssGenerator{constructor(e){this.tokens={"COLORS|color":{primary:{"01":["rgba(28,74,5,1)"],"02":["rgba(41,95,14,1)"],"03":["rgba(52,110,6,1)"],"04":["rgba(63,121,15,1)"],"05":["rgba(75,132,29,1)"],"":["rgba(75,132,29,1)"],"06":["rgba(99,166,10,1)"],"07":["rgba(158,201,101,1)"],"08":["rgba(200,230,160,1)"],"09":["rgba(232,247,212,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(246,255,237,1)"]},grey:{10:["rgba(255,255,255,1)"],"00":["rgba(0,0,0,1)"],"01":["rgba(29,30,32,1)"],"02":["rgba(62,65,67,1)"],"03":["rgba(87,90,93,1)"],"04":["rgba(114,118,122,1)"],"05":["rgba(134,137,140,1)"],"":["rgba(134,137,140,1)"],"06":["rgba(154,158,160,1)"],"07":["rgba(177,180,183,1)"],"08":["rgba(194,197,200,1)"],"09":["rgba(218,220,223,1)"],"092":["rgba(235,238,240,1)"],"095":["rgba(246,247,249,1)"]},error:{"":["rgba(228,109,114,1)"],light:["rgba(249,230,230,1)"],dark:["rgba(158,0,0,1)"]},warning:{"":["rgba(255,134,66,1)"],light:["rgba(255,214,191,1)"],dark:["rgba(128,46,0,1)"]},success:{"":["rgba(123,209,8,1)"],light:["rgba(213,233,187,1)"],dark:["rgba(72,121,6,1)"]},information:{"":["rgba(252,231,40,1)"],light:["rgba(255,250,208,1)"],dark:["rgba(170,153,0,1)"]},icon:{"":["rgba(1,1,1,1)"]},secondary:{"":["rgba(87,90,93,1)"]},mortgage:{"01":["rgba(74,2,57,1)"],"02":["rgba(92,1,75,1)"],"03":["rgba(107,4,83,1)"],"04":["rgba(136,6,105,1)"],"05":["rgba(162,0,125,1)"],"":["rgba(162,0,125,1)"],"06":["rgba(193,64,164,1)"],"07":["rgba(214,121,192,1)"],"08":["rgba(235,169,220,1)"],"09":["rgba(247,220,242,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,240,250,1)"]},investments:{"01":["rgba(15,14,88,1)"],"02":["rgba(37,37,124,1)"],"03":["rgba(52,52,145,1)"],"04":["rgba(65,64,157,1)"],"05":["rgba(85,84,177,1)"],"":["rgba(85,84,177,1)"],"06":["rgba(117,116,195,1)"],"07":["rgba(160,159,219,1)"],"08":["rgba(200,199,237,1)"],"09":["rgba(227,226,248,1)"],"092":["rgba(232,231,249,1)"],"095":["rgba(244,244,255,1)"]},"credit-cards":{"01":["rgba(1,51,77,1)"],"02":["rgba(1,70,106,1)"],"03":["rgba(1,88,132,1)"],"04":["rgba(1,104,157,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(46,147,199,1)"],"07":["rgba(94,173,213,1)"],"08":["rgba(140,197,227,1)"],"09":["rgba(189,224,242,1)"],"092":["rgba(227,241,249,1)"],"095":["rgba(236,249,255,1)"]},student:{"01":["rgba(1,56,49,1)"],"02":["rgba(0,75,67,1)"],"03":["rgba(0,94,83,1)"],"04":["rgba(0,113,100,1)"],"05":["rgba(0,131,116,1)"],"":["rgba(0,131,116,1)"],"06":["rgba(46,156,143,1)"],"07":["rgba(105,185,176,1)"],"08":["rgba(157,217,211,1)"],"09":["rgba(209,240,237,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(237,253,252,1)"]},savings:{"01":["rgba(119,33,0,1)"],"02":["rgba(149,41,0,1)"],"03":["rgba(163,46,2,1)"],"04":["rgba(178,51,3,1)"],"05":["rgba(195,75,0,1)"],"":["rgba(195,75,0,1)"],"06":["rgba(230,118,47,1)"],"07":["rgba(242,165,109,1)"],"08":["rgba(250,209,167,1)"],"09":["rgba(255,235,211,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,247,239,1)"]},checking:{"01":["rgba(49,6,67,1)"],"02":["rgba(64,21,83,1)"],"03":["rgba(92,40,114,1)"],"04":["rgba(119,57,145,1)"],"05":["rgba(148,77,178,1)"],"":["rgba(148,77,178,1)"],"06":["rgba(168,108,193,1)"],"07":["rgba(198,151,217,1)"],"08":["rgba(218,187,232,1)"],"09":["rgba(233,213,240,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(249,237,252,1)"]},"red-shoes":{"01":["rgba(90,7,9,1)"],"02":["rgba(117,15,18,1)"],"03":["rgba(143,23,27,1)"],"04":["rgba(171,31,36,1)"],"05":["rgba(201,40,45,1)"],"":["rgba(201,40,45,1)"],"06":["rgba(214,80,84,1)"],"07":["rgba(226,119,121,1)"],"08":["rgba(240,162,164,1)"],"09":["rgba(255,219,220,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,240,241,1)"]},business:{"01":["rgba(83,72,1,1)"],"02":["rgba(111,96,1,1)"],"03":["rgba(141,122,1,1)"],"04":["rgba(168,145,1,1)"],"05":["rgba(199,172,0,1)"],"":["rgba(199,172,0,1)"],"06":["rgba(212,190,46,1)"],"07":["rgba(227,209,98,1)"],"08":["rgba(241,229,149,1)"],"09":["rgba(255,247,197,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,251,224,1)"]},personal:{"01":["rgba(1,40,60,1)"],"02":["rgba(1,59,90,1)"],"03":["rgba(1,80,121,1)"],"04":["rgba(1,99,150,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(48,149,202,1)"],"07":["rgba(100,179,220,1)"],"08":["rgba(154,210,238,1)"],"09":["rgba(202,237,255,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(226,245,255,1)"]},heloc:{"01":["rgba(41,17,75,1)"],"02":["rgba(56,28,92,1)"],"03":["rgba(76,44,118,1)"],"04":["rgba(101,63,149,1)"],"05":["rgba(128,91,177,1)"],"":["rgba(128,91,177,1)"],"06":["rgba(159,126,201,1)"],"07":["rgba(189,164,221,1)"],"08":["rgba(207,191,229,1)"],"09":["rgba(229,219,244,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(243,239,252,1)"]}},"TYPOGRAPHY|type":{text:{10:["2.5rem","'Proxima Nova'","400","2.93rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","400","2.197rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","400","1.758rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","400","1.465rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","400","1.318rem","0rem","none"],"05":["1rem","'Proxima Nova'","400","1.172rem","0rem","none"],"":["1rem","'Proxima Nova'","400","1.172rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","400","1.025rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","400","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","400","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","400","0.659rem","0rem","none"]},"text-bold-condensed":{10:["2.5rem","'Proxima Nova Condensed'","700","2.93rem","0rem","none"],"09":["1.875rem","'Proxima Nova Condensed'","700","2.197rem","0rem","none"],"08":["1.5rem","'Proxima Nova Condensed'","700","1.758rem","0rem","none"],"07":["1.25rem","'Proxima Nova Condensed'","700","1.465rem","0rem","none"],"06":["1.125rem","'Proxima Nova Condensed'","700","1.318rem","0rem","none"],"05":["1rem","'Proxima Nova Condensed'","700","1.172rem","0rem","none"],"":["1rem","'Proxima Nova Condensed'","700","1.172rem","0rem","none"],"04":["0.875rem","'Proxima Nova Condensed'","700","1.025rem","0rem","none"],"03":["0.75rem","'Proxima Nova Condensed'","700","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova Condensed'","700","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova Condensed'","700","0.659rem","0rem","none"]},"text-bold":{10:["2.5rem","'Proxima Nova'","700","2.93rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","700","2.197rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","700","1.758rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","700","1.465rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","700","1.318rem","0rem","none"],"05":["1rem","'Proxima Nova'","700","1.172rem","0rem","none"],"":["1rem","'Proxima Nova'","700","1.172rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","700","1.025rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","700","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","700","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","700","0.659rem","0rem","none"]}},"EFFECTS|effect":{shadow:{"":["0px 0px 8px 0px rgba(0,0,0,0.27)"]},focus:{"":["0px 0px 0px 2px rgba(53,155,249,1)"]}},"ICONS|icon":{placeholder:{svg:[""]},clear:{svg:[""]},location:{svg:[""]},checkbox:{svg:[""]},radio:{svg:[""]},"checkbox-selected":{svg:[""]},"radio-selected":{svg:[""]},search:{svg:[""]},"checkbox-hover":{svg:[""]},"radio-hover":{svg:[""]},"checkbox-selected-hover":{svg:[""]},"radio-selected-hover":{svg:[""]},visible:{svg:[""]},hidden:{svg:[""]},"checkbox-disabled":{svg:[""]},"radio-disabled":{svg:[""]},"checkbox-selected-disabled":{svg:[""]},"radio-selected-disabled":{svg:[""]},"chevron-up":{svg:[""]},"chevron-down":{svg:[""]},"chevron-left":{svg:[""]},"chevron-right":{svg:[""]},"color-test":{svg:[""]}},"GRAPHICS|graphic":{},"LAYOUTS|":{spacing:{1:["0.625rem"]},col:{1:["8.3333%"]},colvw:{1:["8.3333vw"]}},"FONTS|font":{"proxima_nova condensed-700-normal":{"":["Proxima Nova Condensed","font-proxima_nova condensed-700-normal.otf","700","normal"]},"proxima_nova-700-normal":{"":["Proxima Nova","font-proxima_nova-700-normal.otf","700","normal"]},"proxima_nova-300-normal":{"":["Proxima Nova","font-proxima_nova-300-normal.otf","300","normal"]}},"BREAKPOINTS|breakpoint":{}},this.prefix="scw",this.uuid="004170dd-edc1-44df-9226-0cb36e53c34a",this.initialized=!1,this.lookup,this.css_classes_root="",this.css_comp_suffix="",this.units=[0,1,2,3,4,5,6,7,8,9,10,11,12],this.subUnits=[0,3,4,6,8,9],this.subUnitAttachments=[0,1,2,3],this.config=e||{},this.version=this.config.version||!1,this.extraCssPromise=this.config.extraCssPromise||!1,this.assetsUrl=this.config.assetsUrl||!1,this.attributes=this.config.attributes||!0,this.classes=this.config.classes||!0,this.variablesOnly=this.config.variablesOnly||!1}async buildCss(){this.version&&(this.css_comp_suffix="-"+this.version),this.lookup={};let t=`/*
+export default class JsCssGenerator{constructor(e){this.tokens={"COLORS|color":{primary:{"01":["rgba(28,74,5,1)"],"02":["rgba(41,95,14,1)"],"03":["rgba(52,110,6,1)"],"04":["rgba(63,121,15,1)"],"05":["rgba(75,132,29,1)"],"":["rgba(75,132,29,1)"],"06":["rgba(99,166,10,1)"],"07":["rgba(158,201,101,1)"],"08":["rgba(200,230,160,1)"],"09":["rgba(232,247,212,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(246,255,237,1)"]},grey:{10:["rgba(255,255,255,1)"],"00":["rgba(0,0,0,1)"],"01":["rgba(29,30,32,1)"],"02":["rgba(62,65,67,1)"],"03":["rgba(87,90,93,1)"],"04":["rgba(114,118,122,1)"],"05":["rgba(134,137,140,1)"],"":["rgba(134,137,140,1)"],"06":["rgba(154,158,160,1)"],"07":["rgba(177,180,183,1)"],"08":["rgba(194,197,200,1)"],"09":["rgba(218,220,223,1)"],"092":["rgba(235,238,240,1)"],"095":["rgba(246,247,249,1)"]},error:{"":["rgba(228,109,114,1)"],light:["rgba(249,230,230,1)"],dark:["rgba(158,0,0,1)"]},warning:{"":["rgba(255,134,66,1)"],light:["rgba(255,214,191,1)"],dark:["rgba(128,46,0,1)"]},success:{"":["rgba(123,209,8,1)"],light:["rgba(213,233,187,1)"],dark:["rgba(72,121,6,1)"]},information:{"":["rgba(252,231,40,1)"],light:["rgba(255,250,208,1)"],dark:["rgba(170,153,0,1)"]},icon:{"":["rgba(1,1,1,1)"]},secondary:{"":["rgba(87,90,93,1)"]},mortgage:{"01":["rgba(74,2,57,1)"],"02":["rgba(92,1,75,1)"],"03":["rgba(107,4,83,1)"],"04":["rgba(136,6,105,1)"],"05":["rgba(162,0,125,1)"],"":["rgba(162,0,125,1)"],"06":["rgba(193,64,164,1)"],"07":["rgba(214,121,192,1)"],"08":["rgba(235,169,220,1)"],"09":["rgba(247,220,242,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,240,250,1)"]},investments:{"01":["rgba(15,14,88,1)"],"02":["rgba(37,37,124,1)"],"03":["rgba(52,52,145,1)"],"04":["rgba(65,64,157,1)"],"05":["rgba(85,84,177,1)"],"":["rgba(85,84,177,1)"],"06":["rgba(117,116,195,1)"],"07":["rgba(160,159,219,1)"],"08":["rgba(200,199,237,1)"],"09":["rgba(227,226,248,1)"],"092":["rgba(232,231,249,1)"],"095":["rgba(244,244,255,1)"]},"credit-cards":{"01":["rgba(1,51,77,1)"],"02":["rgba(1,70,106,1)"],"03":["rgba(1,88,132,1)"],"04":["rgba(1,104,157,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(46,147,199,1)"],"07":["rgba(94,173,213,1)"],"08":["rgba(140,197,227,1)"],"09":["rgba(189,224,242,1)"],"092":["rgba(227,241,249,1)"],"095":["rgba(236,249,255,1)"]},student:{"01":["rgba(1,56,49,1)"],"02":["rgba(0,75,67,1)"],"03":["rgba(0,94,83,1)"],"04":["rgba(0,113,100,1)"],"05":["rgba(0,131,116,1)"],"":["rgba(0,131,116,1)"],"06":["rgba(46,156,143,1)"],"07":["rgba(105,185,176,1)"],"08":["rgba(157,217,211,1)"],"09":["rgba(209,240,237,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(237,253,252,1)"]},savings:{"01":["rgba(119,33,0,1)"],"02":["rgba(149,41,0,1)"],"03":["rgba(163,46,2,1)"],"04":["rgba(178,51,3,1)"],"05":["rgba(195,75,0,1)"],"":["rgba(195,75,0,1)"],"06":["rgba(230,118,47,1)"],"07":["rgba(242,165,109,1)"],"08":["rgba(250,209,167,1)"],"09":["rgba(255,235,211,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,247,239,1)"]},checking:{"01":["rgba(49,6,67,1)"],"02":["rgba(64,21,83,1)"],"03":["rgba(92,40,114,1)"],"04":["rgba(119,57,145,1)"],"05":["rgba(148,77,178,1)"],"":["rgba(148,77,178,1)"],"06":["rgba(168,108,193,1)"],"07":["rgba(198,151,217,1)"],"08":["rgba(218,187,232,1)"],"09":["rgba(233,213,240,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(249,237,252,1)"]},"red-shoes":{"01":["rgba(90,7,9,1)"],"02":["rgba(117,15,18,1)"],"03":["rgba(143,23,27,1)"],"04":["rgba(171,31,36,1)"],"05":["rgba(201,40,45,1)"],"":["rgba(201,40,45,1)"],"06":["rgba(214,80,84,1)"],"07":["rgba(226,119,121,1)"],"08":["rgba(240,162,164,1)"],"09":["rgba(255,219,220,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,240,241,1)"]},business:{"01":["rgba(83,72,1,1)"],"02":["rgba(111,96,1,1)"],"03":["rgba(141,122,1,1)"],"04":["rgba(168,145,1,1)"],"05":["rgba(199,172,0,1)"],"":["rgba(199,172,0,1)"],"06":["rgba(212,190,46,1)"],"07":["rgba(227,209,98,1)"],"08":["rgba(241,229,149,1)"],"09":["rgba(255,247,197,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,251,224,1)"]},personal:{"01":["rgba(1,40,60,1)"],"02":["rgba(1,59,90,1)"],"03":["rgba(1,80,121,1)"],"04":["rgba(1,99,150,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(48,149,202,1)"],"07":["rgba(100,179,220,1)"],"08":["rgba(154,210,238,1)"],"09":["rgba(202,237,255,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(226,245,255,1)"]},heloc:{"01":["rgba(41,17,75,1)"],"02":["rgba(56,28,92,1)"],"03":["rgba(76,44,118,1)"],"04":["rgba(101,63,149,1)"],"05":["rgba(128,91,177,1)"],"":["rgba(128,91,177,1)"],"06":["rgba(159,126,201,1)"],"07":["rgba(189,164,221,1)"],"08":["rgba(207,191,229,1)"],"09":["rgba(229,219,244,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(243,239,252,1)"]}},"TYPOGRAPHY|type":{text:{10:["2.5rem","'Proxima Nova'","400","2.93rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","400","2.197rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","400","1.758rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","400","1.465rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","400","1.318rem","0rem","none"],"05":["1rem","'Proxima Nova'","400","1.172rem","0rem","none"],"":["1rem","'Proxima Nova'","400","1.172rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","400","1.025rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","400","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","400","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","400","0.659rem","0rem","none"]},"text-bold-condensed":{10:["2.5rem","'Proxima Nova Condensed'","700","2.93rem","0rem","none"],"09":["1.875rem","'Proxima Nova Condensed'","700","2.197rem","0rem","none"],"08":["1.5rem","'Proxima Nova Condensed'","700","1.758rem","0rem","none"],"07":["1.25rem","'Proxima Nova Condensed'","700","1.465rem","0rem","none"],"06":["1.125rem","'Proxima Nova Condensed'","700","1.318rem","0rem","none"],"05":["1rem","'Proxima Nova Condensed'","700","1.172rem","0rem","none"],"":["1rem","'Proxima Nova Condensed'","700","1.172rem","0rem","none"],"04":["0.875rem","'Proxima Nova Condensed'","700","1.025rem","0rem","none"],"03":["0.75rem","'Proxima Nova Condensed'","700","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova Condensed'","700","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova Condensed'","700","0.659rem","0rem","none"]},"text-bold":{10:["2.5rem","'Proxima Nova'","700","2.93rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","700","2.197rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","700","1.758rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","700","1.465rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","700","1.318rem","0rem","none"],"05":["1rem","'Proxima Nova'","700","1.172rem","0rem","none"],"":["1rem","'Proxima Nova'","700","1.172rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","700","1.025rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","700","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","700","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","700","0.659rem","0rem","none"]}},"EFFECTS|effect":{shadow:{"":["0px 0px 8px 0px rgba(0,0,0,0.27)"]},focus:{"":["0px 0px 0px 2px rgba(53,155,249,1)"]}},"ICONS|icon":{placeholder:{svg:[""]},clear:{svg:[""]},location:{svg:[""]},checkbox:{svg:[""]},radio:{svg:[""]},"checkbox-selected":{svg:[""]},"radio-selected":{svg:[""]},search:{svg:[""]},"checkbox-hover":{svg:[""]},"radio-hover":{svg:[""]},"checkbox-selected-hover":{svg:[""]},"radio-selected-hover":{svg:[""]},visible:{svg:[""]},hidden:{svg:[""]},"checkbox-disabled":{svg:[""]},"radio-disabled":{svg:[""]},"checkbox-selected-disabled":{svg:[""]},"radio-selected-disabled":{svg:[""]},"chevron-up":{svg:[""]},"chevron-down":{svg:[""]},"chevron-left":{svg:[""]},"chevron-right":{svg:[""]},"color-test":{svg:[""]}},"GRAPHICS|graphic":{},"LAYOUTS|":{spacing:{1:["0.625rem"]},col:{1:["8.3333%"]},colvw:{1:["8.3333vw"]}},"FONTS|font":{"proxima_nova condensed-700-normal":{"":["Proxima Nova Condensed","font-proxima_nova condensed-700-normal.otf","700","normal"]},"proxima_nova-700-normal":{"":["Proxima Nova","font-proxima_nova-700-normal.otf","700","normal"]},"proxima_nova-300-normal":{"":["Proxima Nova","font-proxima_nova-300-normal.otf","300","normal"]}},"BREAKPOINTS|breakpoint":{}},this.prefix="scw",this.uuid="0819ba58-2357-4c24-8834-96e3099440af",this.initialized=!1,this.lookup,this.css_classes_root="",this.css_comp_suffix="",this.units=[0,1,2,3,4,5,6,7,8,9,10,11,12],this.subUnits=[0,3,4,6,8,9],this.subUnitAttachments=[0,1,2,3],this.config=e||{},this.version=this.config.version||!1,this.extraCssPromise=this.config.extraCssPromise||!1,this.assetsUrl=this.config.assetsUrl||!1,this.attributes=this.config.attributes||!0,this.classes=this.config.classes||!0,this.variablesOnly=this.config.variablesOnly||!1}async buildCss(){this.version&&(this.css_comp_suffix="-"+this.version),this.lookup={};let t=`/*
 `,e="";return t=(t=(t=(t=(t=(t+=`* CREATED: ${new Date}
 `)+`* VERSION: ${this.version}
 `)+`* UUID: ${this.uuid}

package/dist/tokens/source/tokens.json

@@ -100322,7 +100322,7 @@
                   "string"
                 ],
                 "path": [
-                  "/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/fonts/Proxima/otf/Proxima Nova Cond Bold.otf",
+                  "/Users/scottrouse/Workspace/scw-design-system-web/scw-design-system-mono/scu-web-components/fonts/Proxima/otf/Proxima Nova Cond Bold.otf",
                   "string"
                 ]
               }
@@ -100361,7 +100361,7 @@
                   "string"
                 ],
                 "path": [
-                  "/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/fonts/Proxima/otf/proximanova-bold.otf",
+                  "/Users/scottrouse/Workspace/scw-design-system-web/scw-design-system-mono/scu-web-components/fonts/Proxima/otf/proximanova-bold.otf",
                   "string"
                 ]
               }
@@ -100400,7 +100400,7 @@
                   "string"
                 ],
                 "path": [
-                  "/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/fonts/Proxima/otf/proximanova-regular.otf",
+                  "/Users/scottrouse/Workspace/scw-design-system-web/scw-design-system-mono/scu-web-components/fonts/Proxima/otf/proximanova-regular.otf",
                   "string"
                 ]
               }
@@ -101218,17 +101218,17 @@
     "I488:3403;2008:451": {
       "id": "icon-checkbox",
       "colors": {},
-      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8C0 3.58172 3.58172 0 8 0H52C56.4183 0 60 3.58172 60 8V52C60 56.4183 56.4183 60 52 60H8C3.58172 60 0 56.4183 0 52V8Z\" fill=\"#F6F7F9\"/><path d=\"M8 1H52V-1H8V1ZM59 8V52H61V8H59ZM52 59H8V61H52V59ZM1 52V8H-1V52H1ZM8 59C4.13401 59 1 55.866 1 52H-1C-1 56.9706 3.02944 61 8 61V59ZM59 52C59 55.866 55.866 59 52 59V61C56.9706 61 61 56.9706 61 52H59ZM52 1C55.866 1 59 4.13401 59 8H61C61 3.02944 56.9706 -1 52 -1V1ZM8 -1C3.02944 -1 -1 3.02944 -1 8H1C1 4.13401 4.13401 1 8 1V-1Z\" fill=\"#DADCDF\"/></svg>"
+      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" fill=\"#F6F7F9\"/><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" stroke=\"#DADCDF\"/></svg>"
     },
     "I489:3552;2008:451": {
       "id": "icon-radio",
       "colors": {},
-      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8C0 3.58172 3.58172 0 8 0H52C56.4183 0 60 3.58172 60 8V52C60 56.4183 56.4183 60 52 60H8C3.58172 60 0 56.4183 0 52V8Z\" fill=\"white\"/><circle cx=\"30\" cy=\"30\" r=\"29.5\" fill=\"#F6F7F9\" stroke=\"#DADCDF\"/></svg>"
+      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"60\" height=\"60\" rx=\"8\" fill=\"white\"/><circle cx=\"30\" cy=\"30\" r=\"29.5\" fill=\"#F6F7F9\" stroke=\"#DADCDF\"/></svg>"
     },
     "I488:3448;2008:451": {
       "id": "icon-checkbox-selected",
       "colors": {},
-      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8C0 3.58172 3.58172 0 8 0H52C56.4183 0 60 3.58172 60 8V52C60 56.4183 56.4183 60 52 60H8C3.58172 60 0 56.4183 0 52V8Z\" fill=\"#346E06\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.2161 26.4849C8.82141 27.8796 8.82141 30.1409 10.2161 31.5357L22.8217 44.1412C22.8287 44.1484 22.8358 44.1555 22.8429 44.1626C23.7596 45.0793 25.0506 45.3935 26.2239 45.1052C26.8358 44.9549 27.4157 44.6407 27.8938 44.1626C27.8994 44.157 27.9049 44.1514 27.9104 44.1458L51.2534 20.8028C52.6482 19.4081 52.6482 17.1468 51.2534 15.7521C49.8587 14.3573 47.5974 14.3573 46.2027 15.7521L25.3684 36.5864L15.2669 26.4849C13.8722 25.0902 11.6109 25.0902 10.2161 26.4849Z\" fill=\"white\"/><path d=\"M8 1H52V-1H8V1ZM59 8V52H61V8H59ZM52 59H8V61H52V59ZM1 52V8H-1V52H1ZM8 59C4.13401 59 1 55.866 1 52H-1C-1 56.9706 3.02944 61 8 61V59ZM59 52C59 55.866 55.866 59 52 59V61C56.9706 61 61 56.9706 61 52H59ZM52 1C55.866 1 59 4.13401 59 8H61C61 3.02944 56.9706 -1 52 -1V1ZM8 -1C3.02944 -1 -1 3.02944 -1 8H1C1 4.13401 4.13401 1 8 1V-1Z\" fill=\"#DADCDF\"/></svg>"
+      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" fill=\"#346E06\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.2161 26.4849C8.82141 27.8796 8.82141 30.1409 10.2161 31.5357L22.8217 44.1412C22.8287 44.1484 22.8358 44.1555 22.8429 44.1626C23.7596 45.0793 25.0506 45.3935 26.2239 45.1052C26.8358 44.9549 27.4157 44.6407 27.8938 44.1626C27.8994 44.157 27.9049 44.1514 27.9104 44.1458L51.2534 20.8028C52.6482 19.4081 52.6482 17.1468 51.2534 15.7521C49.8587 14.3573 47.5974 14.3573 46.2027 15.7521L25.3684 36.5864L15.2669 26.4849C13.8722 25.0902 11.6109 25.0902 10.2161 26.4849Z\" fill=\"white\"/><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" stroke=\"#DADCDF\"/></svg>"
     },
     "I489:3553;2008:451": {
       "id": "icon-radio-selected",
@@ -101243,7 +101243,7 @@
     "I488:3404;2008:451": {
       "id": "icon-checkbox-hover",
       "colors": {},
-      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8C0 3.58172 3.58172 0 8 0H52C56.4183 0 60 3.58172 60 8V52C60 56.4183 56.4183 60 52 60H8C3.58172 60 0 56.4183 0 52V8Z\" fill=\"#F6F7F9\"/><path d=\"M8 1H52V-1H8V1ZM59 8V52H61V8H59ZM52 59H8V61H52V59ZM1 52V8H-1V52H1ZM8 59C4.13401 59 1 55.866 1 52H-1C-1 56.9706 3.02944 61 8 61V59ZM59 52C59 55.866 55.866 59 52 59V61C56.9706 61 61 56.9706 61 52H59ZM52 1C55.866 1 59 4.13401 59 8H61C61 3.02944 56.9706 -1 52 -1V1ZM8 -1C3.02944 -1 -1 3.02944 -1 8H1C1 4.13401 4.13401 1 8 1V-1Z\" fill=\"#DADCDF\"/></svg>"
+      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" fill=\"#F6F7F9\"/><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" stroke=\"#DADCDF\"/></svg>"
     },
     "I489:3554;2008:451": {
       "id": "icon-radio-hover",
@@ -101253,7 +101253,7 @@
     "I488:3449;2008:451": {
       "id": "icon-checkbox-selected-hover",
       "colors": {},
-      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8C0 3.58172 3.58172 0 8 0H52C56.4183 0 60 3.58172 60 8V52C60 56.4183 56.4183 60 52 60H8C3.58172 60 0 56.4183 0 52V8Z\" fill=\"#346E06\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.2161 26.4849C8.82141 27.8796 8.82141 30.1409 10.2161 31.5357L22.8217 44.1412C22.8287 44.1484 22.8358 44.1555 22.8429 44.1626C23.7596 45.0793 25.0506 45.3935 26.2239 45.1052C26.8358 44.9549 27.4157 44.6407 27.8938 44.1626C27.8994 44.157 27.9049 44.1514 27.9104 44.1458L51.2534 20.8028C52.6482 19.4081 52.6482 17.1468 51.2534 15.7521C49.8587 14.3573 47.5974 14.3573 46.2027 15.7521L25.3684 36.5864L15.2669 26.4849C13.8722 25.0902 11.6109 25.0902 10.2161 26.4849Z\" fill=\"white\"/><path d=\"M8 1H52V-1H8V1ZM59 8V52H61V8H59ZM52 59H8V61H52V59ZM1 52V8H-1V52H1ZM8 59C4.13401 59 1 55.866 1 52H-1C-1 56.9706 3.02944 61 8 61V59ZM59 52C59 55.866 55.866 59 52 59V61C56.9706 61 61 56.9706 61 52H59ZM52 1C55.866 1 59 4.13401 59 8H61C61 3.02944 56.9706 -1 52 -1V1ZM8 -1C3.02944 -1 -1 3.02944 -1 8H1C1 4.13401 4.13401 1 8 1V-1Z\" fill=\"#DADCDF\"/></svg>"
+      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" fill=\"#346E06\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.2161 26.4849C8.82141 27.8796 8.82141 30.1409 10.2161 31.5357L22.8217 44.1412C22.8287 44.1484 22.8358 44.1555 22.8429 44.1626C23.7596 45.0793 25.0506 45.3935 26.2239 45.1052C26.8358 44.9549 27.4157 44.6407 27.8938 44.1626C27.8994 44.157 27.9049 44.1514 27.9104 44.1458L51.2534 20.8028C52.6482 19.4081 52.6482 17.1468 51.2534 15.7521C49.8587 14.3573 47.5974 14.3573 46.2027 15.7521L25.3684 36.5864L15.2669 26.4849C13.8722 25.0902 11.6109 25.0902 10.2161 26.4849Z\" fill=\"white\"/><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" stroke=\"#DADCDF\"/></svg>"
     },
     "I489:3555;2008:451": {
       "id": "icon-radio-selected-hover",
@@ -101273,7 +101273,7 @@
     "I488:3406;2008:451": {
       "id": "icon-checkbox-disabled",
       "colors": {},
-      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8C0 3.58172 3.58172 0 8 0H52C56.4183 0 60 3.58172 60 8V52C60 56.4183 56.4183 60 52 60H8C3.58172 60 0 56.4183 0 52V8Z\" fill=\"#EBEEF0\"/><path d=\"M8 1H52V-1H8V1ZM59 8V52H61V8H59ZM52 59H8V61H52V59ZM1 52V8H-1V52H1ZM8 59C4.13401 59 1 55.866 1 52H-1C-1 56.9706 3.02944 61 8 61V59ZM59 52C59 55.866 55.866 59 52 59V61C56.9706 61 61 56.9706 61 52H59ZM52 1C55.866 1 59 4.13401 59 8H61C61 3.02944 56.9706 -1 52 -1V1ZM8 -1C3.02944 -1 -1 3.02944 -1 8H1C1 4.13401 4.13401 1 8 1V-1Z\" fill=\"#DADCDF\"/></svg>"
+      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" fill=\"#EBEEF0\"/><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" stroke=\"#DADCDF\"/></svg>"
     },
     "I489:3556;2008:451": {
       "id": "icon-radio-disabled",
@@ -101283,7 +101283,7 @@
     "I488:3451;2008:451": {
       "id": "icon-checkbox-selected-disabled",
       "colors": {},
-      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8C0 3.58172 3.58172 0 8 0H52C56.4183 0 60 3.58172 60 8V52C60 56.4183 56.4183 60 52 60H8C3.58172 60 0 56.4183 0 52V8Z\" fill=\"#E8F7D4\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.2161 26.4849C8.82141 27.8796 8.82141 30.1409 10.2161 31.5357L22.8217 44.1412C22.8287 44.1484 22.8358 44.1555 22.8429 44.1626C23.7596 45.0793 25.0506 45.3935 26.2239 45.1052C26.8358 44.9549 27.4157 44.6407 27.8938 44.1626C27.8994 44.157 27.9049 44.1514 27.9104 44.1458L51.2534 20.8028C52.6482 19.4081 52.6482 17.1468 51.2534 15.7521C49.8587 14.3573 47.5974 14.3573 46.2027 15.7521L25.3684 36.5864L15.2669 26.4849C13.8722 25.0902 11.6109 25.0902 10.2161 26.4849Z\" fill=\"#C8E6A0\"/><path d=\"M8 1H52V-1H8V1ZM59 8V52H61V8H59ZM52 59H8V61H52V59ZM1 52V8H-1V52H1ZM8 59C4.13401 59 1 55.866 1 52H-1C-1 56.9706 3.02944 61 8 61V59ZM59 52C59 55.866 55.866 59 52 59V61C56.9706 61 61 56.9706 61 52H59ZM52 1C55.866 1 59 4.13401 59 8H61C61 3.02944 56.9706 -1 52 -1V1ZM8 -1C3.02944 -1 -1 3.02944 -1 8H1C1 4.13401 4.13401 1 8 1V-1Z\" fill=\"#DADCDF\"/></svg>"
+      "svg": "<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" fill=\"#E8F7D4\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.2161 26.4849C8.82141 27.8796 8.82141 30.1409 10.2161 31.5357L22.8217 44.1412C22.8287 44.1484 22.8358 44.1555 22.8429 44.1626C23.7596 45.0793 25.0506 45.3935 26.2239 45.1052C26.8358 44.9549 27.4157 44.6407 27.8938 44.1626C27.8994 44.157 27.9049 44.1514 27.9104 44.1458L51.2534 20.8028C52.6482 19.4081 52.6482 17.1468 51.2534 15.7521C49.8587 14.3573 47.5974 14.3573 46.2027 15.7521L25.3684 36.5864L15.2669 26.4849C13.8722 25.0902 11.6109 25.0902 10.2161 26.4849Z\" fill=\"#C8E6A0\"/><rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"7.5\" stroke=\"#DADCDF\"/></svg>"
     },
     "I489:3557;2008:451": {
       "id": "icon-radio-selected-disabled",

package/dist/utils/getIconSvg.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.27N4OQ6C.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.UQFFDIC3.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=getIconSvg.js.map

package/dist/utils/suffix.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.4J2YYREQ.js";import"../chunks/chunk.BRZSOG7L.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.C3H7WULY.js";import"../chunks/chunk.XUHEJPVF.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=suffix.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scu-web-components",
-  "version": "0.0.24",
+  "version": "0.0.27",
   "description": "Summit Credit Union Design System components for use on member facing apps and websites",
   "author": "srouse",
   "license": "MIT",
@@ -10,7 +10,8 @@
   },
   "files": [
     "dist",
-    "src/utils/responsive/breakpoints.mjs"
+    "src/utils/responsive/breakpoints.mjs",
+    "scripts"
   ],
   "module": "dist/index.js",
   "type": "module",
@@ -33,10 +34,12 @@
   },
   "dependencies": {
     "@custom-elements-manifest/analyzer": "^0.5.7",
+    "@lit-labs/ssr": "^2.2.2",
     "@open-wc/testing": "^2.5.33",
     "@web/dev-server-esbuild": "^0.2.12",
     "@web/test-runner": "^0.13.15",
     "@web/test-runner-commands": "^0.5.8",
+    "@webcomponents/template-shadowroot": "^0.1.0",
     "browser-sync": "^2.27.5",
     "chalk": "^4.1.2",
     "command-line-args": "^5.2.0",
@@ -45,12 +48,16 @@
     "esbuild-sass-plugin": "^1.4.11",
     "fs-extra": "^10.0.0",
     "get-port": "^5.1.1",
+    "glob": "^8.0.1",
     "glob-promise": "^4.2.0",
-    "lit": "^2.2.0",
+    "gzipme": "^1.0.0",
+    "lit": "^2.2.8",
+    "readable-stream": "^3.6.0",
     "rgb-hex": "^4.0.0",
-    "scu-tokenizer": "0.7.16",
+    "scu-tokenizer": "0.7.17",
     "sinon": "^11.1.2",
-    "static-params": "^0.2.1"
+    "static-params": "^0.2.1",
+    "yargs": "^17.4.1"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^4.29.1",

package/scripts/lib/readStream.mjs

@@ -0,0 +1,17 @@
+/**
+ * readStream
+ * @param {_Readable<string>} stream
+ * @param {string} encoding
+ * @return {object}
+ */
+export const readStream = (stream, encoding = 'utf8') => {
+  stream.setEncoding(encoding);
+  return new Promise((resolve, reject) => {
+    let data = '';
+    stream.on('data', (chunk) => {
+      data += chunk;
+    });
+    stream.on('end', () => resolve(data));
+    stream.on('error', (error) => reject(error));
+  });
+};

package/scripts/ssr.mjs

@@ -0,0 +1,66 @@
+import {render} from '@lit-labs/ssr/lib/render-with-global-dom-shim.js';
+import {html} from 'lit';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
+import {Readable} from 'readable-stream';
+import {readStream} from './lib/readStream.mjs';
+import fs from 'fs-extra';
+import {readFile, writeFile} from 'fs/promises';
+import glob from 'glob';
+import '../dist/scw-components.js';// include all comps
+
+/**
+ * ssr
+ * !!!!!!!CAUSES ERROR WHEN USED VIA CLI, USE VM!!!!!!!!!!
+ * @param {string} htmlContent
+ * @return {string}
+ */
+export async function ssr(htmlContent) {
+  return readStream(
+    Readable.from(
+      render(
+        html`${unsafeHTML(htmlContent)}`, // whole thing is a string
+      ),
+    ),
+  );
+}
+
+/**
+ * ssrFile
+ * @param {string} fileUrl
+ */
+export async function ssrFile(fileUrl) {
+  if (fs.existsSync(fileUrl)) {
+    const fileUrlStripped = fileUrl.replace('.html', '');
+    const ssrJsUrl = `${fileUrlStripped}.ssr.js`;
+    const ssrJsHtmlUrl = `${fileUrlStripped}.ssr.html`;
+    // delete files incase this doesn't work...
+    if (fs.existsSync(ssrJsUrl)) {
+      fs.unlink(ssrJsUrl);
+    }
+    if (fs.existsSync(ssrJsHtmlUrl)) {
+      fs.unlink(ssrJsHtmlUrl);
+    }
+
+    const htmlContent = await readFile(fileUrl, 'utf8');
+    const ssrContent = await ssr(htmlContent);
+
+    await writeFile(ssrJsUrl, `export default {
+  source: \`${htmlContent}\`,
+  ssr: \`${ssrContent}\`
+}`);
+    await writeFile(ssrJsHtmlUrl, ssrContent);
+  }
+}
+
+/**
+ * ssrData
+ * @param {string} globStr
+ */
+export async function ssrData(globStr = './src/**/ssr/*[!.ssr].html') {
+  glob(globStr, {}, (err, files)=>{
+    files.map((file) => {
+      ssrFile(file);
+    });
+  });
+}
+

package/scripts/vm/render-template.js

@@ -0,0 +1,16 @@
+// Example: render-template.js
+
+import {render} from '@lit-labs/ssr/lib/render-lit-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
+import {html} from 'lit';
+import 'scu-web-components/dist/scw-components.js';
+
+/**
+ * renderTemplate
+ * @param {object} info
+ * @return {string}
+ */
+export function renderTemplate(info) {
+  const results = render(html`${unsafeHTML(info.content)}`);
+  return results;
+};

package/scripts/vm/ssr.mjs

@@ -0,0 +1,78 @@
+import {renderModule} from '@lit-labs/ssr/lib/render-module.js';
+import {Readable} from 'readable-stream';
+import {readStream} from '../lib/readStream.mjs';
+import fs from 'fs-extra';
+import {readFile, writeFile} from 'fs/promises';
+import glob from 'glob';
+import chalk from 'chalk';
+import {fileURLToPath} from 'url';
+import gzipme from 'gzipme';
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
+
+/**
+ * ssr
+ * Execute the above `renderTemplate` in a
+ * separate VM context with a minimal DOM shim
+ * @param {string} content
+ * @return {string}
+ */
+export async function ssr(content) {
+  const ssrResult = await (renderModule(
+    `${__dirname}render-template.js`, // Module to load in VM context
+    import.meta.url, // Referrer URL for module
+    'renderTemplate', // Function to call
+    [{content}], // Arguments to function
+  ));
+  return readStream(
+    Readable.from(ssrResult),
+  );
+}
+
+/**
+ * ssrFile
+ * @param {string} fileUrl
+ */
+export async function ssrFile(fileUrl) {
+  if (fs.existsSync(fileUrl)) {
+    const fileUrlStripped = fileUrl.replace('.html', '');
+    const ssrJsUrl = `${fileUrlStripped}.ssr.js`;
+    const ssrJsHtmlUrl = `${fileUrlStripped}.ssr.html`;
+    // delete files incase this doesn't work...
+    if (fs.existsSync(ssrJsUrl)) {
+      fs.unlink(ssrJsUrl);
+    }
+    if (fs.existsSync(ssrJsHtmlUrl)) {
+      fs.unlink(ssrJsHtmlUrl);
+    }
+    const htmlContent = await readFile(fileUrl, 'utf8');
+    const ssrContent = await ssr(htmlContent);
+    await writeFile(ssrJsUrl, `export default {
+  source: \`${htmlContent}\`,
+  ssr: \`${ssrContent}\`
+}`);
+    await writeFile(ssrJsHtmlUrl, ssrContent);
+
+    // gzip
+    gzipme(ssrJsHtmlUrl, {mode: 'best'});
+  }
+}
+
+/**
+ * ssrData
+ * @param {string} source
+ * @return {Promise<string>}
+ */
+export async function ssrData(
+  source = 'src',
+) {
+  console.log(`ssr data [source=${source}]`);
+  const promiseArr = [];
+  glob.sync(`./${source}/**/ssr/*[!.ssr].html`, {}).map((file) => {
+    promiseArr.push(ssrFile(file));
+  });
+  return Promise.all(promiseArr).then(() => {
+    console.log(chalk.cyan(
+      `done building ssr data (total: ${promiseArr.length})`
+    ));
+  });
+}

package/scripts/vm/ssrData.mjs

@@ -0,0 +1,5 @@
+import {ssrData} from './ssr.mjs';
+import yargs from 'yargs';
+
+const argv = yargs(process.argv.slice(2)).argv;
+ssrData(argv.source);

package/scripts/vm/ssrDataSpawn.mjs

@@ -0,0 +1,26 @@
+import {exec} from 'child_process';
+import {fileURLToPath} from 'url';
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
+
+/**
+ * ssrData
+ * @param {object} config
+ * @return {string}
+ */
+export async function ssrData(config = {}) {
+  return new Promise((resolve, reject) => {
+    exec(`NODE_OPTIONS=--experimental-vm-modules node ${__dirname}ssrData.mjs ${
+      config.ssr && config.ssr.source ? `--source=${config.ssr.source}` : ''
+    }`,
+      (err, stdout, stderr) => {
+        if (err) {
+          console.error(`exec error: ${err} ${stderr}`);
+          reject(err);
+          return;
+        }
+        console.log(stdout);
+        resolve();
+      },
+    );
+  });
+}

package/dist/chunks/chunk.243BTICY.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk.O6CQNIHX.js";customElements.define("scw-card",c);
-//# sourceMappingURL=chunk.243BTICY.js.map