scu-web-components 0.0.35 → 0.0.36

package/dist/chunks/chunk.HPVM5CYA.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-link/scss/scw-link.scss", "../../src/scw-link/scss/scw-link-text.scss", "../../src/scw-link/scss/scw-link-solid.scss", "../../src/scw-link/scss/scw-link-outlined.scss", "../../src/scw-link/scss/scw-link-plain.scss", "../../src/scw-link/ScwLink.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .label {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0U7RUFFRTtFQUNBO0VBQ0EifQ== */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=text]) .scw-link-base {\n  outline: none;\n  display: inline;\n}\n:host([design=text]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  text-decoration: underline;\n}\n\n:host([design=text]:hover) a.scw-link-base .label,\n:host([design=text][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=text][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXRleHQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi10ZXh0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItZGVzaWduLXRleHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1kZXNpZ24tdGV4dC1sYWJlbC1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQTtFQUNFO0VBQ0E7O0FBQ0E7RUNMQTtFQUNBO0VBRUU7RURJQTs7O0FBT0Y7QUFBQTtFRWRBO0VBQ0E7RUFFRTs7O0FGa0JGO0VHckJBO0VBQ0E7RUFJRSJ9 */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=solid]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-03, var(--scw-color-primary-03));\n  border-radius: 10px 10px 10px 10px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.5);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.5);\n  display: inline-flex;\n}\n:host([design=solid]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=solid]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n  min-height: 22px;\n}\n:host([design=solid]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=solid]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-10);\n}\n:host([design=solid]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([design=solid][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.4);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.4);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.4);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.4);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid]:hover) a.scw-link-base,\n:host([design=solid][hover]) a.scw-link-base {\n  background-color: var(--scw-color-01, var(--scw-color-primary-01));\n  border-radius: 10px 10px 10px 10px;\n}\n:host([design=solid]:hover) a.scw-link-base .label,\n:host([design=solid][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n}\n\n:host([design=solid][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 10px 10px 10px 10px;\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXNvbGlkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVmYXVsdC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2RlZmF1bHQtbGFiZWwtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVmYXVsdC1sZWZ0LWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLWxlZnQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLXJpZ2h0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JBO0VBQ0U7RUFDQTtFQ1pFO0VBSUY7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRG5CQTs7QUNvQkE7RUFDTTtFQUNBOztBRHBCTjtFRXBCQTtFQUNBO0VBSUU7RUZpQkEsWUdkSzs7QUhpQlA7RUlmQTtFQUNBOztBSmlCRTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsTUdoQ0U7O0FIaUNGO0VBQ0UsTUdsQ0E7OztBSHdDUjtFS1hFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUxNQTs7QUtMQTtFQUNNO0VBQ0E7OztBTEtSO0VNZkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTlVBOztBTVRBO0VBQ007RUFDQTs7O0FOV1I7QUFBQTtFT2pESTtFQUlGOztBUGdEQTtBQUFBO0VRdERBO0VBQ0E7RUFJRTs7O0FSdURKO0VTeERJO0VBRUY7O0FUd0RBO0VVOURBO0VBQ0E7RUFJRTs7QVY2REE7RUFDRSxNV2xFRTs7QVhtRUY7RUFDRSxNV3BFQSJ9 */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=outlined]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-04, var(--scw-color-primary-04));\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.3);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.3);\n  display: inline-flex;\n}\n:host([design=outlined]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=outlined]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  min-height: 22px;\n}\n:host([design=outlined]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=outlined]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-primary-03);\n}\n:host([design=outlined]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([design=outlined][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.2);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.2);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.2);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.2);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined]:hover) a.scw-link-base,\n:host([design=outlined][hover]) a.scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n:host([design=outlined]:hover) a.scw-link-base .label,\n:host([design=outlined][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=outlined][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLW91dGxpbmVkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGFiZWwtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVzaWduLW91dGxpbmVkLWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tbGVmdC1kZXNpZ24tb3V0bGluZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLXJpZ2h0LWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC12YXJzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJBO0VBQ0U7RUFDQTtFQ1hFO0VBRUY7RUFDQTtFQUNBO0VBRUU7RUEyQkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRDFCQTs7QUMyQkE7RUFDTTtFQUNBOztBRDNCTjtFRXBCQTtFQUNBO0VBRUU7RUZtQkEsWUdkSzs7QUhpQlA7RUlmQTtFQUNBOztBSmlCRTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsTUdoQ0U7O0FIaUNGO0VBQ0UsTUdsQ0E7OztBSHdDUjtFS0pFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUxEQTs7QUtFQTtFQUNNO0VBQ0E7OztBTERSO0VNVEU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTklBOztBTUhBO0VBQ007RUFDQTs7O0FOS1I7QUFBQTtFT2hESTtFQUVGO0VBQ0E7RUFDQTtFQUVFOztBUDZDRjtBQUFBO0VRdkRBO0VBQ0E7RUFFRTs7O0FSMERKO0VTekRJO0VBRUY7RUFDQTtFQUNBO0VBSUU7O0FUbURGO0VVL0RBO0VBQ0E7RUFJRTs7QVY4REE7RUFDRSxNV25FRTs7QVhvRUY7RUFDRSxNV3JFQSJ9 */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=plain]) .scw-link-base {\n  outline: none;\n  display: inline-block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXBsYWluLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDRTtFQUNBIn0= */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport styles from './scss/scw-link.scss';\nimport stylesText from './scss/scw-link-text.scss';\nimport stylesSolid from './scss/scw-link-solid.scss';\nimport stylesOutline from './scss/scw-link-outlined.scss';\nimport stylesPlain from './scss/scw-link-plain.scss';\nimport {\n  ScwLinkSide,\n  ScwLinkDesigns,\n} from './scw-link-enums';\nimport getIconSvg from '../utils/getIconSvg';\nimport {Components} from '../utils/enums/Components';\nimport {ScwMenuItemDesigns} from '../scw-menu-item/scw-menu-item-enums';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\n\n/**\n * ScwLink\n * @class\n * @tag scw-link\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 ScwLink extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwLink ==================================================\n  /**\n  * (ScwLink) Determines the icon to use with the text\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    icon: string | undefined;\n\n  /**\n  * (ScwLink) Determines which side the icon should show up on\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'icon-side'})\n    iconSide: ScwLinkSide = ScwLinkSide.left;\n\n  /**\n  * (ScwLink) The design style of the link.\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    design: ScwLinkDesigns | ScwMenuItemDesigns = ScwLinkDesigns.solid;\n\n  @state() _svgInfo = '';\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.link;\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(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * Way to extend valid design types...\n  * @return {object} object of valid designs relative to this object\n  */\n  validDesigns() : object {\n    return ScwLinkDesigns;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    if ( this.icon &&\n      this.design !== ScwLinkDesigns.plain &&\n      this.design !== ScwLinkDesigns.text ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * renderContent\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    const doShowIcon = this.doShowIcon();\n    // ssr is fighting injecting css this way...\n    const localCss = `<style>${this.findStyle().cssText}</style>`;\n\n    if (this.design === ScwLinkDesigns.plain) {\n      return html`\n        ${unsafeHTML(localCss)}\n        <slot></slot>\n      `;\n    }\n\n    return html`\n      ${doShowIcon && this.iconSide === ScwLinkSide.left ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}\n        ${unsafeHTML(localCss)}\n        <div class=\"label\">\n          ${this.ariaLabel}\n        </div>\n      ${doShowIcon && this.iconSide === ScwLinkSide.right ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}`;\n  }\n\n  /**\n   * find the style per design\n   * @return {object}\n   */\n  findStyle() {\n    switch (this.design) {\n      case ScwLinkDesigns.solid:\n        return stylesSolid;\n      case ScwLinkDesigns.outlined:\n        return stylesOutline;\n      case ScwLinkDesigns.text:\n        return stylesText;\n      case ScwLinkDesigns.plain:\n      default:\n        return stylesPlain;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n        this.renderContent(),\n    );\n  }\n}\n"],
+  "mappings": "kUACA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;qVCAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ixBCAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;69DCAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6tECAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;qVC2Bf,IAAqBC,EAArB,cAAqCC,CAAY,CAsC/C,aAAc,CACZ,MAAM,EAfN,qBAOA,oBAEO,cAAW,GAOlB,KAAK,cACP,CArCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAmCA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,KAAK,SAAWA,CAEpB,CAAC,CACH,CAMA,cAAwB,CACtB,OAAOC,CACT,CAMA,YAAuB,CACrB,MAAK,QAAK,MACR,KAAK,kBACL,KAAK,gBAIT,CAMA,eAAwB,CACtB,IAAMC,EAAa,KAAK,WAAW,EAE7BC,EAAW,UAAU,KAAK,UAAU,EAAE,kBAE5C,OAAI,KAAK,iBACAC;AAAA,UACHC,EAAWF,CAAQ;AAAA;AAAA,QAKlBC;AAAA,QACHF,GAAc,KAAK,kBACrBE;AAAA;AAAA,YAEMC,EAAW,KAAK,QAAQ;AAAA,gBAClB;AAAA,UACRA,EAAWF,CAAQ;AAAA;AAAA,YAEjB,KAAK;AAAA;AAAA,QAETD,GAAc,KAAK,mBACrBE;AAAA;AAAA,YAEMC,EAAW,KAAK,QAAQ;AAAA,gBAClB,IAChB,CAMA,WAAY,CACV,OAAQ,KAAK,oBAET,OAAOC,iBAEP,OAAOC,aAEP,OAAOC,sBAGP,OAAOC,EAEb,CAMA,QAAiB,CACf,OAAO,KAAK,WACR,KAAK,cAAc,CACvB,CACF,CACF,EAvHIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBf,EAiBjB,oBAOAc,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,WAAW,CAAC,GAvB5Cf,EAwBjB,wBAOAc,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA9BpBf,EA+BjB,sBAEOc,EAAA,CAARE,EAAM,GAjCYhB,EAiCV",
+  "names": ["scw_link_default", "scw_link_text_default", "scw_link_solid_default", "scw_link_outlined_default", "scw_link_plain_default", "ScwLink", "ScwLinkBase", "scw_link_default", "getIconSvg", "svgInfo", "ScwLinkDesigns", "doShowIcon", "localCss", "y", "o", "scw_link_solid_default", "scw_link_outlined_default", "scw_link_text_default", "scw_link_plain_default", "__decorateClass", "e", "t"]
+}

package/dist/chunks/{chunk.33FSL7Y7.js → chunk.I22BAQME.js}

@@ -1,2 +1,2 @@
 var r=class{constructor(){this._mediaQueries={}}addBreakpointListener(e,t){e.map(i=>{let s=this.breakpointToQuery(i);this.addListener(s,t)})}removeBreakpointListener(e,t){e.map(i=>{let s=this.breakpointToQuery(i);this.removeListener(s,t)})}breakpointToQuery(e){return`(min-width: ${e.minWidth}px) and (max-width: ${e.maxWidth}px)`}addListener(e,t){this._mediaQueries[e]||(this._mediaQueries[e]={listeners:[],mediaQueryList:window.matchMedia(e)});let i=this._mediaQueries[e];i.listeners.push(t),i.mediaQueryList.addEventListener("change",t)}removeListener(e,t){if(this._mediaQueries[e]){let i=this._mediaQueries[e];i.mediaQueryList.removeEventListener("change",t);let s=i.listeners.filter(n=>n!==t);i.listeners=s,s.length===0&&delete this._mediaQueries[e]}}},d=new r;export{d as a};
-//# sourceMappingURL=chunk.33FSL7Y7.js.map
+//# sourceMappingURL=chunk.I22BAQME.js.map

package/dist/chunks/chunk.I22BAQME.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/observers/mediaQueryListSingleton.ts"],
+  "sourcesContent": ["import {Breakpoint} from '../responsive/BreakpointTypes';\n\ninterface MediaQueryListContainer {\n  listeners: ((evt: MediaQueryListEvent) => void)[];\n  mediaQueryList: MediaQueryList;\n}\n\n/**\n * Singleton for MediaQueryListSingleton (instance exported below)\n */\nclass MediaQueryListSingleton {\n  /** media query lookup */\n  _mediaQueries : {[key:string]:MediaQueryListContainer} = {};\n\n  /**\n  * add via a list of breakpoints\n  * @param {Breakpoint[]} breakpoints\n  * @param {Function} listener\n  */\n  addBreakpointListener(\n      breakpoints: Breakpoint[],\n      listener: (evt : MediaQueryListEvent) => void,\n  ) {\n    breakpoints.map((breakpoint) => {\n      const query = this.breakpointToQuery( breakpoint );\n      this.addListener( query, listener );\n    });\n  }\n\n  /**\n  * remove via a list of breakpoints\n  * @param {Breakpoint[]} breakpoints\n  * @param {Function} listener\n  */\n  removeBreakpointListener(\n      breakpoints: Breakpoint[],\n      listener: (evt : MediaQueryListEvent) => void,\n  ) {\n    breakpoints.map((breakpoint) => {\n      const query = this.breakpointToQuery( breakpoint );\n      this.removeListener( query, listener );\n    });\n  }\n\n  /**\n  * centralize serializng breakpoint\n  * @param {Breakpoint} breakpoint\n  * @return {string}\n  */\n  breakpointToQuery(\n      breakpoint: Breakpoint,\n  ): string {\n    return `(min-width: ${\n      breakpoint.minWidth}px) and (max-width: ${breakpoint.maxWidth}px)`;\n  }\n\n  /**\n  * add a query string to listen to...\n  * @param {string} query\n  * @param {Function} listener\n  */\n  addListener(\n      query: string,\n      listener: (evt : MediaQueryListEvent) => void,\n  ) {\n    // con sole.log( '[MediaQueryListSingleton] addListener', query )\n    if (!this._mediaQueries[query]) {\n      this._mediaQueries[query] = {\n        listeners: [],\n        mediaQueryList: window.matchMedia(query),\n      };\n    }\n    const mediaObj = this._mediaQueries[query];\n    mediaObj.listeners.push( listener );\n    mediaObj.mediaQueryList.addEventListener(\n        'change',\n        listener,\n    );\n  }\n\n  /**\n  * remove query string from listener\n  * @param {string} query\n  * @param {Function} listener\n  */\n  removeListener(\n      query: string,\n      listener: (evt : MediaQueryListEvent) => void,\n  ) {\n    // con sole.log( '[MediaQueryListSingleton] removeListener', query );\n    if (this._mediaQueries[query]) {\n      const mediaObj = this._mediaQueries[query];\n      mediaObj.mediaQueryList.removeEventListener(\n          'change',\n          listener,\n      );\n      const newListeners = mediaObj.listeners.filter((listenerInList) => {\n        return listenerInList !== listener;\n      });\n      mediaObj.listeners = newListeners;\n      if (newListeners.length === 0) {\n        delete this._mediaQueries[query];\n        /* con sole.log(\n          `removed media query for ${query}`,\n          Object.keys( this._mediaQueries )\n        ); */\n      }\n    }\n  }\n}\n\nexport default new MediaQueryListSingleton();\n"],
+  "mappings": "AAUA,IAAMA,EAAN,KAA8B,CAA9B,cAEE,mBAAyD,CAAC,EAO1D,sBACIC,EACAC,EACF,CACAD,EAAY,IAAKE,GAAe,CAC9B,IAAMC,EAAQ,KAAK,kBAAmBD,CAAW,EACjD,KAAK,YAAaC,EAAOF,CAAS,CACpC,CAAC,CACH,CAOA,yBACID,EACAC,EACF,CACAD,EAAY,IAAKE,GAAe,CAC9B,IAAMC,EAAQ,KAAK,kBAAmBD,CAAW,EACjD,KAAK,eAAgBC,EAAOF,CAAS,CACvC,CAAC,CACH,CAOA,kBACIC,EACM,CACR,MAAO,eACLA,EAAW,+BAA+BA,EAAW,aACzD,CAOA,YACIC,EACAF,EACF,CAEK,KAAK,cAAcE,KACtB,KAAK,cAAcA,GAAS,CAC1B,UAAW,CAAC,EACZ,eAAgB,OAAO,WAAWA,CAAK,CACzC,GAEF,IAAMC,EAAW,KAAK,cAAcD,GACpCC,EAAS,UAAU,KAAMH,CAAS,EAClCG,EAAS,eAAe,iBACpB,SACAH,CACJ,CACF,CAOA,eACIE,EACAF,EACF,CAEA,GAAI,KAAK,cAAcE,GAAQ,CAC7B,IAAMC,EAAW,KAAK,cAAcD,GACpCC,EAAS,eAAe,oBACpB,SACAH,CACJ,EACA,IAAMI,EAAeD,EAAS,UAAU,OAAQE,GACvCA,IAAmBL,CAC3B,EACDG,EAAS,UAAYC,EACjBA,EAAa,SAAW,GAC1B,OAAO,KAAK,cAAcF,EAM9B,CACF,CACF,EAEOI,EAAQ,IAAIR",
+  "names": ["MediaQueryListSingleton", "breakpoints", "listener", "breakpoint", "query", "mediaObj", "newListeners", "listenerInList", "mediaQueryListSingleton_default"]
+}

package/dist/chunks/{chunk.V2DFPUQM.js → chunk.IM5FVLMU.js}

@@ -1,2 +1,2 @@
-function s(e,t,l="Must be a number"){let r=!1;if(!e||e==="")return r;let d="^(\\d+|\\d{1,3}(,\\d{3})*)(\\.\\d+)?$";return t===0&&(d="^(\\d+|\\d{1,3}(,\\d{3})*)$"),t&&(d=`^(\\d?|\\d+|\\d{1,3}(,\\d{3})*)(\\.\\d{${t}})?$`),RegExp(d,"gm").test(e.trim())||(r={type:"number",valid:!1,feedback:l}),r}export{s as a};
-//# sourceMappingURL=chunk.V2DFPUQM.js.map
+function n(e,t,s="Must be a number"){let r=!1;if(!e||e==="")return r;let d="^(\\d+|\\d{1,3}(,\\d{3})*)(\\.\\d+)?$";return t===0&&(d="^(\\d+|\\d{1,3}(,\\d{3})*)$"),t&&(d=`^(\\d?|\\d+|\\d{1,3}(,\\d{3})*)(\\.\\d{${t}})?$`),RegExp(d,"gm").test(e.trim())||(r={type:"number",valid:!1,feedback:s}),r}export{n as a};
+//# sourceMappingURL=chunk.IM5FVLMU.js.map

package/dist/chunks/chunk.IM5FVLMU.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-validate/rules/number.ts"],
+  "sourcesContent": ["import {ValidationResult, ValidationTypes} from '../validationTypes';\n\n// https://stackoverflow.com/questions/5917082/regular-expression-to-match-numbers-with-or-without-commas-and-decimals-in-text\n/**\n * validates for valid numbers\n * @param {string} value\n * @param {number} decimalLimit\n * @param {string} feedback\n * @return {ValidationResult | false}\n */\nexport default function validateNumber(\n    value : string,\n    decimalLimit : number,\n    feedback = 'Must be a number',\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n  if (!value || value === '') {\n    return result;// don't want to force required like validation...\n  }\n\n  let regexStr = '^(\\\\d+|\\\\d{1,3}(,\\\\d{3})*)(\\\\.\\\\d+)?$';\n  if ( decimalLimit === 0 ) {\n    regexStr = `^(\\\\d+|\\\\d{1,3}(,\\\\d{3})*)$`;\n  }\n  if (decimalLimit ) {\n    regexStr = `^(\\\\d?|\\\\d+|\\\\d{1,3}(,\\\\d{3})*)(\\\\.\\\\d{${decimalLimit}})?$`;\n    // ^(\\d?|\\d+|\\d{1,3}(,\\d{3})*)(\\.\\d{2})?$\n    // ^(\\\\d?|\\\\d+|\\\\d{1,3}(,\\\\d{3})*)(\\\\.\\\\d{${decimalLimit}})?$\n  }\n\n  const regex = RegExp(regexStr, 'gm');\n  const test = regex.test(value.trim());\n\n  if (!test) {\n    result = {\n      type: ValidationTypes.number,\n      valid: false,\n      feedback,\n    };\n  }\n\n  return result;\n}\n"],
+  "mappings": "AAUe,SAARA,EACHC,EACAC,EACAC,EAAW,mBACc,CAC3B,IAAIC,EAAoC,GACxC,GAAI,CAACH,GAASA,IAAU,GACtB,OAAOG,EAGT,IAAIC,EAAW,wCACf,OAAKH,IAAiB,IACpBG,EAAW,+BAETH,IACFG,EAAW,0CAA0CH,SAKzC,OAAOG,EAAU,IAAI,EAChB,KAAKJ,EAAM,KAAK,CAAC,IAGlCG,EAAS,CACP,cACA,MAAO,GACP,SAAAD,CACF,GAGKC,CACT",
+  "names": ["validateNumber", "value", "decimalLimit", "feedback", "result", "regexStr"]
+}

