scu-web-components 0.0.18 → 0.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/chunk.243BTICY.js +2 -0
- package/dist/chunks/chunk.243BTICY.js.map +7 -0
- package/dist/chunks/chunk.26QZNZ5O.js +4 -0
- package/dist/chunks/chunk.26QZNZ5O.js.map +7 -0
- package/dist/chunks/chunk.26WRWOQA.js +4 -0
- package/dist/chunks/chunk.26WRWOQA.js.map +7 -0
- package/dist/chunks/chunk.2ILTERKZ.js +2 -0
- package/dist/chunks/chunk.2ILTERKZ.js.map +7 -0
- package/dist/chunks/chunk.2XXO73BL.js +4 -0
- package/dist/chunks/chunk.2XXO73BL.js.map +7 -0
- package/dist/chunks/chunk.2ZQRUE2N.js +17 -0
- package/dist/chunks/chunk.2ZQRUE2N.js.map +7 -0
- package/dist/chunks/chunk.3DMOX7UT.js +260 -0
- package/dist/chunks/chunk.3DMOX7UT.js.map +7 -0
- package/dist/chunks/chunk.3FFYP5F6.js +248 -0
- package/dist/chunks/chunk.3FFYP5F6.js.map +7 -0
- package/dist/chunks/chunk.3FUJNI5Z.js +2 -0
- package/dist/chunks/chunk.3FUJNI5Z.js.map +7 -0
- package/dist/chunks/chunk.3NUJRAYB.js +2 -0
- package/dist/chunks/chunk.3NUJRAYB.js.map +7 -0
- package/dist/chunks/chunk.3WCRGMXB.js +4 -0
- package/dist/chunks/chunk.3WCRGMXB.js.map +7 -0
- package/dist/chunks/chunk.4423HWYS.js +4 -0
- package/dist/chunks/chunk.4423HWYS.js.map +7 -0
- package/dist/chunks/chunk.44PEDOFG.js +47 -0
- package/dist/chunks/chunk.44PEDOFG.js.map +7 -0
- package/dist/chunks/chunk.45CT3CWK.js +2 -0
- package/dist/chunks/chunk.45CT3CWK.js.map +7 -0
- package/dist/chunks/chunk.4EWI2XXE.js +253 -0
- package/dist/chunks/chunk.4EWI2XXE.js.map +7 -0
- package/dist/chunks/chunk.4J3VZJLM.js +2 -0
- package/dist/chunks/chunk.4J3VZJLM.js.map +7 -0
- package/dist/chunks/chunk.4OGOBQMX.js +10 -0
- package/dist/chunks/chunk.4OGOBQMX.js.map +7 -0
- package/dist/chunks/chunk.4POTYAFQ.js +4 -0
- package/dist/chunks/chunk.4POTYAFQ.js.map +7 -0
- package/dist/chunks/chunk.4PPBRFQ5.js +2 -0
- package/dist/chunks/chunk.4PPBRFQ5.js.map +7 -0
- package/dist/chunks/chunk.4PYCCDWU.js +2 -0
- package/dist/chunks/chunk.4PYCCDWU.js.map +7 -0
- package/dist/chunks/chunk.4RDKXM5P.js +2 -0
- package/dist/chunks/chunk.4RDKXM5P.js.map +7 -0
- package/dist/chunks/chunk.4TZQ4623.js +256 -0
- package/dist/chunks/chunk.4TZQ4623.js.map +7 -0
- package/dist/chunks/chunk.4WV5Y5FY.js +4 -0
- package/dist/chunks/chunk.4WV5Y5FY.js.map +7 -0
- package/dist/chunks/chunk.4YWFC7TN.js +250 -0
- package/dist/chunks/chunk.4YWFC7TN.js.map +7 -0
- package/dist/chunks/chunk.5BLZH7SW.js +2 -0
- package/dist/chunks/chunk.5BLZH7SW.js.map +7 -0
- package/dist/chunks/chunk.5HSDLKYP.js +2 -0
- package/dist/chunks/chunk.5HSDLKYP.js.map +7 -0
- package/dist/chunks/chunk.5MKWHHCQ.js +256 -0
- package/dist/chunks/chunk.5MKWHHCQ.js.map +7 -0
- package/dist/chunks/chunk.5QJ6ONIE.js +2 -0
- package/dist/chunks/chunk.5QJ6ONIE.js.map +7 -0
- package/dist/chunks/chunk.5SYXTJPM.js +2 -0
- package/dist/chunks/chunk.5SYXTJPM.js.map +7 -0
- package/dist/chunks/chunk.5VSS26HX.js +2 -0
- package/dist/chunks/chunk.5VSS26HX.js.map +7 -0
- package/dist/chunks/chunk.6AN4WDRE.js +17 -0
- package/dist/chunks/chunk.6AN4WDRE.js.map +7 -0
- package/dist/chunks/chunk.6IAOEKJZ.js +60 -0
- package/dist/chunks/chunk.6IAOEKJZ.js.map +7 -0
- package/dist/chunks/chunk.6N57YKJS.js +17 -0
- package/dist/chunks/chunk.6N57YKJS.js.map +7 -0
- package/dist/chunks/chunk.6VSEVLAC.js +4 -0
- package/dist/chunks/chunk.6VSEVLAC.js.map +7 -0
- package/dist/chunks/chunk.6ZFDLY6P.js +4 -0
- package/dist/chunks/chunk.6ZFDLY6P.js.map +7 -0
- package/dist/chunks/chunk.6ZMSNT4Z.js +2 -0
- package/dist/chunks/chunk.6ZMSNT4Z.js.map +7 -0
- package/dist/chunks/chunk.7CMHOC33.js +2 -0
- package/dist/chunks/chunk.7CMHOC33.js.map +7 -0
- package/dist/chunks/chunk.7D3TCHIR.js +2 -0
- package/dist/chunks/chunk.7D3TCHIR.js.map +7 -0
- package/dist/chunks/chunk.7G24U4HI.js +2 -0
- package/dist/chunks/chunk.7G24U4HI.js.map +7 -0
- package/dist/chunks/chunk.7MCDJWR3.js +17 -0
- package/dist/chunks/chunk.7MCDJWR3.js.map +7 -0
- package/dist/chunks/chunk.7O5N2TU4.js +17 -0
- package/dist/chunks/chunk.7O5N2TU4.js.map +7 -0
- package/dist/chunks/chunk.7TWMMEDH.js +2 -0
- package/dist/chunks/chunk.7TWMMEDH.js.map +7 -0
- package/dist/chunks/chunk.7WYU7AYQ.js +2 -0
- package/dist/chunks/chunk.7WYU7AYQ.js.map +7 -0
- package/dist/chunks/chunk.7XMEWVE5.js +4 -0
- package/dist/chunks/chunk.7XMEWVE5.js.map +7 -0
- package/dist/chunks/chunk.A4GHKA4H.js +2 -0
- package/dist/chunks/chunk.A4GHKA4H.js.map +7 -0
- package/dist/chunks/chunk.A6K5LW2R.js +17 -0
- package/dist/chunks/chunk.A6K5LW2R.js.map +7 -0
- package/dist/chunks/chunk.AAMAYL7H.js +2 -0
- package/dist/chunks/chunk.AAMAYL7H.js.map +7 -0
- package/dist/chunks/chunk.AAY3CIZJ.js +2 -0
- package/dist/chunks/chunk.AAY3CIZJ.js.map +7 -0
- package/dist/chunks/chunk.AB4EDFMT.js +245 -0
- package/dist/chunks/chunk.AB4EDFMT.js.map +7 -0
- package/dist/chunks/chunk.ALMCQFUD.js +4 -0
- package/dist/chunks/chunk.ALMCQFUD.js.map +7 -0
- package/dist/chunks/chunk.AOLFTV24.js +4 -0
- package/dist/chunks/chunk.AOLFTV24.js.map +7 -0
- package/dist/chunks/chunk.ASVXYRFS.js +2 -0
- package/dist/chunks/chunk.ASVXYRFS.js.map +7 -0
- package/dist/chunks/chunk.B336YZWI.js +2 -0
- package/dist/chunks/chunk.B336YZWI.js.map +7 -0
- package/dist/chunks/chunk.B3VO7MVW.js +2 -0
- package/dist/chunks/chunk.B3VO7MVW.js.map +7 -0
- package/dist/chunks/chunk.BC7TWXJU.js +2 -0
- package/dist/chunks/chunk.BC7TWXJU.js.map +7 -0
- package/dist/chunks/chunk.BD2AX4ZS.js +60 -0
- package/dist/chunks/chunk.BD2AX4ZS.js.map +7 -0
- package/dist/chunks/chunk.BEUDMYPW.js +2 -0
- package/dist/chunks/chunk.BEUDMYPW.js.map +7 -0
- package/dist/chunks/chunk.BHTQYYCB.js +4 -0
- package/dist/chunks/chunk.BHTQYYCB.js.map +7 -0
- package/dist/chunks/chunk.BORBC2U3.js +255 -0
- package/dist/chunks/chunk.BORBC2U3.js.map +7 -0
- package/dist/chunks/chunk.C6XDQDFO.js +2 -0
- package/dist/chunks/chunk.C6XDQDFO.js.map +7 -0
- package/dist/chunks/chunk.CMG7PI3B.js +17 -0
- package/dist/chunks/chunk.CMG7PI3B.js.map +7 -0
- package/dist/chunks/chunk.CW2EH5PY.js +17 -0
- package/dist/chunks/chunk.CW2EH5PY.js.map +7 -0
- package/dist/chunks/chunk.DBZIPHLZ.js +17 -0
- package/dist/chunks/chunk.DBZIPHLZ.js.map +7 -0
- package/dist/chunks/chunk.DCW26NNA.js +249 -0
- package/dist/chunks/chunk.DCW26NNA.js.map +7 -0
- package/dist/chunks/chunk.DR5FIJJG.js +2 -0
- package/dist/chunks/chunk.DR5FIJJG.js.map +7 -0
- package/dist/chunks/chunk.DVKR3IU2.js +47 -0
- package/dist/chunks/chunk.DVKR3IU2.js.map +7 -0
- package/dist/chunks/chunk.E7OOLSB7.js +29 -0
- package/dist/chunks/chunk.E7OOLSB7.js.map +7 -0
- package/dist/chunks/chunk.ECQUGXB4.js +182 -0
- package/dist/chunks/chunk.ECQUGXB4.js.map +7 -0
- package/dist/chunks/chunk.EE4C22LR.js +2 -0
- package/dist/chunks/chunk.EE4C22LR.js.map +7 -0
- package/dist/chunks/chunk.EE7FYIJC.js +4 -0
- package/dist/chunks/chunk.EE7FYIJC.js.map +7 -0
- package/dist/chunks/chunk.EHNXXWI2.js +2 -0
- package/dist/chunks/chunk.EHNXXWI2.js.map +7 -0
- package/dist/chunks/chunk.EWWWRWE5.js +2 -0
- package/dist/chunks/chunk.EWWWRWE5.js.map +7 -0
- package/dist/chunks/chunk.F5FUIRKL.js +2 -0
- package/dist/chunks/chunk.F5FUIRKL.js.map +7 -0
- package/dist/chunks/chunk.FDNVN6JM.js +2 -0
- package/dist/chunks/chunk.FDNVN6JM.js.map +7 -0
- package/dist/chunks/chunk.FFOXCUJR.js +4 -0
- package/dist/chunks/chunk.FFOXCUJR.js.map +7 -0
- package/dist/chunks/chunk.FFQ7V4OA.js +2 -0
- package/dist/chunks/chunk.FFQ7V4OA.js.map +7 -0
- package/dist/chunks/chunk.FGXWF4KS.js +117 -0
- package/dist/chunks/chunk.FGXWF4KS.js.map +7 -0
- package/dist/chunks/chunk.FKI5D2PU.js +4 -0
- package/dist/chunks/chunk.FKI5D2PU.js.map +7 -0
- package/dist/chunks/chunk.FVDELYDN.js +17 -0
- package/dist/chunks/chunk.FVDELYDN.js.map +7 -0
- package/dist/chunks/chunk.G7R3VU6N.js +255 -0
- package/dist/chunks/chunk.G7R3VU6N.js.map +7 -0
- package/dist/chunks/chunk.GAUGNKEW.js +255 -0
- package/dist/chunks/chunk.GAUGNKEW.js.map +7 -0
- package/dist/chunks/chunk.GEHNDSAW.js +4 -0
- package/dist/chunks/chunk.GEHNDSAW.js.map +7 -0
- package/dist/chunks/chunk.GIA75VWA.js +2 -0
- package/dist/chunks/chunk.GIA75VWA.js.map +7 -0
- package/dist/chunks/chunk.GLLPHPHR.js +2 -0
- package/dist/chunks/chunk.GLLPHPHR.js.map +7 -0
- package/dist/chunks/chunk.GT2ISAKW.js +2 -0
- package/dist/chunks/chunk.GT2ISAKW.js.map +7 -0
- package/dist/chunks/chunk.H25DJOTM.js +17 -0
- package/dist/chunks/chunk.H25DJOTM.js.map +7 -0
- package/dist/chunks/chunk.H5P26UZX.js +182 -0
- package/dist/chunks/chunk.H5P26UZX.js.map +7 -0
- package/dist/chunks/chunk.HCMPRDIX.js +35 -0
- package/dist/chunks/chunk.HCMPRDIX.js.map +7 -0
- package/dist/chunks/chunk.HG3WXTUJ.js +255 -0
- package/dist/chunks/chunk.HG3WXTUJ.js.map +7 -0
- package/dist/chunks/chunk.HI65WFA7.js +17 -0
- package/dist/chunks/chunk.HI65WFA7.js.map +7 -0
- package/dist/chunks/chunk.HTWLJGJT.js +2 -0
- package/dist/chunks/chunk.HTWLJGJT.js.map +7 -0
- package/dist/chunks/chunk.HVX5PATU.js +2 -0
- package/dist/chunks/chunk.HVX5PATU.js.map +7 -0
- package/dist/chunks/chunk.HZEZWYYK.js +251 -0
- package/dist/chunks/chunk.HZEZWYYK.js.map +7 -0
- package/dist/chunks/chunk.HZNLLTV2.js +4 -0
- package/dist/chunks/chunk.HZNLLTV2.js.map +7 -0
- package/dist/chunks/chunk.I2BMU7RU.js +2 -0
- package/dist/chunks/chunk.I2BMU7RU.js.map +7 -0
- package/dist/chunks/chunk.I5TL5VOW.js +17 -0
- package/dist/chunks/chunk.I5TL5VOW.js.map +7 -0
- package/dist/chunks/chunk.IDOYH5TU.js +17 -0
- package/dist/chunks/chunk.IDOYH5TU.js.map +7 -0
- package/dist/chunks/chunk.IHFJTW5Q.js +2 -0
- package/dist/chunks/chunk.IHFJTW5Q.js.map +7 -0
- package/dist/chunks/chunk.IHZY23BP.js +209 -0
- package/dist/chunks/chunk.IHZY23BP.js.map +7 -0
- package/dist/chunks/chunk.INCQI4KW.js +2 -0
- package/dist/chunks/chunk.INCQI4KW.js.map +7 -0
- package/dist/chunks/chunk.IQAACKV5.js +256 -0
- package/dist/chunks/chunk.IQAACKV5.js.map +7 -0
- package/dist/chunks/chunk.IUZQPSBK.js +17 -0
- package/dist/chunks/chunk.IUZQPSBK.js.map +7 -0
- package/dist/chunks/chunk.IVLESGJX.js +29 -0
- package/dist/chunks/chunk.IVLESGJX.js.map +7 -0
- package/dist/chunks/chunk.IZGP4HPP.js +4 -0
- package/dist/chunks/chunk.IZGP4HPP.js.map +7 -0
- package/dist/chunks/chunk.J65POK2P.js +2 -0
- package/dist/chunks/chunk.J65POK2P.js.map +7 -0
- package/dist/chunks/chunk.J6R7RO2U.js +2 -0
- package/dist/chunks/chunk.J6R7RO2U.js.map +7 -0
- package/dist/chunks/chunk.JBVTDHFY.js +2 -0
- package/dist/chunks/chunk.JBVTDHFY.js.map +7 -0
- package/dist/chunks/chunk.JD2FO4DX.js +2 -0
- package/dist/chunks/chunk.JD2FO4DX.js.map +7 -0
- package/dist/chunks/chunk.JS44GQOP.js +2 -0
- package/dist/chunks/chunk.JS44GQOP.js.map +7 -0
- package/dist/chunks/chunk.JXZBJNSK.js +209 -0
- package/dist/chunks/chunk.JXZBJNSK.js.map +7 -0
- package/dist/chunks/chunk.KC6RPMFV.js +17 -0
- package/dist/chunks/chunk.KC6RPMFV.js.map +7 -0
- package/dist/chunks/chunk.KHE2M5ZS.js +17 -0
- package/dist/chunks/chunk.KHE2M5ZS.js.map +7 -0
- package/dist/chunks/chunk.KOU54RPJ.js +47 -0
- package/dist/chunks/chunk.KOU54RPJ.js.map +7 -0
- package/dist/chunks/chunk.L55FJW5G.js +32 -0
- package/dist/chunks/chunk.L55FJW5G.js.map +7 -0
- package/dist/chunks/chunk.LF7RP3JW.js +17 -0
- package/dist/chunks/chunk.LF7RP3JW.js.map +7 -0
- package/dist/chunks/chunk.LG6JLUDB.js +17 -0
- package/dist/chunks/chunk.LG6JLUDB.js.map +7 -0
- package/dist/chunks/chunk.LJ7I7HM6.js +47 -0
- package/dist/chunks/chunk.LJ7I7HM6.js.map +7 -0
- package/dist/chunks/chunk.LM67JVI4.js +2 -0
- package/dist/chunks/chunk.LM67JVI4.js.map +7 -0
- package/dist/chunks/chunk.LMSOPPYG.js +2 -0
- package/dist/chunks/chunk.LMSOPPYG.js.map +7 -0
- package/dist/chunks/chunk.LORW33MQ.js +253 -0
- package/dist/chunks/chunk.LORW33MQ.js.map +7 -0
- package/dist/chunks/chunk.LWBFEJU4.js +4 -0
- package/dist/chunks/chunk.LWBFEJU4.js.map +7 -0
- package/dist/chunks/chunk.LX7JT2FJ.js +17 -0
- package/dist/chunks/chunk.LX7JT2FJ.js.map +7 -0
- package/dist/chunks/chunk.M675KBDT.js +2 -0
- package/dist/chunks/chunk.M675KBDT.js.map +7 -0
- package/dist/chunks/chunk.MDCZB677.js +17 -0
- package/dist/chunks/chunk.MDCZB677.js.map +7 -0
- package/dist/chunks/chunk.ME4SPAUY.js +256 -0
- package/dist/chunks/chunk.ME4SPAUY.js.map +7 -0
- package/dist/chunks/chunk.MGWOC2J5.js +2 -0
- package/dist/chunks/chunk.MGWOC2J5.js.map +7 -0
- package/dist/chunks/chunk.MKOFAM43.js +2 -0
- package/dist/chunks/chunk.MKOFAM43.js.map +7 -0
- package/dist/chunks/chunk.MPKFHY23.js +255 -0
- package/dist/chunks/chunk.MPKFHY23.js.map +7 -0
- package/dist/chunks/chunk.MVHRFH3Q.js +255 -0
- package/dist/chunks/chunk.MVHRFH3Q.js.map +7 -0
- package/dist/chunks/chunk.MX7S5VR4.js +251 -0
- package/dist/chunks/chunk.MX7S5VR4.js.map +7 -0
- package/dist/chunks/chunk.N3ARXSW7.js +2 -0
- package/dist/chunks/chunk.N3ARXSW7.js.map +7 -0
- package/dist/chunks/chunk.N555DYI6.js +17 -0
- package/dist/chunks/chunk.N555DYI6.js.map +7 -0
- package/dist/chunks/chunk.N5W423VY.js +256 -0
- package/dist/chunks/chunk.N5W423VY.js.map +7 -0
- package/dist/chunks/chunk.NNOHWTGC.js +2 -0
- package/dist/chunks/chunk.NNOHWTGC.js.map +7 -0
- package/dist/chunks/chunk.NOBH76SF.js +4 -0
- package/dist/chunks/chunk.NOBH76SF.js.map +7 -0
- package/dist/chunks/chunk.NXXABR7T.js +4 -0
- package/dist/chunks/chunk.NXXABR7T.js.map +7 -0
- package/dist/chunks/chunk.O3Y6GORP.js +2 -0
- package/dist/chunks/chunk.O3Y6GORP.js.map +7 -0
- package/dist/chunks/chunk.O6CQNIHX.js +245 -0
- package/dist/chunks/chunk.O6CQNIHX.js.map +7 -0
- package/dist/chunks/chunk.OAKR4LII.js +255 -0
- package/dist/chunks/chunk.OAKR4LII.js.map +7 -0
- package/dist/chunks/chunk.OGVSQMPM.js +4 -0
- package/dist/chunks/chunk.OGVSQMPM.js.map +7 -0
- package/dist/chunks/chunk.OR2X7ZV4.js +2 -0
- package/dist/chunks/chunk.OR2X7ZV4.js.map +7 -0
- package/dist/chunks/chunk.OT7EUU3K.js +17 -0
- package/dist/chunks/chunk.OT7EUU3K.js.map +7 -0
- package/dist/chunks/chunk.OTUFWUCU.js +2 -0
- package/dist/chunks/chunk.OTUFWUCU.js.map +7 -0
- package/dist/chunks/chunk.OXJR2CBC.js +32 -0
- package/dist/chunks/chunk.OXJR2CBC.js.map +7 -0
- package/dist/chunks/chunk.P5FMOBOO.js +2 -0
- package/dist/chunks/chunk.P5FMOBOO.js.map +7 -0
- package/dist/chunks/chunk.P7NTR5KL.js +4 -0
- package/dist/chunks/chunk.P7NTR5KL.js.map +7 -0
- package/dist/chunks/chunk.PBORG7EO.js +2 -0
- package/dist/chunks/chunk.PBORG7EO.js.map +7 -0
- package/dist/chunks/chunk.PDBSEP6W.js +2 -0
- package/dist/chunks/chunk.PDBSEP6W.js.map +7 -0
- package/dist/chunks/chunk.PK4Q3DYP.js +4 -0
- package/dist/chunks/chunk.PK4Q3DYP.js.map +7 -0
- package/dist/chunks/chunk.PS7Q3LJC.js +2 -0
- package/dist/chunks/chunk.PS7Q3LJC.js.map +7 -0
- package/dist/chunks/chunk.Q7LMXHS7.js +2 -0
- package/dist/chunks/chunk.Q7LMXHS7.js.map +7 -0
- package/dist/chunks/chunk.QI5GOA2N.js +10 -0
- package/dist/chunks/chunk.QI5GOA2N.js.map +7 -0
- package/dist/chunks/chunk.QQNZKGOC.js +4 -0
- package/dist/chunks/chunk.QQNZKGOC.js.map +7 -0
- package/dist/chunks/chunk.QUSS6OGG.js +2 -0
- package/dist/chunks/chunk.QUSS6OGG.js.map +7 -0
- package/dist/chunks/chunk.RFWTH2X2.js +4 -0
- package/dist/chunks/chunk.RFWTH2X2.js.map +7 -0
- package/dist/chunks/chunk.RG3JWB2W.js +17 -0
- package/dist/chunks/chunk.RG3JWB2W.js.map +7 -0
- package/dist/chunks/chunk.RH4QX322.js +2 -0
- package/dist/chunks/chunk.RH4QX322.js.map +7 -0
- package/dist/chunks/chunk.RXBASC64.js +2 -0
- package/dist/chunks/chunk.RXBASC64.js.map +7 -0
- package/dist/chunks/chunk.S2F4MUPE.js +245 -0
- package/dist/chunks/chunk.S2F4MUPE.js.map +7 -0
- package/dist/chunks/chunk.SFYYUOOR.js +2 -0
- package/dist/chunks/chunk.SFYYUOOR.js.map +7 -0
- package/dist/chunks/chunk.SHF6DFZ5.js +2 -0
- package/dist/chunks/chunk.SHF6DFZ5.js.map +7 -0
- package/dist/chunks/chunk.SIYIAYTY.js +2 -0
- package/dist/chunks/chunk.SIYIAYTY.js.map +7 -0
- package/dist/chunks/chunk.SKTWESGB.js +2 -0
- package/dist/chunks/chunk.SKTWESGB.js.map +7 -0
- package/dist/chunks/chunk.SLT2X5JS.js +2 -0
- package/dist/chunks/chunk.SLT2X5JS.js.map +7 -0
- package/dist/chunks/chunk.SWVUU5TM.js +251 -0
- package/dist/chunks/chunk.SWVUU5TM.js.map +7 -0
- package/dist/chunks/chunk.SZIVOS7R.js +4 -0
- package/dist/chunks/chunk.SZIVOS7R.js.map +7 -0
- package/dist/chunks/chunk.T3QMCSC3.js +2 -0
- package/dist/chunks/chunk.T3QMCSC3.js.map +7 -0
- package/dist/chunks/chunk.T7LP6FL7.js +2 -0
- package/dist/chunks/chunk.T7LP6FL7.js.map +7 -0
- package/dist/chunks/chunk.TIXJLUFP.js +17 -0
- package/dist/chunks/chunk.TIXJLUFP.js.map +7 -0
- package/dist/chunks/chunk.TP45YUJS.js +60 -0
- package/dist/chunks/chunk.TP45YUJS.js.map +7 -0
- package/dist/chunks/chunk.U3CLEKJ5.js +2 -0
- package/dist/chunks/chunk.U3CLEKJ5.js.map +7 -0
- package/dist/chunks/chunk.U3ETAM2U.js +2 -0
- package/dist/chunks/chunk.U3ETAM2U.js.map +7 -0
- package/dist/chunks/chunk.U7C6BSJT.js +2 -0
- package/dist/chunks/chunk.U7C6BSJT.js.map +7 -0
- package/dist/chunks/chunk.UDWCK6HZ.js +36 -0
- package/dist/chunks/chunk.UDWCK6HZ.js.map +7 -0
- package/dist/chunks/chunk.UL277WY4.js +57 -0
- package/dist/chunks/chunk.UL277WY4.js.map +7 -0
- package/dist/chunks/chunk.UWHB7HW2.js +2 -0
- package/dist/chunks/chunk.UWHB7HW2.js.map +7 -0
- package/dist/chunks/chunk.UYRFYRSK.js +58 -0
- package/dist/chunks/chunk.UYRFYRSK.js.map +7 -0
- package/dist/chunks/chunk.V5NUTUX3.js +260 -0
- package/dist/chunks/chunk.V5NUTUX3.js.map +7 -0
- package/dist/chunks/chunk.V5XFQACI.js +17 -0
- package/dist/chunks/chunk.V5XFQACI.js.map +7 -0
- package/dist/chunks/chunk.VDNCQRUC.js +2 -0
- package/dist/chunks/chunk.VDNCQRUC.js.map +7 -0
- package/dist/chunks/chunk.VHBU7HMM.js +4 -0
- package/dist/chunks/chunk.VHBU7HMM.js.map +7 -0
- package/dist/chunks/chunk.VOL6A33A.js +2 -0
- package/dist/chunks/chunk.VOL6A33A.js.map +7 -0
- package/dist/chunks/chunk.VPWCM77I.js +36 -0
- package/dist/chunks/chunk.VPWCM77I.js.map +7 -0
- package/dist/chunks/chunk.VYQRBSTB.js +2 -0
- package/dist/chunks/chunk.VYQRBSTB.js.map +7 -0
- package/dist/chunks/chunk.WF4OSEZN.js +4 -0
- package/dist/chunks/chunk.WF4OSEZN.js.map +7 -0
- package/dist/chunks/chunk.WP3OF6QA.js +17 -0
- package/dist/chunks/chunk.WP3OF6QA.js.map +7 -0
- package/dist/chunks/chunk.WR6BJRYZ.js +251 -0
- package/dist/chunks/chunk.WR6BJRYZ.js.map +7 -0
- package/dist/chunks/chunk.X5QA5OSW.js +4 -0
- package/dist/chunks/chunk.X5QA5OSW.js.map +7 -0
- package/dist/chunks/chunk.XD7ADS67.js +2 -0
- package/dist/chunks/chunk.XD7ADS67.js.map +7 -0
- package/dist/chunks/chunk.XICCWDLO.js +35 -0
- package/dist/chunks/chunk.XICCWDLO.js.map +7 -0
- package/dist/chunks/chunk.XJ6U6JJH.js +2 -0
- package/dist/chunks/chunk.XJ6U6JJH.js.map +7 -0
- package/dist/chunks/chunk.XQLJUQ44.js +2 -0
- package/dist/chunks/chunk.XQLJUQ44.js.map +7 -0
- package/dist/chunks/chunk.XR7YGYDX.js +17 -0
- package/dist/chunks/chunk.XR7YGYDX.js.map +7 -0
- package/dist/chunks/chunk.XRCS7XVU.js +2 -0
- package/dist/chunks/chunk.XRCS7XVU.js.map +7 -0
- package/dist/chunks/chunk.XS2ZLG5N.js +255 -0
- package/dist/chunks/chunk.XS2ZLG5N.js.map +7 -0
- package/dist/chunks/chunk.XU5GJZL2.js +4 -0
- package/dist/chunks/chunk.XU5GJZL2.js.map +7 -0
- package/dist/chunks/chunk.XWIMOG3R.js +17 -0
- package/dist/chunks/chunk.XWIMOG3R.js.map +7 -0
- package/dist/chunks/chunk.XXCA25XG.js +117 -0
- package/dist/chunks/chunk.XXCA25XG.js.map +7 -0
- package/dist/chunks/chunk.Y2P62L7U.js +2 -0
- package/dist/chunks/chunk.Y2P62L7U.js.map +7 -0
- package/dist/chunks/chunk.Y6CNGJBQ.js +248 -0
- package/dist/chunks/chunk.Y6CNGJBQ.js.map +7 -0
- package/dist/chunks/chunk.YCMHZ3MB.js +258 -0
- package/dist/chunks/chunk.YCMHZ3MB.js.map +7 -0
- package/dist/chunks/chunk.YRKOBCHM.js +245 -0
- package/dist/chunks/chunk.YRKOBCHM.js.map +7 -0
- package/dist/chunks/chunk.YYEBOYAK.js +4 -0
- package/dist/chunks/chunk.YYEBOYAK.js.map +7 -0
- package/dist/chunks/chunk.Z6HS5QBM.js +2 -0
- package/dist/chunks/chunk.Z6HS5QBM.js.map +7 -0
- package/dist/chunks/chunk.ZFJ4UAEF.js +256 -0
- package/dist/chunks/chunk.ZFJ4UAEF.js.map +7 -0
- package/dist/chunks/chunk.ZQRAOUTM.js +2 -0
- package/dist/chunks/chunk.ZQRAOUTM.js.map +7 -0
- package/dist/custom-elements.json +402 -1193
- package/dist/docs/components/ScwAlert.json +0 -26
- package/dist/docs/components/ScwButton.json +0 -26
- package/dist/docs/components/ScwCard.json +85 -48
- package/dist/docs/components/ScwCenterComponent.json +0 -26
- package/dist/docs/components/ScwComponent.json +0 -18
- package/dist/docs/components/ScwElementComponent.json +0 -26
- package/dist/docs/components/ScwFlexHComponent.json +0 -26
- package/dist/docs/components/ScwFlexVComponent.json +0 -26
- package/dist/docs/components/ScwFloatComponent.json +0 -26
- package/dist/docs/components/ScwForm.json +0 -26
- package/dist/docs/components/ScwFormComponent.json +0 -26
- package/dist/docs/components/ScwHeading.json +1 -27
- package/dist/docs/components/ScwIcon.json +0 -26
- package/dist/docs/components/ScwImage.json +4 -34
- package/dist/docs/components/ScwInput.json +0 -26
- package/dist/docs/components/ScwInputField.json +0 -26
- package/dist/docs/components/ScwInputLayout.json +0 -26
- package/dist/docs/components/ScwLayoutComponent.json +0 -26
- package/dist/docs/components/ScwLink.json +0 -26
- package/dist/docs/components/ScwLinkBase.json +0 -26
- package/dist/docs/components/ScwMenu.json +0 -26
- package/dist/docs/components/ScwMenuItem.json +0 -26
- package/dist/docs/components/ScwPageAlert.json +0 -26
- package/dist/docs/components/ScwPaneComponent.json +0 -26
- package/dist/docs/components/ScwResponsive.json +0 -26
- package/dist/docs/components/ScwSelect.json +0 -26
- package/dist/docs/components/ScwSingleInput.json +0 -26
- package/dist/docs/components/ScwSingleInputLayout.json +0 -26
- package/dist/docs/components/ScwStackComponent.json +0 -26
- package/dist/docs/components/ScwTest.json +0 -26
- package/dist/docs/components/ScwTextarea.json +0 -26
- package/dist/docs/components/ScwValidate.json +0 -26
- package/dist/docs/components/ScwValidation.json +0 -26
- package/dist/docs/components/manifest.json +64 -64
- package/dist/docs/config.json +1 -1
- package/dist/scw-alert/ScwAlert.js +1 -1
- package/dist/scw-alert/scw-alert.js +1 -1
- package/dist/scw-button/ScwButton.js +1 -1
- package/dist/scw-button/scw-button.js +1 -1
- package/dist/scw-card/ScwCard.js +1 -1
- package/dist/scw-card/scw-card-light-dom.js +1 -1
- package/dist/scw-card/scw-card.js +1 -1
- package/dist/scw-center-component/ScwCenterComponent.js +1 -1
- package/dist/scw-center-component/scw-center-component.js +1 -1
- package/dist/scw-component/ScwComponent.js +1 -1
- package/dist/scw-component/scw-component.js +1 -1
- package/dist/scw-components.js +1 -1
- package/dist/scw-element-component/scw-element-component.js +1 -1
- package/dist/scw-element-component/scw-element-component.js.map +1 -1
- package/dist/scw-flex-h-component/scw-flex-h-component.js +1 -1
- package/dist/scw-flex-h-component/scw-flex-h-component.js.map +1 -1
- package/dist/scw-flex-v-component/scw-flex-v-component.js +1 -1
- package/dist/scw-flex-v-component/scw-flex-v-component.js.map +1 -1
- package/dist/scw-float-component/scw-float-component.js +1 -1
- package/dist/scw-float-component/scw-float-component.js.map +1 -1
- package/dist/scw-form/scw-form.js +1 -1
- package/dist/scw-form/scw-form.js.map +1 -1
- package/dist/scw-form-component/scw-form-component.js +1 -1
- package/dist/scw-heading/ScwHeading.js +1 -1
- package/dist/scw-heading/scw-heading.js +1 -1
- package/dist/scw-icon/ScwIcon.js +1 -1
- package/dist/scw-icon/scw-icon.js +1 -1
- package/dist/scw-image/ScwImage.js +1 -1
- package/dist/scw-image/scw-image.js +1 -1
- package/dist/scw-input/scw-input.js +1 -1
- package/dist/scw-input/scw-input.js.map +1 -1
- package/dist/scw-input-field/scw-input-field.js +1 -1
- package/dist/scw-input-field/scw-input-field.js.map +1 -1
- package/dist/scw-input-layout/scw-input-layout.js +1 -1
- package/dist/scw-input-layout/scw-input-layout.js.map +1 -1
- package/dist/scw-layout-component/scw-layout-component.js +1 -1
- package/dist/scw-link/ScwLink.js +1 -1
- package/dist/scw-link/scw-link.js +1 -1
- package/dist/scw-link-base/ScwLinkBase.js +1 -1
- package/dist/scw-link-base/scw-link-base.js +1 -1
- package/dist/scw-menu/ScwMenu.js +1 -1
- package/dist/scw-menu/scw-menu.js +1 -1
- package/dist/scw-menu-item/ScwMenuItem.js +1 -1
- package/dist/scw-menu-item/scw-menu-item.js +1 -1
- package/dist/scw-page-alert/scw-page-alert.js +1 -1
- package/dist/scw-page-alert/scw-page-alert.js.map +1 -1
- package/dist/scw-pane-component/scw-pane-component.js +1 -1
- package/dist/scw-pane-component/scw-pane-component.js.map +1 -1
- package/dist/scw-responsive/scw-responsive.js +1 -1
- package/dist/scw-responsive/scw-responsive.js.map +1 -1
- package/dist/scw-select/scw-select.js +1 -1
- package/dist/scw-select/scw-select.js.map +1 -1
- package/dist/scw-single-input/scw-single-input.js +1 -1
- package/dist/scw-single-input/scw-single-input.js.map +1 -1
- package/dist/scw-single-input-layout/scw-single-input-layout.js +1 -1
- package/dist/scw-stack-component/scw-stack-component.js +1 -1
- package/dist/scw-stack-component/scw-stack-component.js.map +1 -1
- package/dist/scw-test/ScwTest.js +1 -1
- package/dist/scw-test/scw-test.js +1 -1
- package/dist/scw-test/scw-test.js.map +1 -1
- package/dist/scw-textarea/scw-textarea.js +1 -1
- package/dist/scw-textarea/scw-textarea.js.map +1 -1
- package/dist/scw-validate/scw-validate.js +1 -1
- package/dist/scw-validate/scw-validate.js.map +1 -1
- package/dist/scw-validation/scw-validation.js +1 -1
- package/dist/scw-validation/scw-validation.js.map +1 -1
- package/dist/scw.js +1 -1
- package/dist/utils/suffix.js +1 -1
- package/dist/utils/themes/enums.js +1 -1
- package/dist/utils/themes/enums.js.map +3 -3
- package/package.json +1 -1
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import{a as n}from"./chunk.2VW3SHYK.js";import{a,b as o,e as s}from"./chunk.XICCWDLO.js";import{a as r}from"./chunk.ZS4C3T6Z.js";import{g as t}from"./chunk.5YJY6NT6.js";var l=a`
|
|
2
|
+
:host {
|
|
3
|
+
background-color: white;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-flow: column nowrap;
|
|
6
|
+
justify-content: flex-start;
|
|
7
|
+
align-items: flex-start;
|
|
8
|
+
padding-left: 0px;
|
|
9
|
+
padding-right: 0px;
|
|
10
|
+
padding-top: 0px;
|
|
11
|
+
padding-bottom: 0px;
|
|
12
|
+
}
|
|
13
|
+
:host > *:not(:last-child) {
|
|
14
|
+
margin-bottom: calc(var(--scw-spacing-1) * 0.6);
|
|
15
|
+
--margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
|
|
16
|
+
}
|
|
17
|
+
:host .input-field-single {
|
|
18
|
+
flex: 1;
|
|
19
|
+
}
|
|
20
|
+
:host .input-feedback {
|
|
21
|
+
background-color: rgba(0, 0, 0, 0);
|
|
22
|
+
align-self: stretch;
|
|
23
|
+
text-align: LEFT;
|
|
24
|
+
font: var(--scw-type-text-04-font);
|
|
25
|
+
color: var(--scw-color, var(--scw-color-error));
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.input-field {
|
|
29
|
+
background-color: rgba(0, 0, 0, 0);
|
|
30
|
+
display: flex;
|
|
31
|
+
flex-flow: row nowrap;
|
|
32
|
+
justify-content: flex-start;
|
|
33
|
+
align-items: center;
|
|
34
|
+
padding-left: 0px;
|
|
35
|
+
padding-right: 0px;
|
|
36
|
+
padding-top: 0px;
|
|
37
|
+
padding-bottom: 0px;
|
|
38
|
+
align-self: stretch;
|
|
39
|
+
padding: 0;
|
|
40
|
+
}
|
|
41
|
+
.input-field > *:not(:last-child) {
|
|
42
|
+
margin-right: 0px;
|
|
43
|
+
--margin-right: 0px;
|
|
44
|
+
}
|
|
45
|
+
.input-field .left-icon {
|
|
46
|
+
background-color: var(--scw-color-grey-095);
|
|
47
|
+
border-radius: 4px 0px 0px 4px;
|
|
48
|
+
align-self: stretch;
|
|
49
|
+
display: flex;
|
|
50
|
+
flex-flow: row nowrap;
|
|
51
|
+
justify-content: center;
|
|
52
|
+
align-items: center;
|
|
53
|
+
padding-left: 0px;
|
|
54
|
+
padding-right: 0px;
|
|
55
|
+
padding-top: 0px;
|
|
56
|
+
padding-bottom: 0px;
|
|
57
|
+
}
|
|
58
|
+
.input-field .left-icon > *:not(:last-child) {
|
|
59
|
+
margin-right: var(--scw-spacing-1);
|
|
60
|
+
--margin-right: var( --scw-spacing-1 );
|
|
61
|
+
}
|
|
62
|
+
.input-field .left-icon .icon {
|
|
63
|
+
background-color: rgba(0, 0, 0, 0);
|
|
64
|
+
}
|
|
65
|
+
.input-field .input-text {
|
|
66
|
+
background-color: rgba(0, 0, 0, 0);
|
|
67
|
+
flex: 1;
|
|
68
|
+
}
|
|
69
|
+
.input-field .right-icon-2 {
|
|
70
|
+
align-self: center;
|
|
71
|
+
}
|
|
72
|
+
.input-field .right-icon {
|
|
73
|
+
align-self: center;
|
|
74
|
+
}
|
|
75
|
+
.input-field .right-action {
|
|
76
|
+
background-color: var(--scw-color-03, var(--scw-color-primary-03));
|
|
77
|
+
border-radius: 0px 4px 4px 0px;
|
|
78
|
+
align-self: stretch;
|
|
79
|
+
display: flex;
|
|
80
|
+
flex-flow: row nowrap;
|
|
81
|
+
justify-content: flex-start;
|
|
82
|
+
align-items: center;
|
|
83
|
+
padding-left: calc(var(--scw-spacing-1) * 0.4);
|
|
84
|
+
padding-right: calc(var(--scw-spacing-1) * 0.4);
|
|
85
|
+
padding-top: 0px;
|
|
86
|
+
padding-bottom: 0px;
|
|
87
|
+
border-radius: 0;
|
|
88
|
+
}
|
|
89
|
+
.input-field .right-action > *:not(:last-child) {
|
|
90
|
+
margin-right: var(--scw-spacing-1);
|
|
91
|
+
--margin-right: var( --scw-spacing-1 );
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
:host .input-field {
|
|
95
|
+
background-color: var(--scw-color-grey-10);
|
|
96
|
+
border-radius: 6px 6px 6px 6px;
|
|
97
|
+
border-width: 2px;
|
|
98
|
+
border-style: solid;
|
|
99
|
+
border-color: var(--scw-color-03, var(--scw-color-primary-03));
|
|
100
|
+
align-self: stretch;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
:host([aria-disabled]) .input-field {
|
|
104
|
+
background-color: var(--scw-color-grey-092);
|
|
105
|
+
border-radius: 6px 6px 6px 6px;
|
|
106
|
+
border-width: 2px;
|
|
107
|
+
border-style: solid;
|
|
108
|
+
border-color: var(--scw-color-grey-08);
|
|
109
|
+
align-self: stretch;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
:host([invalid]) .input-field {
|
|
113
|
+
background-color: var(--scw-color-grey-10);
|
|
114
|
+
border-radius: 6px 6px 6px 6px;
|
|
115
|
+
border-width: 2px;
|
|
116
|
+
border-style: solid;
|
|
117
|
+
border-color: var(--scw-color, var(--scw-color-error));
|
|
118
|
+
align-self: stretch;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
:host([focused]) .input-field {
|
|
122
|
+
background-color: var(--scw-color-grey-10);
|
|
123
|
+
border-radius: 6px 6px 6px 6px;
|
|
124
|
+
border-width: 2px;
|
|
125
|
+
border-style: solid;
|
|
126
|
+
border-color: var(--scw-color-03, var(--scw-color-primary-03));
|
|
127
|
+
box-shadow: var(--scw-effect-focus-shadow);
|
|
128
|
+
align-self: stretch;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
::slotted(*) {
|
|
132
|
+
width: 100%;
|
|
133
|
+
}`;var d=(e=>(e.rightIcon="right-icon",e.right2Icon="right-2-icon",e.rightAction="right-action",e))(d||{}),i=class extends s{constructor(){super();this.hideFeedback=!1;this.element="single-input-layout"}static get styles(){return[super.styles,l]}_right2ClickHandler(c){c.stopPropagation(),n("scw-action",this,{action:"right-2-icon"})}_rightClickHandler(c){c.stopPropagation(),n("scw-action",this,{action:"right-icon"})}_rightActionClickHandler(c){c.stopPropagation(),n("scw-action",this,{action:"right-action"})}render(){return r`
|
|
134
|
+
<div class="input-field">
|
|
135
|
+
${this.leftActionIcon?r`
|
|
136
|
+
<div class="left-icon">
|
|
137
|
+
<scw-icon
|
|
138
|
+
class="icon"
|
|
139
|
+
.icon="${this.leftActionIcon}"
|
|
140
|
+
size="30">
|
|
141
|
+
</scw-icon>
|
|
142
|
+
</div>`:""}
|
|
143
|
+
<div class="input-field-single">
|
|
144
|
+
<slot></slot>
|
|
145
|
+
</div>
|
|
146
|
+
${this.right2Icon?r`
|
|
147
|
+
<scw-icon
|
|
148
|
+
class="right-icon-2"
|
|
149
|
+
.icon="${this.right2Icon}"
|
|
150
|
+
size="30"
|
|
151
|
+
aria-label="Clear Input"
|
|
152
|
+
link
|
|
153
|
+
@click=${this._right2ClickHandler}>
|
|
154
|
+
</scw-icon>`:""}
|
|
155
|
+
${this.rightIcon?r`
|
|
156
|
+
<scw-icon
|
|
157
|
+
class="right-icon"
|
|
158
|
+
.icon="${this.rightIcon}"
|
|
159
|
+
size="30"
|
|
160
|
+
aria-label="Show Password"
|
|
161
|
+
link
|
|
162
|
+
@click=${this._rightClickHandler}>
|
|
163
|
+
</scw-icon>`:""}
|
|
164
|
+
${this.rightActionIcon?r`
|
|
165
|
+
<div class="right-action">
|
|
166
|
+
<scw-icon
|
|
167
|
+
class="icon-right-action"
|
|
168
|
+
.icon="${this.rightActionIcon}"
|
|
169
|
+
color="white"
|
|
170
|
+
size="30"
|
|
171
|
+
aria-label="Submit Search"
|
|
172
|
+
link
|
|
173
|
+
@click=${this._rightActionClickHandler}>
|
|
174
|
+
</scw-icon>
|
|
175
|
+
</div>`:""}
|
|
176
|
+
</div>
|
|
177
|
+
${this.hideFeedback?"":r`
|
|
178
|
+
<div class="input-feedback">
|
|
179
|
+
${this.feedback}
|
|
180
|
+
</div>`}
|
|
181
|
+
`}};t([o({type:String})],i.prototype,"feedback",2),t([o({type:String,attribute:"hide-feedback"})],i.prototype,"hideFeedback",2),t([o({type:String,attribute:"left-action-icon"})],i.prototype,"leftActionIcon",2),t([o({type:String,attribute:"right-action-icon"})],i.prototype,"rightActionIcon",2),t([o({type:String,attribute:"right-icon"})],i.prototype,"rightIcon",2),t([o({type:String,attribute:"right-2-icon"})],i.prototype,"right2Icon",2);export{d as a,i as b};
|
|
182
|
+
//# sourceMappingURL=chunk.ECQUGXB4.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-single-input-layout/scss/scw-single-input-layout.scss", "../../src/scw-single-input-layout/scw-single-input-layout.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n background-color: white;\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n:host > *:not(:last-child) {\n margin-bottom: calc(var(--scw-spacing-1) * 0.6);\n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}\n:host .input-field-single {\n flex: 1;\n}\n:host .input-feedback {\n background-color: rgba(0, 0, 0, 0);\n align-self: stretch;\n text-align: LEFT;\n font: var(--scw-type-text-04-font);\n color: var(--scw-color, var(--scw-color-error));\n}\n\n.input-field {\n background-color: rgba(0, 0, 0, 0);\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n align-self: stretch;\n padding: 0;\n}\n.input-field > *:not(:last-child) {\n margin-right: 0px;\n --margin-right: 0px;\n}\n.input-field .left-icon {\n background-color: var(--scw-color-grey-095);\n border-radius: 4px 0px 0px 4px;\n align-self: stretch;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n.input-field .left-icon > *:not(:last-child) {\n margin-right: var(--scw-spacing-1);\n --margin-right: var( --scw-spacing-1 );\n}\n.input-field .left-icon .icon {\n background-color: rgba(0, 0, 0, 0);\n}\n.input-field .input-text {\n background-color: rgba(0, 0, 0, 0);\n flex: 1;\n}\n.input-field .right-icon-2 {\n align-self: center;\n}\n.input-field .right-icon {\n align-self: center;\n}\n.input-field .right-action {\n background-color: var(--scw-color-03, var(--scw-color-primary-03));\n border-radius: 0px 4px 4px 0px;\n align-self: stretch;\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n padding-left: calc(var(--scw-spacing-1) * 0.4);\n padding-right: calc(var(--scw-spacing-1) * 0.4);\n padding-top: 0px;\n padding-bottom: 0px;\n border-radius: 0;\n}\n.input-field .right-action > *:not(:last-child) {\n margin-right: var(--scw-spacing-1);\n --margin-right: var( --scw-spacing-1 );\n}\n\n:host .input-field {\n background-color: var(--scw-color-grey-10);\n border-radius: 6px 6px 6px 6px;\n border-width: 2px;\n border-style: solid;\n border-color: var(--scw-color-03, var(--scw-color-primary-03));\n align-self: stretch;\n}\n\n:host([aria-disabled]) .input-field {\n background-color: var(--scw-color-grey-092);\n border-radius: 6px 6px 6px 6px;\n border-width: 2px;\n border-style: solid;\n border-color: var(--scw-color-grey-08);\n align-self: stretch;\n}\n\n:host([invalid]) .input-field {\n background-color: var(--scw-color-grey-10);\n border-radius: 6px 6px 6px 6px;\n border-width: 2px;\n border-style: solid;\n border-color: var(--scw-color, var(--scw-color-error));\n align-self: stretch;\n}\n\n:host([focused]) .input-field {\n background-color: var(--scw-color-grey-10);\n border-radius: 6px 6px 6px 6px;\n border-width: 2px;\n border-style: solid;\n border-color: var(--scw-color-03, var(--scw-color-primary-03));\n box-shadow: var(--scw-effect-focus-shadow);\n align-self: stretch;\n}\n\n::slotted(*) {\n width: 100%;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-single-input-layout.scss';\nimport {emit, ScwEvents} from '../utils/events/event';\n\n\nexport enum ScwSingleInputLayoutActions {\n rightIcon = 'right-icon',\n right2Icon = 'right-2-icon',\n rightAction = 'right-action'\n}\n\n/**\n * ScwSingleInputLayout\n * @class\n * @tag scw-single-input-layout\n * @status new\n * @since 0.0.5\n *\n * @event scw-action - This fires when one of the various icons or submit\n * button is clicked. detail is {action:\n * 'right-icon'|'right-2-icon'|'right-action'}\n */\nexport default class ScwSingleInputLayout extends ScwComponent {\n /**\n * styles\n */\n static get styles() {\n return [\n super.styles,\n styles,\n ];\n }\n\n /** constructor */\n constructor() {\n super();\n this.element = Components.singleInputLayout;\n }\n\n // ============== ScwSingleInputLayout =======================================\n /** (ScwSingleInputLayout) the text to use for feedback */\n @property({type: String})\n feedback: string | undefined;\n\n /** (ScwSingleInputLayout) hides the feedback label */\n @property({type: String, attribute: 'hide-feedback'})\n hideFeedback: boolean = false;\n\n /** (ScwSingleInputLayout) shows left action section and determines what icon\n * is used within the left action. */\n @property({type: String, attribute: 'left-action-icon'})\n leftActionIcon: string | undefined;\n\n /** (ScwSingleInputLayout) shows right action section and determines what icon\n * is used within the right action. */\n @property({type: String, attribute: 'right-action-icon'})\n rightActionIcon: string | undefined;\n\n /** (ScwSingleInputLayout) shows first right icon and determines the icon\n * svg. */\n @property({type: String, attribute: 'right-icon'})\n rightIcon: string | undefined;\n\n /** (ScwSingleInputLayout) shows second right icon and determines the icon\n * svg. */\n @property({type: String, attribute: 'right-2-icon'})\n right2Icon: string | undefined;\n\n /**\n * Handle click from right 2 icon.\n * @param {Event} evt\n */\n _right2ClickHandler(evt : Event) {\n evt.stopPropagation();\n emit(\n ScwEvents.action, this,\n {action: ScwSingleInputLayoutActions.right2Icon},\n );\n }\n\n /**\n * Handle click from right icon.\n * @param {Event} evt\n */\n _rightClickHandler(evt : Event) {\n evt.stopPropagation();\n emit(\n ScwEvents.action, this,\n {action: ScwSingleInputLayoutActions.rightIcon},\n );\n }\n\n /**\n * Handle click from right action icon.\n * @param {Event} evt\n */\n _rightActionClickHandler(evt : Event) {\n evt.stopPropagation();\n emit(\n ScwEvents.action, this,\n {action: ScwSingleInputLayoutActions.rightAction},\n );\n }\n\n /**\n * render\n * @return {object} component DOM\n */\n render(): object {\n return html`\n <div class=\"input-field\">\n ${this.leftActionIcon ?\n html`\n <div class=\"left-icon\">\n <scw-icon\n class=\"icon\"\n .icon=\"${this.leftActionIcon}\"\n size=\"30\">\n </scw-icon>\n </div>` : ''}\n <div class=\"input-field-single\">\n <slot></slot>\n </div>\n ${this.right2Icon ?\n html`\n <scw-icon\n class=\"right-icon-2\"\n .icon=\"${this.right2Icon}\"\n size=\"30\"\n aria-label=\"Clear Input\"\n link\n @click=${this._right2ClickHandler}>\n </scw-icon>` : '' }\n ${this.rightIcon ?\n html`\n <scw-icon\n class=\"right-icon\"\n .icon=\"${this.rightIcon}\"\n size=\"30\"\n aria-label=\"Show Password\"\n link\n @click=${this._rightClickHandler}>\n </scw-icon>` : '' }\n ${this.rightActionIcon ?\n html`\n <div class=\"right-action\">\n <scw-icon\n class=\"icon-right-action\"\n .icon=\"${this.rightActionIcon}\"\n color=\"white\"\n size=\"30\"\n aria-label=\"Submit Search\"\n link\n @click=${this._rightActionClickHandler}>\n </scw-icon>\n </div>` : '' }\n </div>\n ${!this.hideFeedback ?\n html`\n <div class=\"input-feedback\">\n ${this.feedback} \n </div>` : ''}\n `;\n }\n}\n\n"],
|
|
5
|
+
"mappings": "yKACA,GAAO,GAAQ;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;GCOR,GAAK,GAAL,CAAK,GACV,aAAY,aACZ,aAAa,eACb,cAAc,eAHJ,WAiBZ,eAAkD,EAAa,CAY7D,aAAc,CACZ,MAAM,EAWP,kBAAwB,GAVvB,KAAK,QAAU,qBACjB,WAXY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAyCA,oBAAoB,EAAa,CAC/B,EAAI,gBAAgB,EACpB,EACE,aAAkB,KAClB,CAAC,OAAQ,cAAsC,CACjD,CACF,CAMA,mBAAmB,EAAa,CAC9B,EAAI,gBAAgB,EACpB,EACE,aAAkB,KAClB,CAAC,OAAQ,YAAqC,CAChD,CACF,CAMA,yBAAyB,EAAa,CACpC,EAAI,gBAAgB,EACpB,EACE,aAAkB,KAClB,CAAC,OAAQ,cAAuC,CAClD,CACF,CAMA,QAAiB,CACf,MAAO;AAAA;AAAA,UAED,KAAK,eACX;AAAA;AAAA;AAAA;AAAA,yBAIqB,KAAK;AAAA;AAAA;AAAA,oBAGR;AAAA;AAAA;AAAA;AAAA,UAIZ,KAAK,WACX;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,uBAIL,KAAK;AAAA,yBACD;AAAA,UACjB,KAAK,UACX;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,uBAIL,KAAK;AAAA,yBACD;AAAA,UACjB,KAAK,gBACX;AAAA;AAAA;AAAA;AAAA,yBAIqB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKL,KAAK;AAAA;AAAA,oBAER;AAAA;AAAA,QAEd,AAAC,KAAK,aAIM,GAHhB;AAAA;AAAA,cAEU,KAAK;AAAA;AAAA,KAGjB,CACF,EA1HI,GADF,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACtB,AApBJ,EAoBI,wBAID,GADD,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GACnD,AAxBH,EAwBG,4BAKC,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,kBAAkB,CAAC,GACrD,AA7BJ,EA6BI,8BAKD,GADD,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,mBAAmB,CAAC,GACvD,AAlCH,EAkCG,+BAKA,GADD,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GAChD,AAvCH,EAuCG,yBAKC,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,cAAc,CAAC,GACjD,AA5CJ,EA4CI",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/utils/suffix.ts"],
|
|
4
|
+
"sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector: string = '-') {\n return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
|
|
5
|
+
"mappings": "wCAOe,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{e as r}from"./chunk.HCMPRDIX.js";import{a as e}from"./chunk.ZS4C3T6Z.js";var t=class extends r{constructor(){super(),this.element="center-component",this.setAttribute("scw-center-initial",""),this.responsive=!0}render(){return e`
|
|
2
|
+
<slot></slot>
|
|
3
|
+
`}};export{t as a};
|
|
4
|
+
//# sourceMappingURL=chunk.EE7FYIJC.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/scw-center-component/ScwCenterComponent.ts"],
|
|
4
|
+
"sourcesContent": ["import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwCenterComponent\n * @class\n * @tag scw-center-component\n */\nexport default class ScwCenterComponent extends ScwComponent {\n /** constructor */\n constructor() {\n super();\n this.element = Components.centerComponent;\n this.setAttribute('scw-center-initial', '');\n this.responsive = true;\n }\n\n /**\n * render\n * @return {object} component DOM\n */\n render(): object {\n return html`\n <slot></slot>\n `;\n }\n}\n"],
|
|
5
|
+
"mappings": "gFASA,mBAAgD,EAAa,CAE3D,aAAc,CACZ,MAAM,EACN,KAAK,QAAU,mBACf,KAAK,aAAa,qBAAsB,EAAE,EAC1C,KAAK,WAAa,EACpB,CAMC,QAAiB,CAChB,MAAO;AAAA;AAAA,KAGT,CACF",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/utils/suffix.ts"],
|
|
4
|
+
"sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector: string = '-') {\n return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
|
|
5
|
+
"mappings": "wCAOe,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as r}from"./chunk.4TZQ4623.js";import{a as m}from"./chunk.2VW3SHYK.js";import{b as i}from"./chunk.XICCWDLO.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends r{constructor(){super();this.submitType="submit";this.element="button",this.setAttribute("onclick","javascript:")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&m("scw-submit-intent",this)})}};e([i({type:String,reflect:!0,attribute:"submit-type"})],t.prototype,"submitType",2);export{t as a};
|
|
2
|
+
//# sourceMappingURL=chunk.F5FUIRKL.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/scw-button/ScwButton.ts"],
|
|
4
|
+
"sourcesContent": ["import {property} from 'lit/decorators.js';\nimport ScwLink from '../scw-link/ScwLink';\nimport {ScwFormComponentSubmitTypes}\n from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport {ScwEvents} from '../utils/events/event';\nimport {emit} from '../utils/events/event';\n\n/**\n * ScwButton\n * @class\n * @tag scw-button\n *\n * @slot [default=\"<a href target />\"]\n (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n content with a link.\n */\nexport default class ScwButton extends ScwLink {\n /** <ScwFormComponent> the usage in a form (& scw-form a query target) */\n @property({type: String, reflect: true, attribute: 'submit-type'})\n submitType: ScwFormComponentSubmitTypes =\n ScwFormComponentSubmitTypes.submit;\n\n /** connectedCallback */\n connectedCallback(): void {\n super.connectedCallback();\n this.addEventListener(\n 'click',\n () => {\n if (this.submitType === ScwFormComponentSubmitTypes.submit ) {\n emit(\n ScwEvents.submitIntent,\n this,\n );\n }\n },\n );\n }\n\n /** Constructor */\n constructor() {\n super();\n this.element = Components.button;\n // need to tell scw-link-base to turn this into a link each time...\n this.setAttribute('onclick', 'javascript:');\n }\n}\n"],
|
|
5
|
+
"mappings": "gKAmBA,mBAAuC,EAAQ,CAuB7C,aAAc,CACZ,MAAM,EArBN,gBACI,SAqBJ,KAAK,QAAU,SAEf,KAAK,aAAa,UAAW,aAAa,CAC5C,CArBA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,iBACH,QACA,IAAM,CACJ,AAAI,KAAK,aAAe,UACtB,EACE,oBACA,IACF,CAEJ,CACF,CACF,CASF,EA1BI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,aAAa,CAAC,GAC/D,AAHJ,EAGI",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{a as u}from"./chunk.45CT3CWK.js";import{b as n,c as r,e as f}from"./chunk.6ITKITRF.js";import{a as o}from"./chunk.ZS4C3T6Z.js";import{g as a}from"./chunk.5YJY6NT6.js";var c=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(c||{}),h=(i=>(i.submit="submit",i.cancel="cancel",i))(h||{}),t=class extends f{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(l=>l.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(s=>s.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let l=this.createValidateRule();l.setAttribute("type",i),e&&l.setAttribute("feedback",e),this.addValidationRule(l)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let d=Array.from(e.children).find(s=>s.type===i);d&&d.parentNode&&d.parentNode.removeChild(d)}render(){return o`
|
|
2
|
+
scw-form-component
|
|
3
|
+
`}};a([n({type:c,reflect:!0,attribute:"form-type"})],t.prototype,"formType",2),a([n({type:String})],t.prototype,"name",2),a([n({type:String})],t.prototype,"value",2),a([n({type:String})],t.prototype,"placeholder",2),a([n({type:String})],t.prototype,"selected",2),a([n({type:Boolean,attribute:"read-only"})],t.prototype,"readOnly",2),a([n({type:Boolean})],t.prototype,"required",2),a([n({type:String,attribute:"required-label"})],t.prototype,"requiredLabel",2),a([n({type:String,attribute:"required-feedback"})],t.prototype,"requiredFeedback",2),a([r()],t.prototype,"feedback",2),a([r()],t.prototype,"focused",2),a([r()],t.prototype,"invalid",2);export{c as a,h as b,t as c};
|
|
4
|
+
//# sourceMappingURL=chunk.FFOXCUJR.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/scw-form-component/scw-form-component.ts"],
|
|
4
|
+
"sourcesContent": ["import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport ScwValidate from '../scw-validate/scw-validate';\nimport ScwValidation from '../scw-validation/scw-validation';\nimport {ValidationResult, ValidationTypes}\n from '../scw-validate/validationTypes';\nimport getSuffix from '../utils/suffix';\n\nexport enum ScwFormComponentTypes {\n text = 'text',\n boolean = 'boolean',\n submit = 'submit'\n}\n\nexport enum ScwFormComponentSubmitTypes {\n submit = 'submit',\n cancel = 'cancel'\n}\n\n/**\n * ScwFormComponent\n * @class\n * @tag scw-form-component\n */\nexport default class ScwFormComponent extends ScwComponent {\n // ============== ScwFormComponent ===========================================\n /** (ScwFormComponent) the usage in a form (& scw-form a query target) */\n @property({\n type: ScwFormComponentTypes,\n reflect: true,\n attribute: 'form-type',\n })\n formType: ScwFormComponentTypes = ScwFormComponentTypes.text;\n\n /** (ScwFormComponent) name to identify form element and attach data */\n @property({type: String})\n name: string | undefined;\n\n /** (ScwFormComponent) name to identify form element and attach data */\n @property({type: String})\n value: string = '';\n\n /** (ScwFormComponent) text showing when there is no value */\n @property({type: String})\n placeholder: string = '';\n\n /** (ScwFormComponent) name to identify form element and attach data */\n @property({type: String})\n selected: boolean = false;\n\n /** (ScwFormComponent) read-only state management */\n @property({type: Boolean, attribute: 'read-only'})\n readOnly: boolean = false;\n\n /** (ScwFormComponent) required state management */\n @property({type: Boolean})\n required: boolean = false;\n\n /** (ScwFormComponent) label indicator for required */\n @property({type: String, attribute: 'required-label'})\n requiredLabel: string = ' *';\n\n /** (ScwFormComponent) label indicator for required */\n @property({type: String, attribute: 'required-feedback'})\n requiredFeedback?: string;\n\n // ===== STATE ===============================================================\n /** the text to use for feedback */\n @state() feedback: string | undefined;\n\n /** determines whether the input is focused or not */\n @state() focused : boolean = false;\n\n /** whether this form element is valid, passed validation */\n @state() invalid: boolean = false;\n\n /** connectedCallback */\n connectedCallback(): void {\n super.connectedCallback();\n if (this.required) {\n this.createAndAddValidationRule(\n ValidationTypes.required,\n this.requiredFeedback,\n );\n }\n }\n\n /** (ScwFormComponent) each form element to decorates the final data object\n * @param {Object} formData\n */\n decorateValues(formData: {}): void {\n if (!this.name) {\n this.warn(`${this.element} didn't find a name`);\n return;\n }\n if (this.formType === ScwFormComponentTypes.boolean) {\n formData[this.name] = this.selected;// ? 'true' : 'false';\n } else {\n formData[this.name] = this.value;\n }\n }\n\n /**\n * Check to see if form element is required w/o knowing if there is validation\n * @return {boolean}\n */\n findIfRequired() : boolean {\n const rules = this.findValidationRules();\n if (rules) {\n return rules.isRequired();\n }\n return false;\n }\n\n /**\n * Find validation child if there...\n * @return {ScwValidation | undefined}\n */\n findValidationRules() : ScwValidation | undefined {\n const childrenArr = Array.from(this.children);\n const validation = childrenArr.find((child: any) => {\n // component may not be initialized yet...\n return child.nodeName.indexOf('SCW-VALIDATION') === 0;\n // return child.element === Components.validation;\n });\n return validation as unknown as ScwValidation;\n }\n\n /**\n * run the validation rules if there...\n * @param {string} value\n * @return {ValidationResult[]}\n */\n validate() : ValidationResult[] {\n const validation = this.findValidationRules();\n let results : ValidationResult[] = [];\n if (validation) {\n results = validation.validate(this.value);\n }\n this.invalid = ( results.length > 0);\n if (this.invalid ) {\n this.feedback = results[0].feedback;\n } else {\n this.feedback = '';\n }\n return results;\n }\n\n\n /**\n * create a validation rule from scratch\n * @return {ScwValidate}\n */\n createValidateRule() : ScwValidate {\n return document.createElement(\n `scw-${Components.validate}${getSuffix()}`,\n ) as unknown as ScwValidate;\n }\n\n /**\n * add validation to to child validation (create if not there)\n * @param {ScwValidate} rule\n */\n addValidationRule(rule: ScwValidate ) {\n let validationRules = this.findValidationRules();\n if (!validationRules) {\n validationRules = document.createElement(\n `scw-${Components.validation}${getSuffix()}`,\n ) as unknown as ScwValidation;\n this.prepend( validationRules );\n }\n // Check for dups?\n const children = Array.from(validationRules.children);\n const existingRule = children.find((child : any) => {\n return child.getAttribute('type') === rule.type;\n });\n if ( !existingRule ) {\n validationRules.appendChild(rule);\n }\n }\n\n /**\n * create a validation of a certain type...\n * @param {ValidationTypes} type\n * @param {string} feedbackOverride\n */\n createAndAddValidationRule(\n type: ValidationTypes,\n feedbackOverride?: string,\n ) {\n const rule = this.createValidateRule();\n rule.setAttribute('type', type );// .type = type;\n if (feedbackOverride) {\n rule.setAttribute('feedback', feedbackOverride );\n }\n this.addValidationRule( rule );\n }\n\n /**\n *\n * @param {ValidationTypes} type\n */\n removeValidationRule(\n type: ValidationTypes,\n ) {\n const validationRules = this.findValidationRules();\n if (!validationRules) return;\n const children = Array.from(validationRules.children);\n const child = children.find(\n (child : any) => child.type === type,\n ) as unknown as HTMLElement;\n if ( child && child.parentNode ) child.parentNode.removeChild(child);\n }\n\n /**\n * render\n * @return {object} component DOM\n */\n render(): object {\n return html`\n scw-form-component\n `;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import{a as h}from"./chunk.K3V3AEZG.js";import{a}from"./chunk.27N4OQ6C.js";import{a as p,b as v,c}from"./chunk.L55FJW5G.js";import{a as e,b as s,c as l}from"./chunk.XICCWDLO.js";import{a as i}from"./chunk.ZS4C3T6Z.js";import{f as n,g as r}from"./chunk.5YJY6NT6.js";var g=e`
|
|
2
|
+
:host .scw-link-base {
|
|
3
|
+
outline: none;
|
|
4
|
+
user-select: none;
|
|
5
|
+
display: inline-flex;
|
|
6
|
+
width: 100%;
|
|
7
|
+
height: 100%;
|
|
8
|
+
border-radius: 50%;
|
|
9
|
+
}
|
|
10
|
+
:host .scw-link-base svg {
|
|
11
|
+
box-sizing: border-box;
|
|
12
|
+
vertical-align: top;
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: 100%;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:host {
|
|
18
|
+
width: 30px;
|
|
19
|
+
height: 30px;
|
|
20
|
+
}
|
|
21
|
+
:host a.scw-link-base:hover {
|
|
22
|
+
background-color: var(--scw-color-grey-092);
|
|
23
|
+
}
|
|
24
|
+
:host svg, :host svg * {
|
|
25
|
+
fill: var(--scw-color, var(--scw-color-grey-02));
|
|
26
|
+
}
|
|
27
|
+
:host svg .color-step-01 {
|
|
28
|
+
fill: var(--scw-color-01, var(--scw-color-grey-01));
|
|
29
|
+
}
|
|
30
|
+
:host svg .color-step-02 {
|
|
31
|
+
fill: var(--scw-color-02, var(--scw-color-grey-02));
|
|
32
|
+
}
|
|
33
|
+
:host svg .color-step-03 {
|
|
34
|
+
fill: var(--scw-color-03, var(--scw-color-grey-03));
|
|
35
|
+
}
|
|
36
|
+
:host svg .color-step-04 {
|
|
37
|
+
fill: var(--scw-color-04, var(--scw-color-grey-04));
|
|
38
|
+
}
|
|
39
|
+
:host svg .color-step-05,
|
|
40
|
+
:host svg .color-step {
|
|
41
|
+
fill: var(--scw-color-05, var(--scw-color-grey-05));
|
|
42
|
+
}
|
|
43
|
+
:host svg .color-step-06 {
|
|
44
|
+
fill: var(--scw-color-06, var(--scw-color-grey-06));
|
|
45
|
+
}
|
|
46
|
+
:host svg .color-step-07 {
|
|
47
|
+
fill: var(--scw-color-07, var(--scw-color-grey-07));
|
|
48
|
+
}
|
|
49
|
+
:host svg .color-step-08 {
|
|
50
|
+
fill: var(--scw-color-08, var(--scw-color-grey-08));
|
|
51
|
+
}
|
|
52
|
+
:host svg .color-step-09 {
|
|
53
|
+
fill: var(--scw-color-09, var(--scw-color-grey-09));
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
:host([color-background]) .scw-link-base {
|
|
57
|
+
background-color: var(--scw-color, var(--scw-color-grey-02));
|
|
58
|
+
}
|
|
59
|
+
:host([color-background]) a.scw-link-base:hover {
|
|
60
|
+
background-color: var(--scw-color-06, var(--scw-color-dark, var(--scw-color-grey-02)));
|
|
61
|
+
}
|
|
62
|
+
:host([color-background]) svg, :host([color-background]) svg * {
|
|
63
|
+
fill: var(--scw-color-grey-10);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
:host([size="10"]) {
|
|
67
|
+
width: 10px;
|
|
68
|
+
height: 10px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
:host([size="20"]) {
|
|
72
|
+
width: 20px;
|
|
73
|
+
height: 20px;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
:host([size="30"]) {
|
|
77
|
+
width: 30px;
|
|
78
|
+
height: 30px;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
:host([size="40"]) {
|
|
82
|
+
width: 40px;
|
|
83
|
+
height: 40px;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
:host([size="50"]) {
|
|
87
|
+
width: 50px;
|
|
88
|
+
height: 50px;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
:host([size="60"]) {
|
|
92
|
+
width: 60px;
|
|
93
|
+
height: 60px;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
:host([size="70"]) {
|
|
97
|
+
width: 70px;
|
|
98
|
+
height: 70px;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
:host([size="80"]) {
|
|
102
|
+
width: 80px;
|
|
103
|
+
height: 80px;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
:host([size="90"]) {
|
|
107
|
+
width: 90px;
|
|
108
|
+
height: 90px;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
:host([size="100"]) {
|
|
112
|
+
width: 100px;
|
|
113
|
+
height: 100px;
|
|
114
|
+
}`;var{validationWarnings:w}=(v(),n(p)),o=class extends c{constructor(){super();this.size="50";this.colorBackground=!1;this._svgInfo="";this.element="icon"}static get styles(){return[super.styles,g]}parseAndValidateLightDom(){super.parseAndValidateLightDom(),a(this.icon,t=>{t===!1?this.warn(w.noIconWarning):this._svgInfo=t})}render(){return this.renderLink(i`
|
|
115
|
+
${h(this._svgInfo)}
|
|
116
|
+
`)}};r([s({type:String,reflect:!0})],o.prototype,"icon",2),r([s({type:String,reflect:!0})],o.prototype,"size",2),r([s({type:Boolean,reflect:!0,attribute:"color-background"})],o.prototype,"colorBackground",2),r([l()],o.prototype,"_svgInfo",2);export{o as a};
|
|
117
|
+
//# sourceMappingURL=chunk.FGXWF4KS.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-icon/scss/scw-icon.scss", "../../src/scw-icon/ScwIcon.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .scw-link-base {\n outline: none;\n user-select: none;\n display: inline-flex;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n}\n:host .scw-link-base svg {\n box-sizing: border-box;\n vertical-align: top;\n width: 100%;\n height: 100%;\n}\n\n:host {\n width: 30px;\n height: 30px;\n}\n:host a.scw-link-base:hover {\n background-color: var(--scw-color-grey-092);\n}\n:host svg, :host svg * {\n fill: var(--scw-color, var(--scw-color-grey-02));\n}\n:host svg .color-step-01 {\n fill: var(--scw-color-01, var(--scw-color-grey-01));\n}\n:host svg .color-step-02 {\n fill: var(--scw-color-02, var(--scw-color-grey-02));\n}\n:host svg .color-step-03 {\n fill: var(--scw-color-03, var(--scw-color-grey-03));\n}\n:host svg .color-step-04 {\n fill: var(--scw-color-04, var(--scw-color-grey-04));\n}\n:host svg .color-step-05,\n:host svg .color-step {\n fill: var(--scw-color-05, var(--scw-color-grey-05));\n}\n:host svg .color-step-06 {\n fill: var(--scw-color-06, var(--scw-color-grey-06));\n}\n:host svg .color-step-07 {\n fill: var(--scw-color-07, var(--scw-color-grey-07));\n}\n:host svg .color-step-08 {\n fill: var(--scw-color-08, var(--scw-color-grey-08));\n}\n:host svg .color-step-09 {\n fill: var(--scw-color-09, var(--scw-color-grey-09));\n}\n\n:host([color-background]) .scw-link-base {\n background-color: var(--scw-color, var(--scw-color-grey-02));\n}\n:host([color-background]) a.scw-link-base:hover {\n background-color: var(--scw-color-06, var(--scw-color-dark, var(--scw-color-grey-02)));\n}\n:host([color-background]) svg, :host([color-background]) svg * {\n fill: var(--scw-color-grey-10);\n}\n\n:host([size=\"10\"]) {\n width: 10px;\n height: 10px;\n}\n\n:host([size=\"20\"]) {\n width: 20px;\n height: 20px;\n}\n\n:host([size=\"30\"]) {\n width: 30px;\n height: 30px;\n}\n\n:host([size=\"40\"]) {\n width: 40px;\n height: 40px;\n}\n\n:host([size=\"50\"]) {\n width: 50px;\n height: 50px;\n}\n\n:host([size=\"60\"]) {\n width: 60px;\n height: 60px;\n}\n\n:host([size=\"70\"]) {\n width: 70px;\n height: 70px;\n}\n\n:host([size=\"80\"]) {\n width: 80px;\n height: 80px;\n}\n\n:host([size=\"90\"]) {\n width: 90px;\n height: 90px;\n}\n\n:host([size=\"100\"]) {\n width: 100px;\n height: 100px;\n}`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\n// import styles from './scss/scw-icon.scss';\nimport getIconSvg from '../utils/getIconSvg';\nimport {\n ScwIconSizes,\n} from './scw-icon-enums';\nimport {Components} from '../utils/enums/Components';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport styles from './scss/scw-icon.scss';\nconst {validationWarnings} = require('../utils/validation/warnings.mjs');\n\n/**\n * ScwIcon\n * @class\n * @tag scw-icon\n *\n * @slot [default=\"<a href target />\"]\n (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n */\nexport default class ScwIcon extends ScwLinkBase {\n /**\n * styles\n */\n static get styles() {\n return [\n super.styles,\n styles,\n ];\n }\n\n // ============== ScwIcon ====================================================\n /** (ScwIcon) Determines the icon to use with the text */\n @property({type: String, reflect: true}) icon: string | undefined;\n\n /** (ScwIcon) Determines the square size of the icon */\n @property({type: String, reflect: true})\n size: ScwIconSizes = ScwIconSizes.size50;\n\n /** (ScwIcon) Background color (w/ accompanying state colors) */\n @property({type: Boolean, reflect: true, attribute: 'color-background'})\n colorBackground: boolean = false;\n\n @state() _svgInfo : string = '';\n\n /** Constructor */\n constructor() {\n super();\n this.element = Components.icon;\n }\n\n /** parseAndValidateLightDom, just adding local parsing and validation */\n parseAndValidateLightDom() {\n super.parseAndValidateLightDom();\n getIconSvg(this.icon, (svgInfo: string | false ) => {\n if (svgInfo === false ) {\n this.warn(validationWarnings.noIconWarning);\n } else {\n this._svgInfo = svgInfo;\n }\n });\n }\n\n /**\n * render\n * @return {object} component DOM\n */\n render(): object {\n return this.renderLink(\n html`\n ${unsafeHTML(this._svgInfo)}\n `,\n );\n }\n}\n"],
|
|
5
|
+
"mappings": "yQACA,GAAO,GAAQ;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;GCUf,GAAM,CAAC,sBAAsB,WAU7B,eAAqC,EAAY,CA0B/C,aAAc,CACZ,MAAM,EAVN,UAAqB,KAIrB,qBAA2B,GAEpB,cAAoB,GAK3B,KAAK,QAAU,MACjB,WAzBY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAuBA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,EAAmB,aAAa,EAE1C,KAAK,SAAW,CAEpB,CAAC,CACH,CAMA,QAAiB,CACf,MAAO,MAAK,WACV;AAAA,UACI,EAAW,KAAK,QAAQ;AAAA,OAE9B,CACF,CACF,EAzC2C,GAAzC,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAAE,AAb3C,EAa2C,oBAIvC,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GACrC,AAjBJ,EAiBI,oBAIA,GADF,AAAC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,kBAAkB,CAAC,GACrE,AArBJ,EAqBI,+BAEO,GAAT,AAAC,EAAM,GAAE,AAvBX,EAuBW",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{a as u}from"./chunk.HVX5PATU.js";import{b as n,c as r,e as f}from"./chunk.HCMPRDIX.js";import{a as o}from"./chunk.ZS4C3T6Z.js";import{g as a}from"./chunk.5YJY6NT6.js";var c=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(c||{}),h=(i=>(i.submit="submit",i.cancel="cancel",i))(h||{}),t=class extends f{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(l=>l.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(s=>s.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let l=this.createValidateRule();l.setAttribute("type",i),e&&l.setAttribute("feedback",e),this.addValidationRule(l)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let d=Array.from(e.children).find(s=>s.type===i);d&&d.parentNode&&d.parentNode.removeChild(d)}render(){return o`
|
|
2
|
+
scw-form-component
|
|
3
|
+
`}};a([n({type:c,reflect:!0,attribute:"form-type"})],t.prototype,"formType",2),a([n({type:String})],t.prototype,"name",2),a([n({type:String})],t.prototype,"value",2),a([n({type:String})],t.prototype,"placeholder",2),a([n({type:String})],t.prototype,"selected",2),a([n({type:Boolean,attribute:"read-only"})],t.prototype,"readOnly",2),a([n({type:Boolean})],t.prototype,"required",2),a([n({type:String,attribute:"required-label"})],t.prototype,"requiredLabel",2),a([n({type:String,attribute:"required-feedback"})],t.prototype,"requiredFeedback",2),a([r()],t.prototype,"feedback",2),a([r()],t.prototype,"focused",2),a([r()],t.prototype,"invalid",2);export{c as a,h as b,t as c};
|
|
4
|
+
//# sourceMappingURL=chunk.FKI5D2PU.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/scw-form-component/scw-form-component.ts"],
|
|
4
|
+
"sourcesContent": ["import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport ScwValidate from '../scw-validate/scw-validate';\nimport ScwValidation from '../scw-validation/scw-validation';\nimport {ValidationResult, ValidationTypes}\n from '../scw-validate/validationTypes';\nimport getSuffix from '../utils/suffix';\n\nexport enum ScwFormComponentTypes {\n text = 'text',\n boolean = 'boolean',\n submit = 'submit'\n}\n\nexport enum ScwFormComponentSubmitTypes {\n submit = 'submit',\n cancel = 'cancel'\n}\n\n/**\n * ScwFormComponent\n * @class\n * @tag scw-form-component\n */\nexport default class ScwFormComponent extends ScwComponent {\n // ============== ScwFormComponent ===========================================\n /** (ScwFormComponent) the usage in a form (& scw-form a query target) */\n @property({\n type: ScwFormComponentTypes,\n reflect: true,\n attribute: 'form-type',\n })\n formType: ScwFormComponentTypes = ScwFormComponentTypes.text;\n\n /** (ScwFormComponent) name to identify form element and attach data */\n @property({type: String})\n name: string | undefined;\n\n /** (ScwFormComponent) name to identify form element and attach data */\n @property({type: String})\n value: string = '';\n\n /** (ScwFormComponent) text showing when there is no value */\n @property({type: String})\n placeholder: string = '';\n\n /** (ScwFormComponent) name to identify form element and attach data */\n @property({type: String})\n selected: boolean = false;\n\n /** (ScwFormComponent) read-only state management */\n @property({type: Boolean, attribute: 'read-only'})\n readOnly: boolean = false;\n\n /** (ScwFormComponent) required state management */\n @property({type: Boolean})\n required: boolean = false;\n\n /** (ScwFormComponent) label indicator for required */\n @property({type: String, attribute: 'required-label'})\n requiredLabel: string = ' *';\n\n /** (ScwFormComponent) label indicator for required */\n @property({type: String, attribute: 'required-feedback'})\n requiredFeedback?: string;\n\n // ===== STATE ===============================================================\n /** the text to use for feedback */\n @state() feedback: string | undefined;\n\n /** determines whether the input is focused or not */\n @state() focused : boolean = false;\n\n /** whether this form element is valid, passed validation */\n @state() invalid: boolean = false;\n\n /** connectedCallback */\n connectedCallback(): void {\n super.connectedCallback();\n if (this.required) {\n this.createAndAddValidationRule(\n ValidationTypes.required,\n this.requiredFeedback,\n );\n }\n }\n\n /** (ScwFormComponent) each form element to decorates the final data object\n * @param {Object} formData\n */\n decorateValues(formData: {}): void {\n if (!this.name) {\n this.warn(`${this.element} didn't find a name`);\n return;\n }\n if (this.formType === ScwFormComponentTypes.boolean) {\n formData[this.name] = this.selected;// ? 'true' : 'false';\n } else {\n formData[this.name] = this.value;\n }\n }\n\n /**\n * Check to see if form element is required w/o knowing if there is validation\n * @return {boolean}\n */\n findIfRequired() : boolean {\n const rules = this.findValidationRules();\n if (rules) {\n return rules.isRequired();\n }\n return false;\n }\n\n /**\n * Find validation child if there...\n * @return {ScwValidation | undefined}\n */\n findValidationRules() : ScwValidation | undefined {\n const childrenArr = Array.from(this.children);\n const validation = childrenArr.find((child: any) => {\n // component may not be initialized yet...\n return child.nodeName.indexOf('SCW-VALIDATION') === 0;\n // return child.element === Components.validation;\n });\n return validation as unknown as ScwValidation;\n }\n\n /**\n * run the validation rules if there...\n * @param {string} value\n * @return {ValidationResult[]}\n */\n validate() : ValidationResult[] {\n const validation = this.findValidationRules();\n let results : ValidationResult[] = [];\n if (validation) {\n results = validation.validate(this.value);\n }\n this.invalid = ( results.length > 0);\n if (this.invalid ) {\n this.feedback = results[0].feedback;\n } else {\n this.feedback = '';\n }\n return results;\n }\n\n\n /**\n * create a validation rule from scratch\n * @return {ScwValidate}\n */\n createValidateRule() : ScwValidate {\n return document.createElement(\n `scw-${Components.validate}${getSuffix()}`,\n ) as unknown as ScwValidate;\n }\n\n /**\n * add validation to to child validation (create if not there)\n * @param {ScwValidate} rule\n */\n addValidationRule(rule: ScwValidate ) {\n let validationRules = this.findValidationRules();\n if (!validationRules) {\n validationRules = document.createElement(\n `scw-${Components.validation}${getSuffix()}`,\n ) as unknown as ScwValidation;\n this.prepend( validationRules );\n }\n // Check for dups?\n const children = Array.from(validationRules.children);\n const existingRule = children.find((child : any) => {\n return child.getAttribute('type') === rule.type;\n });\n if ( !existingRule ) {\n validationRules.appendChild(rule);\n }\n }\n\n /**\n * create a validation of a certain type...\n * @param {ValidationTypes} type\n * @param {string} feedbackOverride\n */\n createAndAddValidationRule(\n type: ValidationTypes,\n feedbackOverride?: string,\n ) {\n const rule = this.createValidateRule();\n rule.setAttribute('type', type );// .type = type;\n if (feedbackOverride) {\n rule.setAttribute('feedback', feedbackOverride );\n }\n this.addValidationRule( rule );\n }\n\n /**\n *\n * @param {ValidationTypes} type\n */\n removeValidationRule(\n type: ValidationTypes,\n ) {\n const validationRules = this.findValidationRules();\n if (!validationRules) return;\n const children = Array.from(validationRules.children);\n const child = children.find(\n (child : any) => child.type === type,\n ) as unknown as HTMLElement;\n if ( child && child.parentNode ) child.parentNode.removeChild(child);\n }\n\n /**\n * render\n * @return {object} component DOM\n */\n render(): object {\n return html`\n scw-form-component\n `;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import{a as f}from"./chunk.5HZ4WTGH.js";import{c as w,e as h,f as d}from"./chunk.ZS4C3T6Z.js";var{H:O}=d,v=r=>r===null||typeof r!="object"&&typeof r!="function";var y=(r,a)=>{var i,n;return a===void 0?((i=r)===null||i===void 0?void 0:i._$litType$)!==void 0:((n=r)===null||n===void 0?void 0:n._$litType$)===a};var g=r=>r.strings===void 0;var{R:_,D:P,j:A,H:m,Z:E}=d,$=(r,a,i={})=>{if(a._$litPart$!==void 0)throw Error("container already contains a live render");let n,s,o=[],e=document.createTreeWalker(a,NodeFilter.SHOW_COMMENT,null,!1),t;for(;(t=e.nextNode())!==null;){let l=t.data;if(l.startsWith("lit-part")){if(o.length===0&&n!==void 0)throw Error("there must be only one root part per container");s=T(r,t,o,i),n!=null||(n=s)}else if(l.startsWith("lit-node")){R(t,o,i);let c=t.parentElement;c.hasAttribute("defer-hydration")&&c.removeAttribute("defer-hydration")}else if(l.startsWith("/lit-part")){if(o.length===1&&s!==n)throw Error("internal error");s=C(t,s,o)}}console.assert(n!==void 0,"there should be exactly one root part in a render container"),a._$litPart$=n},T=(r,a,i,n)=>{let s,o;if(i.length===0)o=new m(a,null,void 0,n),s=r;else{let e=i[i.length-1];if(e.type==="template-instance")o=new m(a,null,e.instance,n),e.instance.v.push(o),s=e.result.values[e.instancePartIndex++],e.templatePartIndex++;else if(e.type==="iterable"){o=new m(a,null,e.part,n);let t=e.iterator.next();if(t.done)throw s=void 0,e.done=!0,Error("Unhandled shorter than expected iterable");s=t.value,e.part._$AH.push(o)}else o=new m(a,null,e.part,n)}if(s=A(o,s),s===w)i.push({part:o,type:"leaf"});else if(v(s))i.push({part:o,type:"leaf"}),o._$AH=s;else if(y(s)){let e="lit-part "+H(s);if(a.data!==e)throw Error("Hydration value mismatch: Unexpected TemplateResult rendered to part");{let t=m.prototype._$AC(s),l=new _(t,o);i.push({type:"template-instance",instance:l,part:o,templatePartIndex:0,instancePartIndex:0,result:s}),o._$AH=l}}else P(s)?(i.push({part:o,type:"iterable",value:s,iterator:s[Symbol.iterator](),done:!1}),o._$AH=[]):(i.push({part:o,type:"leaf"}),o._$AH=s==null?"":s);return o},C=(r,a,i)=>{if(a===void 0)throw Error("unbalanced part marker");a._$AB=r;let n=i.pop();if(n.type==="iterable"&&!n.iterator.next().done)throw Error("unexpected longer than expected iterable");if(i.length>0)return i[i.length-1].part},R=(r,a,i)=>{var n;let s=/lit-node (\d+)/.exec(r.data),o=parseInt(s[1]),e=(n=r.previousSibling)!==null&&n!==void 0?n:r.parentElement,t=a[a.length-1];if(t.type!=="template-instance")throw Error("internal error");{let l=t.instance;for(;;){let c=l._$AD.parts[t.templatePartIndex];if(c===void 0||c.type!==f.ATTRIBUTE&&c.type!==f.ELEMENT||c.index!==o)break;if(c.type===f.ATTRIBUTE){let p=new c.ctor(e,c.name,c.strings,t.instance,i),u=g(p)?t.result.values[t.instancePartIndex]:t.result.values,x=!(p.type===f.EVENT||p.type===f.PROPERTY);p._$AI(u,p,t.instancePartIndex,x),t.instancePartIndex+=c.strings.length-1,l.v.push(p)}else{let p=new E(e,t.instance,i);A(p,t.result.values[t.instancePartIndex++]),l.v.push(p)}t.templatePartIndex++}}},H=r=>{let a=new Uint32Array(2).fill(5381);for(let i of r.strings)for(let n=0;n<i.length;n++)a[n%2]=33*a[n%2]^i.charCodeAt(n);return btoa(String.fromCharCode(...new Uint8Array(a.buffer)))};globalThis.litElementHydrateSupport=({LitElement:r})=>{let a=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(r),"observedAttributes").get;Object.defineProperty(r,"observedAttributes",{get(){return[...a.call(this),"defer-hydration"]}});let i=r.prototype.attributeChangedCallback;r.prototype.attributeChangedCallback=function(e,t,l){e==="defer-hydration"&&l===null&&n.call(this),i.call(this,e,t,l)};let n=r.prototype.connectedCallback;r.prototype.connectedCallback=function(){this.hasAttribute("defer-hydration")||n.call(this)};let s=r.prototype.createRenderRoot;r.prototype.createRenderRoot=function(){return this.shadowRoot?(this._$AG=!0,this.shadowRoot):s.call(this)};let o=Object.getPrototypeOf(r.prototype).update;r.prototype.update=function(e){let t=this.render();o.call(this,e),this._$AG?(this._$AG=!1,$(t,this.renderRoot,this.renderOptions)):h(t,this.renderRoot,this.renderOptions)}};var b={},I;async function V(r={}){let{components:a=!1,suffix:i=!1}=r;I={suffix:i};let n=!a,s=i?`-${i}`:"",o=[];function e(l,c){o.push((async()=>{let p=`${l}${s}`;if(!b[p]){b[p]=!0;try{window.customElements.define(p,(await c).default)}catch(u){console.error(p,u)}}})())}function t(l){if(n)return!0;if(Array.isArray(a))return a?a.includes(l):!1}return t("scw-component")&&e("scw-component",import("../scw-component/ScwComponent.js")),t("scw-form-component")&&e("scw-form-component",import("../scw-form-component/scw-form-component.js")),t("scw-card")&&e("scw-card",import("../scw-card/ScwCard.js")),t("scw-input-field")&&e("scw-input-field",import("../scw-input-field/scw-input-field.js")),t("scw-input-layout")&&e("scw-input-layout",import("../scw-input-layout/scw-input-layout.js")),t("scw-link")&&e("scw-link",import("../scw-link/ScwLink.js")),t("scw-button")&&e("scw-button",import("../scw-button/ScwButton.js")),t("scw-menu")&&e("scw-menu",import("../scw-menu/ScwMenu.js")),t("scw-menu-item")&&e("scw-menu-item",import("../scw-menu-item/ScwMenuItem.js")),t("scw-icon")&&e("scw-icon",import("../scw-icon/ScwIcon.js")),t("scw-heading")&&e("scw-heading",import("../scw-heading/ScwHeading.js")),t("scw-image")&&e("scw-image",import("../scw-image/ScwImage.js")),t("scw-input")&&e("scw-input",import("../scw-input/scw-input.js")),t("scw-single-input")&&e("scw-single-input",import("../scw-single-input/scw-single-input.js")),t("scw-single-input-layout")&&e("scw-single-input-layout",import("../scw-single-input-layout/scw-single-input-layout.js")),t("scw-responsive")&&e("scw-responsive",import("../scw-responsive/scw-responsive.js")),t("scw-validation")&&e("scw-validation",import("../scw-validation/scw-validation.js")),t("scw-validate")&&e("scw-validate",import("../scw-validate/scw-validate.js")),t("scw-flex-h-component")&&e("scw-flex-h-component",import("../scw-flex-h-component/scw-flex-h-component.js")),t("scw-flex-v-component")&&e("scw-flex-v-component",import("../scw-flex-v-component/scw-flex-v-component.js")),t("scw-stack-component")&&e("scw-stack-component",import("../scw-stack-component/scw-stack-component.js")),t("scw-layout-component")&&e("scw-layout-component",import("../scw-layout-component/scw-layout-component.js")),t("scw-element-component")&&e("scw-element-component",import("../scw-element-component/scw-element-component.js")),t("scw-center-component")&&e("scw-center-component",import("../scw-center-component/ScwCenterComponent.js")),t("scw-float-component")&&e("scw-float-component",import("../scw-float-component/scw-float-component.js")),t("scw-pane-component")&&e("scw-pane-component",import("../scw-pane-component/scw-pane-component.js")),t("scw-form")&&e("scw-form",import("../scw-form/scw-form.js")),t("scw-page-alert")&&e("scw-page-alert",import("../scw-page-alert/scw-page-alert.js")),t("scw-link-base")&&e("scw-link-base",import("../scw-link-base/ScwLinkBase.js")),t("scw-textarea")&&e("scw-textarea",import("../scw-textarea/scw-textarea.js")),t("scw-select")&&e("scw-select",import("../scw-select/scw-select.js")),t("scw-alert")&&e("scw-alert",import("../scw-alert/ScwAlert.js")),Promise.all(o)}export{g as a,I as b,V as c};
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2017 Google LLC
|
|
5
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2019 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/
|
|
12
|
+
/**
|
|
13
|
+
* @license
|
|
14
|
+
* Copyright 2020 Google LLC
|
|
15
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
+
*/
|
|
17
|
+
//# sourceMappingURL=chunk.FVDELYDN.js.map
|