diff --git a/dist/css/dk-badge-all.css b/dist/css/dk-badge-all.css index 4e98877..f8f2716 100644 --- a/dist/css/dk-badge-all.css +++ b/dist/css/dk-badge-all.css @@ -1 +1 @@ -#dk-badge-wrapper{--dkb-font-family: Arial, "Helvetica Neue", system-ui, -apple-system, "verdana", "Segoe UI", Roboto, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dkb-color-primary: #2D2AD3;--dkb-color-secondary: #00BC62;--dkb-color-text: #585284;--dkb-color-text-light: var(--dkb-color-text);--dkb-color-text-strong: #070041;--dkb-color-contrast: #fff}#dk-badge-wrapper .dk-badge{font-family:var(--dkb-font-family) !important;font-size:.875rem;position:relative;background-color:var(--dkb-color-contrast);color:var(--dkb-color-text);font-weight:500;margin:0;text-align:center;box-shadow:0px 8px 16px 0px rgba(7,0,65,.08),0px 2px 6px 0px rgba(7,0,65,.08)}#dk-badge-wrapper .dk-badge_title{margin:1rem .625rem .3125rem}#dk-badge-wrapper .dk-badge_title span:nth-child(3){display:none}#dk-badge-wrapper .dk-badge_co2{display:block;margin:.25rem 0 0;font-size:1rem;font-weight:bold;color:var(--dkb-color-primary)}#dk-badge-wrapper .dk-badge_data{margin:.5rem .2rem}#dk-badge-wrapper .dk-badge_data strong{font-weight:bold;color:var(--dkb-color-text-strong)}#dk-badge-wrapper .dk-badge_data a{color:inherit}#dk-badge-wrapper .dk-badge_data .is-small{margin-top:.2rem;display:block;font-size:.75rem}#dk-badge-wrapper .dk-badge_data:last-child{color:var(--dkb-color-text-light)}#dk-badge-wrapper .dk-badge_button{background-color:transparent;color:var(--dkb-color-text);border:none;padding:0;cursor:pointer}#dk-badge-wrapper .dk-badge_button svg .v,#dk-badge-wrapper .dk-badge_button svg.h,#dk-badge-wrapper .dk-badge_button svg{transform-origin:center;transition:transform .2s ease-in-out}#dk-badge-wrapper .dk-badge_button:hover,#dk-badge-wrapper .dk-badge_button:focus,#dk-badge-wrapper .dk-badge_button:active{outline:2px solid var(--dkb-color-primary);outline-offset:2px}#dk-badge-wrapper [data-dk-badge-content]{display:none}#dk-badge-wrapper [data-dk-badge-content][data-expanded=true]{display:block}#dk-badge-wrapper .sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{padding-bottom:1.5rem;margin-bottom:1rem;display:inline-block;max-width:10.625rem;border-radius:4px;border-top:4px solid var(--dkb-color-secondary)}@media(min-width: 23rem){#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{bottom:1rem;right:1rem;position:fixed;z-index:100}}#dk-badge-wrapper .is-compact .dk-badge_button,#dk-badge-wrapper .is-full .dk-badge_button{background-color:var(--dkb-color-primary);color:var(--dkb-color-contrast);position:absolute;bottom:calc(-.75rem/2 - 1.3125rem);left:50%;transform:translateX(-50%);border-radius:50%;padding:.75rem;width:2.625rem;height:2.625rem}#dk-badge-wrapper .is-compact .dk-badge_button svg .v,#dk-badge-wrapper .is-full .dk-badge_button svg .v{transform:rotate(90deg) translate(0, 4px)}#dk-badge-wrapper .is-compact .dk-badge_button svg .c,#dk-badge-wrapper .is-full .dk-badge_button svg .c{display:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=true] svg .v,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=true] svg .v{transform:rotate(0deg)}#dk-badge-wrapper .is-compact .dk-badge_hr,#dk-badge-wrapper .is-full .dk-badge_hr{margin:.625rem 0;border:none;border-top:1px solid #cdccd9}#dk-badge-wrapper .is-compact{padding-bottom:0}#dk-badge-wrapper .is-compact .dk-badge_title{margin-bottom:0}#dk-badge-wrapper .is-compact .dk-badge_title span:nth-child(1){display:none}#dk-badge-wrapper .is-compact .dk-badge_title span:nth-child(3){display:block}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]{position:static;transform:none;height:0;width:0;padding:0}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false] svg{display:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:focus-visible::before{outline:2px solid var(--dkb-color-primary);outline-offset:-2px}#dk-badge-wrapper .is-compact .dk-badge_content[data-expanded=true]{padding-bottom:1.5rem}@media(max-width: 50rem){#dk-badge-wrapper .is-full{padding-bottom:0}#dk-badge-wrapper .is-full .dk-badge_title{margin-bottom:0}#dk-badge-wrapper .is-full .dk-badge_title span:nth-child(1){display:none}#dk-badge-wrapper .is-full .dk-badge_title span:nth-child(3){display:block}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]{position:static;transform:none;height:0;width:0;padding:0}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false] svg{display:none}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:focus-visible::before{outline:2px solid var(--dkb-color-primary);outline-offset:-2px}#dk-badge-wrapper .is-full .dk-badge_content[data-expanded=true]{padding-bottom:1.5rem}}#dk-badge-wrapper .is-footer{padding:0 .5rem .5rem}#dk-badge-wrapper .is-footer .dk-badge_title{display:inline-flex;align-items:center;margin-right:0}#dk-badge-wrapper .is-footer .dk-badge_title>span{margin:0 .25rem}#dk-badge-wrapper .is-footer .dk-badge_button{display:inline-flex;vertical-align:middle;margin:0 0 .15rem .15rem;width:.9375rem;height:.9375rem}#dk-badge-wrapper .is-footer .dk-badge_button::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-footer .dk-badge_button svg .v,#dk-badge-wrapper .is-footer .dk-badge_button svg .h{display:none}#dk-badge-wrapper .is-footer .dk-badge_button[aria-expanded=true] svg{transform:rotate(-180deg)}#dk-badge-wrapper .is-footer .dk-badge_content{position:relative;z-index:1}#dk-badge-wrapper .is-footer .dk-badge_hr{display:none}#dk-badge-wrapper .is-footer .dk-badge_data{display:inline-flex}#dk-badge-wrapper .is-footer .dk-badge_data+.dk-badge_data{margin:.75rem .5rem}#dk-badge-wrapper .is-footer .dk-badge_data+.dk-badge_data::before{content:"•";color:var(--dkb-color-primary);margin:0 1rem 0 0}#dk-badge-wrapper .is-footer .dk-badge_data:last-child{display:block} +#dk-badge-wrapper{font-size:1rem !important}#dk-badge-wrapper{--dkb-font-family: Arial, "Helvetica Neue", system-ui, -apple-system, "verdana", "Segoe UI", Roboto, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dkb-color-primary: #2D2AD3;--dkb-color-secondary: #00BC62;--dkb-color-text: #585284;--dkb-color-text-light: var(--dkb-color-text);--dkb-color-text-strong: #070041;--dkb-color-contrast: #fff}#dk-badge-wrapper .dk-badge{font-family:var(--dkb-font-family) !important;line-height:1.5;position:relative;background-color:var(--dkb-color-contrast);color:var(--dkb-color-text);font-weight:500;margin:0;text-align:center;box-shadow:0px 8px 16px 0px rgba(7,0,65,.08),0px 2px 6px 0px rgba(7,0,65,.08)}#dk-badge-wrapper .dk-badge p{font-size:.875em}#dk-badge-wrapper .dk-badge_title{margin:1em .625em .3125em}#dk-badge-wrapper .dk-badge_title span:nth-child(3){display:none}#dk-badge-wrapper .dk-badge_co2{display:block;margin:.25em 0 0;font-size:1.125em;font-weight:bold;color:var(--dkb-color-primary)}#dk-badge-wrapper .dk-badge_data{margin:.5em .2em}#dk-badge-wrapper .dk-badge_data strong{font-weight:bold;color:var(--dkb-color-text-strong)}#dk-badge-wrapper .dk-badge_data a{color:inherit;text-decoration:underline}#dk-badge-wrapper .dk-badge_data .is-small{margin-top:.2em;display:block;font-size:.875em}#dk-badge-wrapper .dk-badge_data:last-child{color:var(--dkb-color-text-light)}#dk-badge-wrapper .dk-badge_button{background-color:transparent;color:var(--dkb-color-text);border:none;padding:0;cursor:pointer}#dk-badge-wrapper .dk-badge_button svg{vertical-align:unset}#dk-badge-wrapper .dk-badge_button svg .v,#dk-badge-wrapper .dk-badge_button svg.h,#dk-badge-wrapper .dk-badge_button svg{transform-origin:center;transition:transform .2s ease-in-out}#dk-badge-wrapper .dk-badge_button:hover,#dk-badge-wrapper .dk-badge_button:focus,#dk-badge-wrapper .dk-badge_button:active{outline:2px solid var(--dkb-color-primary);outline-offset:2px}#dk-badge-wrapper [data-dk-badge-content]{display:none}#dk-badge-wrapper [data-dk-badge-content][data-expanded=true]{display:block}#dk-badge-wrapper .sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{padding-bottom:1.5em;margin-bottom:1em;display:inline-block;max-width:10.625em;border-radius:4px;border-top:4px solid var(--dkb-color-secondary)}@media(min-width: 23em){#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{bottom:1em;right:1em;position:fixed;z-index:100}}#dk-badge-wrapper .is-compact .dk-badge_button,#dk-badge-wrapper .is-full .dk-badge_button{font-size:inherit;background-color:var(--dkb-color-primary);color:var(--dkb-color-contrast);position:absolute;bottom:calc(-.75em/2 - 1em);left:50%;transform:translateX(-50%);border-radius:50%;padding:.75em;width:2.625em;height:2.625em}#dk-badge-wrapper .is-compact .dk-badge_button svg .v,#dk-badge-wrapper .is-full .dk-badge_button svg .v{transform:rotate(90deg) translate(0, 4px)}#dk-badge-wrapper .is-compact .dk-badge_button svg .c,#dk-badge-wrapper .is-full .dk-badge_button svg .c{display:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=true] svg .v,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=true] svg .v{transform:rotate(0deg)}#dk-badge-wrapper .is-compact .dk-badge_hr,#dk-badge-wrapper .is-full .dk-badge_hr{margin:.625em 0;border:none;border-top:1px solid #cdccd9}#dk-badge-wrapper .is-compact{padding-bottom:0}#dk-badge-wrapper .is-compact .dk-badge_title{margin-bottom:0}#dk-badge-wrapper .is-compact .dk-badge_title span:nth-child(1){display:none}#dk-badge-wrapper .is-compact .dk-badge_title span:nth-child(3){display:block}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]{position:static;transform:none;height:0;width:0;padding:0}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:hover,#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:focus,#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:active{outline:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false] svg{display:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:hover::before,#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:focus::before,#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:active::before{outline:2px solid var(--dkb-color-primary);outline-offset:-2px}#dk-badge-wrapper .is-compact .dk-badge_content[data-expanded=true]{padding-bottom:1.5em}@media(max-width: 50em){#dk-badge-wrapper .is-full{padding-bottom:0}#dk-badge-wrapper .is-full .dk-badge_title{margin-bottom:0}#dk-badge-wrapper .is-full .dk-badge_title span:nth-child(1){display:none}#dk-badge-wrapper .is-full .dk-badge_title span:nth-child(3){display:block}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]{position:static;transform:none;height:0;width:0;padding:0}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:hover,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:focus,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:active{outline:none}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false] svg{display:none}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:hover::before,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:focus::before,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:active::before{outline:2px solid var(--dkb-color-primary);outline-offset:-2px}#dk-badge-wrapper .is-full .dk-badge_content[data-expanded=true]{padding-bottom:1.5em}}#dk-badge-wrapper .is-footer{padding:0 .5em .5em}#dk-badge-wrapper .is-footer .dk-badge_title{display:inline-flex;align-items:center;margin-right:0}#dk-badge-wrapper .is-footer .dk-badge_title>span{margin:0 .25em}#dk-badge-wrapper .is-footer .dk-badge_button{display:inline-flex;vertical-align:middle;margin:0 0 .15em .15em;width:.9375em;height:.9375em}#dk-badge-wrapper .is-footer .dk-badge_button::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-footer .dk-badge_button svg .v,#dk-badge-wrapper .is-footer .dk-badge_button svg .h{display:none}#dk-badge-wrapper .is-footer .dk-badge_button[aria-expanded=true] svg{transform:rotate(-180deg)}#dk-badge-wrapper .is-footer .dk-badge_content{position:relative;z-index:1}#dk-badge-wrapper .is-footer .dk-badge_hr{display:none}#dk-badge-wrapper .is-footer .dk-badge_data{display:inline-flex}#dk-badge-wrapper .is-footer .dk-badge_data+.dk-badge_data{margin:.75em .5em}#dk-badge-wrapper .is-footer .dk-badge_data+.dk-badge_data::before{content:"•";color:var(--dkb-color-primary);margin:0 1em 0 0}#dk-badge-wrapper .is-footer .dk-badge_data:last-child{display:block} diff --git a/dist/css/dk-badge-compact.css b/dist/css/dk-badge-compact.css index aa1c838..71e27ad 100644 --- a/dist/css/dk-badge-compact.css +++ b/dist/css/dk-badge-compact.css @@ -1 +1 @@ -#dk-badge-wrapper{--dkb-font-family: Arial, "Helvetica Neue", system-ui, -apple-system, "verdana", "Segoe UI", Roboto, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dkb-color-primary: #2D2AD3;--dkb-color-secondary: #00BC62;--dkb-color-text: #585284;--dkb-color-text-light: var(--dkb-color-text);--dkb-color-text-strong: #070041;--dkb-color-contrast: #fff}#dk-badge-wrapper .dk-badge{font-family:var(--dkb-font-family) !important;font-size:.875rem;position:relative;background-color:var(--dkb-color-contrast);color:var(--dkb-color-text);font-weight:500;margin:0;text-align:center;box-shadow:0px 8px 16px 0px rgba(7,0,65,.08),0px 2px 6px 0px rgba(7,0,65,.08)}#dk-badge-wrapper .dk-badge_title{margin:1rem .625rem .3125rem}#dk-badge-wrapper .dk-badge_title span:nth-child(3){display:none}#dk-badge-wrapper .dk-badge_co2{display:block;margin:.25rem 0 0;font-size:1rem;font-weight:bold;color:var(--dkb-color-primary)}#dk-badge-wrapper .dk-badge_data{margin:.5rem .2rem}#dk-badge-wrapper .dk-badge_data strong{font-weight:bold;color:var(--dkb-color-text-strong)}#dk-badge-wrapper .dk-badge_data a{color:inherit}#dk-badge-wrapper .dk-badge_data .is-small{margin-top:.2rem;display:block;font-size:.75rem}#dk-badge-wrapper .dk-badge_data:last-child{color:var(--dkb-color-text-light)}#dk-badge-wrapper .dk-badge_button{background-color:transparent;color:var(--dkb-color-text);border:none;padding:0;cursor:pointer}#dk-badge-wrapper .dk-badge_button svg .v,#dk-badge-wrapper .dk-badge_button svg.h,#dk-badge-wrapper .dk-badge_button svg{transform-origin:center;transition:transform .2s ease-in-out}#dk-badge-wrapper .dk-badge_button:hover,#dk-badge-wrapper .dk-badge_button:focus,#dk-badge-wrapper .dk-badge_button:active{outline:2px solid var(--dkb-color-primary);outline-offset:2px}#dk-badge-wrapper [data-dk-badge-content]{display:none}#dk-badge-wrapper [data-dk-badge-content][data-expanded=true]{display:block}#dk-badge-wrapper .sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{padding-bottom:1.5rem;margin-bottom:1rem;display:inline-block;max-width:10.625rem;border-radius:4px;border-top:4px solid var(--dkb-color-secondary)}@media(min-width: 23rem){#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{bottom:1rem;right:1rem;position:fixed;z-index:100}}#dk-badge-wrapper .is-compact .dk-badge_button,#dk-badge-wrapper .is-full .dk-badge_button{background-color:var(--dkb-color-primary);color:var(--dkb-color-contrast);position:absolute;bottom:calc(-.75rem/2 - 1.3125rem);left:50%;transform:translateX(-50%);border-radius:50%;padding:.75rem;width:2.625rem;height:2.625rem}#dk-badge-wrapper .is-compact .dk-badge_button svg .v,#dk-badge-wrapper .is-full .dk-badge_button svg .v{transform:rotate(90deg) translate(0, 4px)}#dk-badge-wrapper .is-compact .dk-badge_button svg .c,#dk-badge-wrapper .is-full .dk-badge_button svg .c{display:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=true] svg .v,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=true] svg .v{transform:rotate(0deg)}#dk-badge-wrapper .is-compact .dk-badge_hr,#dk-badge-wrapper .is-full .dk-badge_hr{margin:.625rem 0;border:none;border-top:1px solid #cdccd9}#dk-badge-wrapper .is-compact{padding-bottom:0}#dk-badge-wrapper .is-compact .dk-badge_title{margin-bottom:0}#dk-badge-wrapper .is-compact .dk-badge_title span:nth-child(1){display:none}#dk-badge-wrapper .is-compact .dk-badge_title span:nth-child(3){display:block}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]{position:static;transform:none;height:0;width:0;padding:0}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false] svg{display:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:focus-visible::before{outline:2px solid var(--dkb-color-primary);outline-offset:-2px}#dk-badge-wrapper .is-compact .dk-badge_content[data-expanded=true]{padding-bottom:1.5rem} +#dk-badge-wrapper{--dkb-font-family: Arial, "Helvetica Neue", system-ui, -apple-system, "verdana", "Segoe UI", Roboto, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dkb-color-primary: #2D2AD3;--dkb-color-secondary: #00BC62;--dkb-color-text: #585284;--dkb-color-text-light: var(--dkb-color-text);--dkb-color-text-strong: #070041;--dkb-color-contrast: #fff}#dk-badge-wrapper .dk-badge{font-family:var(--dkb-font-family) !important;line-height:1.5;position:relative;background-color:var(--dkb-color-contrast);color:var(--dkb-color-text);font-weight:500;margin:0;text-align:center;box-shadow:0px 8px 16px 0px rgba(7,0,65,.08),0px 2px 6px 0px rgba(7,0,65,.08)}#dk-badge-wrapper .dk-badge p{font-size:.875em}#dk-badge-wrapper .dk-badge_title{margin:1em .625em .3125em}#dk-badge-wrapper .dk-badge_title span:nth-child(3){display:none}#dk-badge-wrapper .dk-badge_co2{display:block;margin:.25em 0 0;font-size:1.125em;font-weight:bold;color:var(--dkb-color-primary)}#dk-badge-wrapper .dk-badge_data{margin:.5em .2em}#dk-badge-wrapper .dk-badge_data strong{font-weight:bold;color:var(--dkb-color-text-strong)}#dk-badge-wrapper .dk-badge_data a{color:inherit;text-decoration:underline}#dk-badge-wrapper .dk-badge_data .is-small{margin-top:.2em;display:block;font-size:.875em}#dk-badge-wrapper .dk-badge_data:last-child{color:var(--dkb-color-text-light)}#dk-badge-wrapper .dk-badge_button{background-color:transparent;color:var(--dkb-color-text);border:none;padding:0;cursor:pointer}#dk-badge-wrapper .dk-badge_button svg{vertical-align:unset}#dk-badge-wrapper .dk-badge_button svg .v,#dk-badge-wrapper .dk-badge_button svg.h,#dk-badge-wrapper .dk-badge_button svg{transform-origin:center;transition:transform .2s ease-in-out}#dk-badge-wrapper .dk-badge_button:hover,#dk-badge-wrapper .dk-badge_button:focus,#dk-badge-wrapper .dk-badge_button:active{outline:2px solid var(--dkb-color-primary);outline-offset:2px}#dk-badge-wrapper [data-dk-badge-content]{display:none}#dk-badge-wrapper [data-dk-badge-content][data-expanded=true]{display:block}#dk-badge-wrapper .sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{padding-bottom:1.5em;margin-bottom:1em;display:inline-block;max-width:10.625em;border-radius:4px;border-top:4px solid var(--dkb-color-secondary)}@media(min-width: 23em){#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{bottom:1em;right:1em;position:fixed;z-index:100}}#dk-badge-wrapper .is-compact .dk-badge_button,#dk-badge-wrapper .is-full .dk-badge_button{font-size:inherit;background-color:var(--dkb-color-primary);color:var(--dkb-color-contrast);position:absolute;bottom:calc(-.75em/2 - 1em);left:50%;transform:translateX(-50%);border-radius:50%;padding:.75em;width:2.625em;height:2.625em}#dk-badge-wrapper .is-compact .dk-badge_button svg .v,#dk-badge-wrapper .is-full .dk-badge_button svg .v{transform:rotate(90deg) translate(0, 4px)}#dk-badge-wrapper .is-compact .dk-badge_button svg .c,#dk-badge-wrapper .is-full .dk-badge_button svg .c{display:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=true] svg .v,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=true] svg .v{transform:rotate(0deg)}#dk-badge-wrapper .is-compact .dk-badge_hr,#dk-badge-wrapper .is-full .dk-badge_hr{margin:.625em 0;border:none;border-top:1px solid #cdccd9}#dk-badge-wrapper .is-compact{padding-bottom:0}#dk-badge-wrapper .is-compact .dk-badge_title{margin-bottom:0}#dk-badge-wrapper .is-compact .dk-badge_title span:nth-child(1){display:none}#dk-badge-wrapper .is-compact .dk-badge_title span:nth-child(3){display:block}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]{position:static;transform:none;height:0;width:0;padding:0}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:hover,#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:focus,#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:active{outline:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false] svg{display:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:hover::before,#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:focus::before,#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=false]:active::before{outline:2px solid var(--dkb-color-primary);outline-offset:-2px}#dk-badge-wrapper .is-compact .dk-badge_content[data-expanded=true]{padding-bottom:1.5em} diff --git a/dist/css/dk-badge-footer.css b/dist/css/dk-badge-footer.css index 54b3d0e..59d0ab1 100644 --- a/dist/css/dk-badge-footer.css +++ b/dist/css/dk-badge-footer.css @@ -1 +1 @@ -#dk-badge-wrapper{--dkb-font-family: Arial, "Helvetica Neue", system-ui, -apple-system, "verdana", "Segoe UI", Roboto, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dkb-color-primary: #2D2AD3;--dkb-color-secondary: #00BC62;--dkb-color-text: #585284;--dkb-color-text-light: var(--dkb-color-text);--dkb-color-text-strong: #070041;--dkb-color-contrast: #fff}#dk-badge-wrapper .dk-badge{font-family:var(--dkb-font-family) !important;font-size:.875rem;position:relative;background-color:var(--dkb-color-contrast);color:var(--dkb-color-text);font-weight:500;margin:0;text-align:center;box-shadow:0px 8px 16px 0px rgba(7,0,65,.08),0px 2px 6px 0px rgba(7,0,65,.08)}#dk-badge-wrapper .dk-badge_title{margin:1rem .625rem .3125rem}#dk-badge-wrapper .dk-badge_title span:nth-child(3){display:none}#dk-badge-wrapper .dk-badge_co2{display:block;margin:.25rem 0 0;font-size:1rem;font-weight:bold;color:var(--dkb-color-primary)}#dk-badge-wrapper .dk-badge_data{margin:.5rem .2rem}#dk-badge-wrapper .dk-badge_data strong{font-weight:bold;color:var(--dkb-color-text-strong)}#dk-badge-wrapper .dk-badge_data a{color:inherit}#dk-badge-wrapper .dk-badge_data .is-small{margin-top:.2rem;display:block;font-size:.75rem}#dk-badge-wrapper .dk-badge_data:last-child{color:var(--dkb-color-text-light)}#dk-badge-wrapper .dk-badge_button{background-color:transparent;color:var(--dkb-color-text);border:none;padding:0;cursor:pointer}#dk-badge-wrapper .dk-badge_button svg .v,#dk-badge-wrapper .dk-badge_button svg.h,#dk-badge-wrapper .dk-badge_button svg{transform-origin:center;transition:transform .2s ease-in-out}#dk-badge-wrapper .dk-badge_button:hover,#dk-badge-wrapper .dk-badge_button:focus,#dk-badge-wrapper .dk-badge_button:active{outline:2px solid var(--dkb-color-primary);outline-offset:2px}#dk-badge-wrapper [data-dk-badge-content]{display:none}#dk-badge-wrapper [data-dk-badge-content][data-expanded=true]{display:block}#dk-badge-wrapper .sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}#dk-badge-wrapper .is-footer{padding:0 .5rem .5rem}#dk-badge-wrapper .is-footer .dk-badge_title{display:inline-flex;align-items:center;margin-right:0}#dk-badge-wrapper .is-footer .dk-badge_title>span{margin:0 .25rem}#dk-badge-wrapper .is-footer .dk-badge_button{display:inline-flex;vertical-align:middle;margin:0 0 .15rem .15rem;width:.9375rem;height:.9375rem}#dk-badge-wrapper .is-footer .dk-badge_button::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-footer .dk-badge_button svg .v,#dk-badge-wrapper .is-footer .dk-badge_button svg .h{display:none}#dk-badge-wrapper .is-footer .dk-badge_button[aria-expanded=true] svg{transform:rotate(-180deg)}#dk-badge-wrapper .is-footer .dk-badge_content{position:relative;z-index:1}#dk-badge-wrapper .is-footer .dk-badge_hr{display:none}#dk-badge-wrapper .is-footer .dk-badge_data{display:inline-flex}#dk-badge-wrapper .is-footer .dk-badge_data+.dk-badge_data{margin:.75rem .5rem}#dk-badge-wrapper .is-footer .dk-badge_data+.dk-badge_data::before{content:"•";color:var(--dkb-color-primary);margin:0 1rem 0 0}#dk-badge-wrapper .is-footer .dk-badge_data:last-child{display:block} +#dk-badge-wrapper{--dkb-font-family: Arial, "Helvetica Neue", system-ui, -apple-system, "verdana", "Segoe UI", Roboto, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dkb-color-primary: #2D2AD3;--dkb-color-secondary: #00BC62;--dkb-color-text: #585284;--dkb-color-text-light: var(--dkb-color-text);--dkb-color-text-strong: #070041;--dkb-color-contrast: #fff}#dk-badge-wrapper .dk-badge{font-family:var(--dkb-font-family) !important;line-height:1.5;position:relative;background-color:var(--dkb-color-contrast);color:var(--dkb-color-text);font-weight:500;margin:0;text-align:center;box-shadow:0px 8px 16px 0px rgba(7,0,65,.08),0px 2px 6px 0px rgba(7,0,65,.08)}#dk-badge-wrapper .dk-badge p{font-size:.875em}#dk-badge-wrapper .dk-badge_title{margin:1em .625em .3125em}#dk-badge-wrapper .dk-badge_title span:nth-child(3){display:none}#dk-badge-wrapper .dk-badge_co2{display:block;margin:.25em 0 0;font-size:1.125em;font-weight:bold;color:var(--dkb-color-primary)}#dk-badge-wrapper .dk-badge_data{margin:.5em .2em}#dk-badge-wrapper .dk-badge_data strong{font-weight:bold;color:var(--dkb-color-text-strong)}#dk-badge-wrapper .dk-badge_data a{color:inherit;text-decoration:underline}#dk-badge-wrapper .dk-badge_data .is-small{margin-top:.2em;display:block;font-size:.875em}#dk-badge-wrapper .dk-badge_data:last-child{color:var(--dkb-color-text-light)}#dk-badge-wrapper .dk-badge_button{background-color:transparent;color:var(--dkb-color-text);border:none;padding:0;cursor:pointer}#dk-badge-wrapper .dk-badge_button svg{vertical-align:unset}#dk-badge-wrapper .dk-badge_button svg .v,#dk-badge-wrapper .dk-badge_button svg.h,#dk-badge-wrapper .dk-badge_button svg{transform-origin:center;transition:transform .2s ease-in-out}#dk-badge-wrapper .dk-badge_button:hover,#dk-badge-wrapper .dk-badge_button:focus,#dk-badge-wrapper .dk-badge_button:active{outline:2px solid var(--dkb-color-primary);outline-offset:2px}#dk-badge-wrapper [data-dk-badge-content]{display:none}#dk-badge-wrapper [data-dk-badge-content][data-expanded=true]{display:block}#dk-badge-wrapper .sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}#dk-badge-wrapper .is-footer{padding:0 .5em .5em}#dk-badge-wrapper .is-footer .dk-badge_title{display:inline-flex;align-items:center;margin-right:0}#dk-badge-wrapper .is-footer .dk-badge_title>span{margin:0 .25em}#dk-badge-wrapper .is-footer .dk-badge_button{display:inline-flex;vertical-align:middle;margin:0 0 .15em .15em;width:.9375em;height:.9375em}#dk-badge-wrapper .is-footer .dk-badge_button::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-footer .dk-badge_button svg .v,#dk-badge-wrapper .is-footer .dk-badge_button svg .h{display:none}#dk-badge-wrapper .is-footer .dk-badge_button[aria-expanded=true] svg{transform:rotate(-180deg)}#dk-badge-wrapper .is-footer .dk-badge_content{position:relative;z-index:1}#dk-badge-wrapper .is-footer .dk-badge_hr{display:none}#dk-badge-wrapper .is-footer .dk-badge_data{display:inline-flex}#dk-badge-wrapper .is-footer .dk-badge_data+.dk-badge_data{margin:.75em .5em}#dk-badge-wrapper .is-footer .dk-badge_data+.dk-badge_data::before{content:"•";color:var(--dkb-color-primary);margin:0 1em 0 0}#dk-badge-wrapper .is-footer .dk-badge_data:last-child{display:block} diff --git a/dist/css/dk-badge-full.css b/dist/css/dk-badge-full.css index af30e89..67d236f 100644 --- a/dist/css/dk-badge-full.css +++ b/dist/css/dk-badge-full.css @@ -1 +1 @@ -#dk-badge-wrapper{--dkb-font-family: Arial, "Helvetica Neue", system-ui, -apple-system, "verdana", "Segoe UI", Roboto, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dkb-color-primary: #2D2AD3;--dkb-color-secondary: #00BC62;--dkb-color-text: #585284;--dkb-color-text-light: var(--dkb-color-text);--dkb-color-text-strong: #070041;--dkb-color-contrast: #fff}#dk-badge-wrapper .dk-badge{font-family:var(--dkb-font-family) !important;font-size:.875rem;position:relative;background-color:var(--dkb-color-contrast);color:var(--dkb-color-text);font-weight:500;margin:0;text-align:center;box-shadow:0px 8px 16px 0px rgba(7,0,65,.08),0px 2px 6px 0px rgba(7,0,65,.08)}#dk-badge-wrapper .dk-badge_title{margin:1rem .625rem .3125rem}#dk-badge-wrapper .dk-badge_title span:nth-child(3){display:none}#dk-badge-wrapper .dk-badge_co2{display:block;margin:.25rem 0 0;font-size:1rem;font-weight:bold;color:var(--dkb-color-primary)}#dk-badge-wrapper .dk-badge_data{margin:.5rem .2rem}#dk-badge-wrapper .dk-badge_data strong{font-weight:bold;color:var(--dkb-color-text-strong)}#dk-badge-wrapper .dk-badge_data a{color:inherit}#dk-badge-wrapper .dk-badge_data .is-small{margin-top:.2rem;display:block;font-size:.75rem}#dk-badge-wrapper .dk-badge_data:last-child{color:var(--dkb-color-text-light)}#dk-badge-wrapper .dk-badge_button{background-color:transparent;color:var(--dkb-color-text);border:none;padding:0;cursor:pointer}#dk-badge-wrapper .dk-badge_button svg .v,#dk-badge-wrapper .dk-badge_button svg.h,#dk-badge-wrapper .dk-badge_button svg{transform-origin:center;transition:transform .2s ease-in-out}#dk-badge-wrapper .dk-badge_button:hover,#dk-badge-wrapper .dk-badge_button:focus,#dk-badge-wrapper .dk-badge_button:active{outline:2px solid var(--dkb-color-primary);outline-offset:2px}#dk-badge-wrapper [data-dk-badge-content]{display:none}#dk-badge-wrapper [data-dk-badge-content][data-expanded=true]{display:block}#dk-badge-wrapper .sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{padding-bottom:1.5rem;margin-bottom:1rem;display:inline-block;max-width:10.625rem;border-radius:4px;border-top:4px solid var(--dkb-color-secondary)}@media(min-width: 23rem){#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{bottom:1rem;right:1rem;position:fixed;z-index:100}}#dk-badge-wrapper .is-compact .dk-badge_button,#dk-badge-wrapper .is-full .dk-badge_button{background-color:var(--dkb-color-primary);color:var(--dkb-color-contrast);position:absolute;bottom:calc(-.75rem/2 - 1.3125rem);left:50%;transform:translateX(-50%);border-radius:50%;padding:.75rem;width:2.625rem;height:2.625rem}#dk-badge-wrapper .is-compact .dk-badge_button svg .v,#dk-badge-wrapper .is-full .dk-badge_button svg .v{transform:rotate(90deg) translate(0, 4px)}#dk-badge-wrapper .is-compact .dk-badge_button svg .c,#dk-badge-wrapper .is-full .dk-badge_button svg .c{display:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=true] svg .v,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=true] svg .v{transform:rotate(0deg)}#dk-badge-wrapper .is-compact .dk-badge_hr,#dk-badge-wrapper .is-full .dk-badge_hr{margin:.625rem 0;border:none;border-top:1px solid #cdccd9}@media(max-width: 50rem){#dk-badge-wrapper .is-full{padding-bottom:0}#dk-badge-wrapper .is-full .dk-badge_title{margin-bottom:0}#dk-badge-wrapper .is-full .dk-badge_title span:nth-child(1){display:none}#dk-badge-wrapper .is-full .dk-badge_title span:nth-child(3){display:block}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]{position:static;transform:none;height:0;width:0;padding:0}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false] svg{display:none}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:focus-visible::before{outline:2px solid var(--dkb-color-primary);outline-offset:-2px}#dk-badge-wrapper .is-full .dk-badge_content[data-expanded=true]{padding-bottom:1.5rem}} +#dk-badge-wrapper{--dkb-font-family: Arial, "Helvetica Neue", system-ui, -apple-system, "verdana", "Segoe UI", Roboto, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dkb-color-primary: #2D2AD3;--dkb-color-secondary: #00BC62;--dkb-color-text: #585284;--dkb-color-text-light: var(--dkb-color-text);--dkb-color-text-strong: #070041;--dkb-color-contrast: #fff}#dk-badge-wrapper .dk-badge{font-family:var(--dkb-font-family) !important;line-height:1.5;position:relative;background-color:var(--dkb-color-contrast);color:var(--dkb-color-text);font-weight:500;margin:0;text-align:center;box-shadow:0px 8px 16px 0px rgba(7,0,65,.08),0px 2px 6px 0px rgba(7,0,65,.08)}#dk-badge-wrapper .dk-badge p{font-size:.875em}#dk-badge-wrapper .dk-badge_title{margin:1em .625em .3125em}#dk-badge-wrapper .dk-badge_title span:nth-child(3){display:none}#dk-badge-wrapper .dk-badge_co2{display:block;margin:.25em 0 0;font-size:1.125em;font-weight:bold;color:var(--dkb-color-primary)}#dk-badge-wrapper .dk-badge_data{margin:.5em .2em}#dk-badge-wrapper .dk-badge_data strong{font-weight:bold;color:var(--dkb-color-text-strong)}#dk-badge-wrapper .dk-badge_data a{color:inherit;text-decoration:underline}#dk-badge-wrapper .dk-badge_data .is-small{margin-top:.2em;display:block;font-size:.875em}#dk-badge-wrapper .dk-badge_data:last-child{color:var(--dkb-color-text-light)}#dk-badge-wrapper .dk-badge_button{background-color:transparent;color:var(--dkb-color-text);border:none;padding:0;cursor:pointer}#dk-badge-wrapper .dk-badge_button svg{vertical-align:unset}#dk-badge-wrapper .dk-badge_button svg .v,#dk-badge-wrapper .dk-badge_button svg.h,#dk-badge-wrapper .dk-badge_button svg{transform-origin:center;transition:transform .2s ease-in-out}#dk-badge-wrapper .dk-badge_button:hover,#dk-badge-wrapper .dk-badge_button:focus,#dk-badge-wrapper .dk-badge_button:active{outline:2px solid var(--dkb-color-primary);outline-offset:2px}#dk-badge-wrapper [data-dk-badge-content]{display:none}#dk-badge-wrapper [data-dk-badge-content][data-expanded=true]{display:block}#dk-badge-wrapper .sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{padding-bottom:1.5em;margin-bottom:1em;display:inline-block;max-width:10.625em;border-radius:4px;border-top:4px solid var(--dkb-color-secondary)}@media(min-width: 23em){#dk-badge-wrapper .is-compact,#dk-badge-wrapper .is-full{bottom:1em;right:1em;position:fixed;z-index:100}}#dk-badge-wrapper .is-compact .dk-badge_button,#dk-badge-wrapper .is-full .dk-badge_button{font-size:inherit;background-color:var(--dkb-color-primary);color:var(--dkb-color-contrast);position:absolute;bottom:calc(-.75em/2 - 1em);left:50%;transform:translateX(-50%);border-radius:50%;padding:.75em;width:2.625em;height:2.625em}#dk-badge-wrapper .is-compact .dk-badge_button svg .v,#dk-badge-wrapper .is-full .dk-badge_button svg .v{transform:rotate(90deg) translate(0, 4px)}#dk-badge-wrapper .is-compact .dk-badge_button svg .c,#dk-badge-wrapper .is-full .dk-badge_button svg .c{display:none}#dk-badge-wrapper .is-compact .dk-badge_button[aria-expanded=true] svg .v,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=true] svg .v{transform:rotate(0deg)}#dk-badge-wrapper .is-compact .dk-badge_hr,#dk-badge-wrapper .is-full .dk-badge_hr{margin:.625em 0;border:none;border-top:1px solid #cdccd9}@media(max-width: 50em){#dk-badge-wrapper .is-full{padding-bottom:0}#dk-badge-wrapper .is-full .dk-badge_title{margin-bottom:0}#dk-badge-wrapper .is-full .dk-badge_title span:nth-child(1){display:none}#dk-badge-wrapper .is-full .dk-badge_title span:nth-child(3){display:block}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]{position:static;transform:none;height:0;width:0;padding:0}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:hover,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:focus,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:active{outline:none}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false] svg{display:none}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:hover::before,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:focus::before,#dk-badge-wrapper .is-full .dk-badge_button[aria-expanded=false]:active::before{outline:2px solid var(--dkb-color-primary);outline-offset:-2px}#dk-badge-wrapper .is-full .dk-badge_content[data-expanded=true]{padding-bottom:1.5em}} diff --git a/dist/js/dk-badge.js b/dist/js/dk-badge.js index b00d1a2..90e82b3 100644 --- a/dist/js/dk-badge.js +++ b/dist/js/dk-badge.js @@ -133,7 +133,7 @@ class DKBadge {
${this.labels.time} : ${this.labels.unknown}
${this.labels.device} : ${this.labels.unknown}
Powered by DK ${this.labels.privacy}
+Powered by DK ${this.labels.privacy}
`; this.node.innerHTML = template; diff --git a/dist/js/dk-badge.min.js b/dist/js/dk-badge.min.js index 79198e3..42ab3bc 100644 --- a/dist/js/dk-badge.min.js +++ b/dist/js/dk-badge.min.js @@ -1 +1 @@ -class DKBadge{constructor(t={}){let{style:e,renderUI:i,pue:s,audienceLocationProportion:o,serverLocationProportion:n}=Object.assign({style:"full",renderUI:true,pue:1.69,audienceLocationProportion:{france:.45,europe:0,international:.55},serverLocationProportion:{france:.5,international:.5}},t);this.node=document.querySelector("[data-dk-badge]");this.style=e;this.pue=s;this.audienceLocationProportion=o;this.serverLocationProportion=n;this.renderUI=i;this.labels={intro:"This website has a carbon footprint of",emitted:"emitted",details:"Details",weight:"Weight",time:"Time",device:"Device",unknown:"unknown",CO2unit:"g CO2e",weightUnit:"Ko",timeUnit:"sec.",privacy:"no data is collected",...t.labels};this.weight=0;this.timeSpent=0;this.deviceType="desktop";this.ges=0;this.updateIntervalId=null;this.lastCalculatedTimestamp=null;this.events={calculated:new CustomEvent("dkBadge:calculated",{detail:this}),updated:new CustomEvent("dkBadge:updated",{detail:this})};this.factors={server_lifecycle:.023,server_bandwidth:125e3,france_server_efficiency:6.69e-8,international_server_efficiency:7.1e-9,france_electricity_carbon_intensity:.052,world_electricity_carbon_intensity:.357,europe_electricity_carbon_intensity:.42,network_lifecycle_impact:4.78e-9,wifi_consumption:413e-14,g4_consumption:111e-13,server_country_network_ratio:.55,viewing_country_network_ratio:.45,mobile_build_emissions:32.8,desktop_build_emissions:156,tablet_build_emissions:63.2,mobile_end_of_life_emissions:.71,desktop_end_of_life_emissions:2.1,tablet_end_of_life_emissions:.7,mobile_daily_usage:2.7,mobile_year_usage:365,mobile_lifetime:2.5,desktop_lifetime:5,desktop_daily_usage:2.02,desktop_year_usage:253,tablet_lifetime:3,tablet_daily_usage:1.5,tablet_year_usage:365,mobile_power:4.5,desktop_power:29.4,tablet_power:29.4}}render(){if(!this.renderUI)return;if(!this.node)return;this.node.id="dk-badge-wrapper";const t=`\n\t\t\t\n\t\t\t\t\t${this.labels.intro}\n\t\t\t\t\t${this.labels.unknown}\n\t\t\t\t\t${this.labels.emitted}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t${this.labels.weight} : ${this.labels.unknown}
\n\t\t\t\t\t${this.labels.time} : ${this.labels.unknown}
\n\t\t\t\t\t${this.labels.device} : ${this.labels.unknown}
\n\t\t\t\t\tPowered by DK ${this.labels.privacy}
\n\t\t\t\t\n\t\t\t\t\t${this.labels.intro}\n\t\t\t\t\t${this.labels.unknown}\n\t\t\t\t\t${this.labels.emitted}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t${this.labels.weight} : ${this.labels.unknown}
\n\t\t\t\t\t${this.labels.time} : ${this.labels.unknown}
\n\t\t\t\t\t${this.labels.device} : ${this.labels.unknown}
\n\t\t\t\t\tPowered by DK ${this.labels.privacy}
\n\t\t\t\t${this.labels.device} : ${this.labels.unknown}
Powered by DK ${this.labels.privacy}
+Powered by DK ${this.labels.privacy}