package/dist/chunks/{chunk.SWOOH3JG.js → chunk.J7SGRJXX.js}

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk.A2HETGP5.js";import{e}from"./chunk.5YJY6NT6.js";var t=e(r(),1);function s(i,l="Must be an email"){let a=!1;return!i||i===""||t.default.isEmail(i)||(a={type:"email",valid:!1,feedback:l}),a}export{s as a};
-//# sourceMappingURL=chunk.SWOOH3JG.js.map
+import{a as r}from"./chunk.223WJTWZ.js";import{e}from"./chunk.5YJY6NT6.js";var t=e(r(),1);function s(i,l="Must be an email"){let a=!1;return!i||i===""||t.default.isEmail(i)||(a={type:"email",valid:!1,feedback:l}),a}export{s as a};
+//# sourceMappingURL=chunk.J7SGRJXX.js.map

package/dist/chunks/chunk.J7SGRJXX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-validate/rules/email.ts"],
+  "sourcesContent": ["import {ValidationResult, ValidationTypes} from '../validationTypes';\nimport validator from 'validator';\n\n/**\n * validates for a valid email\n * @param {string} value\n * @param {string} feedback\n * @return {ValidationResult | false}\n */\nexport default function validateEmail(\n    value : string,\n    feedback = 'Must be an email',\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n  if (!value || value === '') {\n    return result;// don't want to force required like validation...\n  }\n  if (!validator.isEmail(value)) {\n    result = {\n      type: ValidationTypes.email,\n      valid: false,\n      feedback,\n    };\n  }\n\n  return result;\n}\n"],
+  "mappings": "2EACA,IAAAA,EAAsB,SAQP,SAARC,EACHC,EACAC,EAAW,mBACc,CAC3B,IAAIC,EAAoC,GACxC,MAAI,CAACF,GAASA,IAAU,IAGnB,EAAAG,QAAU,QAAQH,CAAK,IAC1BE,EAAS,CACP,aACA,MAAO,GACP,SAAAD,CACF,GAGKC,CACT",
+  "names": ["import_validator", "validateEmail", "value", "feedback", "result", "validator"]
+}

package/dist/chunks/{chunk.KJY4QBTF.js → chunk.JAF2EZZL.js}

@@ -27,4 +27,4 @@ Consider to rely on 'then' or 'done' mode instead.`);_&&(delete c[m],d[m]=T,s.em
  * distribute or in any file that contains substantial portions of this source
  * code.
  */
-//# sourceMappingURL=chunk.KJY4QBTF.js.map
+//# sourceMappingURL=chunk.JAF2EZZL.js.map