@energycap/components 0.46.4 → 0.46.6-ECAP-33509-WattsIconAndGradient.20260427-1826
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.
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
|
7
7
|
*/@import'@angular/cdk/overlay-prebuilt.css';*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#007bff;text-decoration:none;background-color:rgba(0,0,0,0)}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]):not(.text-link){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):not(.text-link):hover,a:not([href]):not([tabindex]):not(.text-link):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}/*!
|
|
8
8
|
* EnergyCAP Components - Base Styles
|
|
9
|
-
*/:root{--ec-color-black: rgb(26, 26, 35);--ec-color-white: rgb(255, 255, 255);--ec-color-gray-1: rgb(218, 228, 233);--ec-color-gray-2: rgb(172, 188, 195);--ec-color-gray-3: rgb(140, 156, 165);--ec-color-gray-4: rgb(117, 132, 143);--ec-color-gray-5: rgb(94, 109, 121);--ec-color-gray-6: rgb(73, 89, 99);--ec-color-gray-7: rgb(53, 71, 81);--ec-color-gray-8: rgb(22, 47, 59);--ec-color-red-1: rgb(255, 225, 231);--ec-color-red-2: rgb(255, 178, 192);--ec-color-red-3: rgb(255, 138, 159);--ec-color-red-4: rgb(254, 88, 117);--ec-color-red-5: rgb(237, 56, 88);--ec-color-red-6: rgb(219, 11, 48);--ec-color-red-7: rgb(197, 1, 36);--ec-color-red-8: rgb(150, 0, 27);--ec-color-orange-1: rgb(253, 195, 161);--ec-color-orange-2: rgb(255, 181, 137);--ec-color-orange-3: rgb(255, 147, 83);--ec-color-orange-4: rgb(255, 131, 57);--ec-color-orange-5: rgb(249, 106, 21);--ec-color-orange-6: rgb(235, 91, 6);--ec-color-orange-7: rgb(214, 80, 2);--ec-color-orange-8: rgb(194, 72, 0);--ec-color-yellow-1: rgb(255, 249, 195);--ec-color-yellow-2: rgb(255, 239, 155);--ec-color-yellow-3: rgb(255, 230, 100);--ec-color-yellow-4: rgb(255, 222, 50);--ec-color-yellow-5: rgb(245, 207, 8);--ec-color-yellow-6: rgb(232, 182, 4);--ec-color-yellow-7: rgb(214, 150, 4);--ec-color-yellow-8: rgb(178, 124, 0);--ec-color-green-1: rgb(227, 251, 214);--ec-color-green-2: rgb(194, 236, 172);--ec-color-green-3: rgb(153, 216, 120);--ec-color-green-4: rgb(99, 184, 54);--ec-color-green-5: rgb(43, 154, 3);--ec-color-green-6: rgb(39, 134, 4);--ec-color-green-7: rgb(40, 111, 15);--ec-color-green-8: rgb(24, 86, 2);--ec-color-blue-1: rgb(185, 237, 252);--ec-color-blue-2: rgb(172, 228, 243);--ec-color-blue-3: rgb(118, 206, 230);--ec-color-blue-4: rgb(64, 183, 216);--ec-color-blue-5: rgb(42, 163, 196);--ec-color-blue-6: rgb(36, 143, 172);--ec-color-blue-7: rgb(26, 111, 135);--ec-color-blue-8: rgb(10, 74, 92);--ec-color-purple-1: rgb(237, 220, 255);--ec-color-purple-2: rgb(215, 180, 253);--ec-color-purple-3: rgb(188, 140, 239);--ec-color-purple-4: rgb(165, 114, 220);--ec-color-purple-5: rgb(147, 85, 214);--ec-color-purple-6: rgb(118, 48, 193);--ec-color-purple-7: rgb(95, 20, 175);--ec-color-purple-8: rgb(75, 7, 147);--ec-color-cobalt-1: rgb(218, 229, 251);--ec-color-cobalt-2: rgb(153, 185, 251);--ec-color-cobalt-3: rgb(109, 164, 254);--ec-color-cobalt-4: rgb(70, 132, 232);--ec-color-cobalt-5: rgb(66, 117, 216);--ec-color-cobalt-6: rgb(45, 92, 184);--ec-color-cobalt-7: rgb(22, 63, 140);--ec-color-cobalt-8: rgb(6, 47, 125);--ec-color-aqua-1: rgb(219, 255, 246);--ec-color-aqua-2: rgb(196, 250, 237);--ec-color-aqua-3: rgb(121, 232, 205);--ec-color-aqua-4: rgb(55, 213, 175);--ec-color-aqua-5: rgb(45, 184, 151);--ec-color-aqua-6: rgb(34, 153, 125);--ec-color-aqua-7: rgb(30, 116, 96);--ec-color-aqua-8: rgb(28, 89, 75);--ec-color-pink-1: rgb(255, 223, 244);--ec-color-pink-2: rgb(255, 194, 235);--ec-color-pink-3: rgb(232, 127, 197);--ec-color-pink-4: rgb(228, 85, 180);--ec-color-pink-5: rgb(207, 61, 158);--ec-color-pink-6: rgb(185, 13, 127);--ec-color-pink-7: rgb(182, 10, 124);--ec-color-pink-8: rgb(151, 3, 101);--ec-color-brand-green: rgb(216, 234, 83);--ec-color-brand-black: rgb(22, 47, 59);--ec-color-primary-dark: var(--ec-color-black);--ec-color-primary-light: var(--ec-color-white);--ec-color-secondary-dark: rgba(26, 26, 35, .66);--ec-color-secondary-light: rgba(255, 255, 255, .6);--ec-color-hint-dark: rgba(26, 26, 35, .38);--ec-color-hint-light: rgba(255, 255, 255, .38);--ec-color-disabled-dark: var(--ec-color-hint-dark);--ec-color-shadow: rgba(26, 26, 35, .1);--ec-color-shadow-overlay: rgba(26, 26, 35, .2);--ec-color-interactive: var(--ec-color-cobalt-6);--ec-color-link: var(--ec-color-interactive);--ec-color-link-light: var(--ec-color-blue-2);--ec-color-info: var(--ec-color-cobalt-6);--ec-color-success: var(--ec-color-green-6);--ec-color-good: var(--ec-color-success);--ec-color-caution: var(--ec-color-yellow-8);--ec-color-danger: var(--ec-color-red-7);--ec-color-bad: var(--ec-color-danger);--ec-color-accent: var(--ec-color-purple-6);--ec-color-control-invalid: var(--ec-color-caution);--ec-color-accrual: rgb(35, 195, 205);--ec-background-color: rgb(255, 255, 255);--ec-background-color-overlay: rgba(255, 255, 255, .7);--ec-background-color-body: rgb(241, 243, 244);--ec-background-color-body-overlay: rgba(241, 243, 244, .7);--ec-background-color-dark: rgb(26, 26, 35);--ec-background-color-dialog: rgba(26, 26, 35, .5);--ec-background-color-dialog-stacked: rgba(26, 26, 35, .25);--ec-background-splash: radial-gradient(104.77% 95.14% at 90.16% 85.25%, rgba(113,235,111,0.60) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(156.88% 63.71% at 8.4% 78.12%, rgba(219, 141, 255, 0.60) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(265.09% 182.17% at 24.49% 5.63%, rgba(0, 87, 255, 0.60) 0%, rgba(255, 255, 255, 0) 100%), #FFF;--ec-background-color-detail: rgba(26, 26, 35, .03);--ec-background-color-disabled: rgba(26,26,35, .1);--ec-background-color-hover: rgb(195, 212, 247);--ec-background-color-selected: rgb(225, 233, 249);--ec-background-color-info: rgb(218, 229, 251);--ec-background-color-success: rgb(227, 251, 214);--ec-background-color-caution: rgb(255, 249, 195);--ec-background-color-danger: rgb(255, 225, 231);--ec-background-color-accent: rgb(237, 220, 255);--ec-background-color-promo: linear-gradient(78deg, #4B0793 0%, #A572DC 100%);--ec-background-color-instructional: linear-gradient(78deg, var(--ec-color-gray-8) 0%, var(--ec-color-gray-5) 100%);--ec-background-color-control: var(--ec-background-color);--ec-box-shadow: 0px .125rem 1rem var(--ec-color-shadow);--ec-box-shadow-overlay: 0px .0625rem .5rem var(--ec-color-shadow-overlay);--ec-border-color: #D6D6D7;--ec-border-color-dark: #383840;--ec-border-color-hint: var(--ec-color-gray-1);--ec-border-color-control: var(--ec-color-gray-4);--ec-border-color-control-disabled: var(--ec-border-color-control);--ec-border-color-control-readonly: transparent;--ec-border-color-control-hover: var(--ec-border-color-dark);--ec-border-radius: .25rem;--ec-border-radius-card: .375rem;--ec-border-radius-dialog: .5rem;--ec-border-color-focus: var(--ec-color-interactive);--ec-border-width: 1px;--ec-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--ec-font-family-monospace: "Consolas", "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Monaco", "Courier New", Courier, monospace;--ec-font-size: .875rem;--ec-font-size-body: 1rem;--ec-font-size-label: .75rem;--ec-font-size-action: .875rem;--ec-font-size-title: 1.25rem;--ec-font-size-icon: 1rem;--ec-font-size-tiny: .625rem;--ec-font-weight-bold: bold;--ec-font-weight-normal: normal;--ec-z-index-sticky-header: 3;--ec-z-index-sticky-page-header: 10;--ec-z-index-overlay: 20;--ec-z-index-splitter: 30;--ec-z-index-navbar: 40;--ec-z-index-popup: 50;--ec-z-index-dialog: 60;--ec-z-index-toast: 70;--ec-form-control-background-color: var(--ec-background-color);--ec-form-control-color: var(--ec-color-primary-dark);--ec-form-control-color-placeholder: var(--ec-color-hint-dark);--ec-form-control-background-color-selection: var(--ec-color-interactive);--ec-form-control-color-selection: var(--ec-color-primary-light);--ec-form-control-border-color: var(--ec-color-gray-4);--ec-form-control-border-radius: var(--ec-border-radius);--ec-form-control-font-size: var(--ec-font-size-body);--ec-form-control-border-color-focus: var(--ec-background-color);--ec-form-control-box-shadow-focus: 0 0 0 2px var(--ec-color-interactive);--ec-form-control-background-color-invalid: var(--ec-background-color-caution);--ec-form-control-color-invalid: var(--ec-color-primary-dark);--ec-form-control-border-color-invalid: var(--ec-color-caution);--ec-form-control-background-color-disabled: var(--ec-background-color-disabled);--ec-form-control-color-disabled: var(--ec-color-primary-dark);--ec-form-control-border-color-disabled: var(--ec-color-gray-4);--ec-form-control-opacity-disabled: .6;--ec-form-control-background-color-readonly: var(--ec-background-color-disabled);--ec-form-control-color-readonly: var(--ec-color-primary-dark);--ec-form-control-border-color-readonly: var(--ec-color-gray-4)}html,body{height:100%;overflow:hidden}body{font-family:var(--ec-font-family);font-size:var(--ec-font-size);color:var(--ec-color-primary-dark)}a{color:var(--ec-color-link)}a:hover{color:var(--ec-color-link);text-decoration:underline}a:focus{outline:none;text-decoration:underline}a[disabled]{color:var(--ec-color-disabled-dark);cursor:default}p{line-height:1.25}table{background-color:rgba(0,0,0,0)}/*!
|
|
9
|
+
*/:root{--ec-color-black: rgb(26, 26, 35);--ec-color-white: rgb(255, 255, 255);--ec-color-gray-1: rgb(218, 228, 233);--ec-color-gray-2: rgb(172, 188, 195);--ec-color-gray-3: rgb(140, 156, 165);--ec-color-gray-4: rgb(117, 132, 143);--ec-color-gray-5: rgb(94, 109, 121);--ec-color-gray-6: rgb(73, 89, 99);--ec-color-gray-7: rgb(53, 71, 81);--ec-color-gray-8: rgb(22, 47, 59);--ec-color-red-1: rgb(255, 225, 231);--ec-color-red-2: rgb(255, 178, 192);--ec-color-red-3: rgb(255, 138, 159);--ec-color-red-4: rgb(254, 88, 117);--ec-color-red-5: rgb(237, 56, 88);--ec-color-red-6: rgb(219, 11, 48);--ec-color-red-7: rgb(197, 1, 36);--ec-color-red-8: rgb(150, 0, 27);--ec-color-orange-1: rgb(253, 195, 161);--ec-color-orange-2: rgb(255, 181, 137);--ec-color-orange-3: rgb(255, 147, 83);--ec-color-orange-4: rgb(255, 131, 57);--ec-color-orange-5: rgb(249, 106, 21);--ec-color-orange-6: rgb(235, 91, 6);--ec-color-orange-7: rgb(214, 80, 2);--ec-color-orange-8: rgb(194, 72, 0);--ec-color-yellow-1: rgb(255, 249, 195);--ec-color-yellow-2: rgb(255, 239, 155);--ec-color-yellow-3: rgb(255, 230, 100);--ec-color-yellow-4: rgb(255, 222, 50);--ec-color-yellow-5: rgb(245, 207, 8);--ec-color-yellow-6: rgb(232, 182, 4);--ec-color-yellow-7: rgb(214, 150, 4);--ec-color-yellow-8: rgb(178, 124, 0);--ec-color-green-1: rgb(227, 251, 214);--ec-color-green-2: rgb(194, 236, 172);--ec-color-green-3: rgb(153, 216, 120);--ec-color-green-4: rgb(99, 184, 54);--ec-color-green-5: rgb(43, 154, 3);--ec-color-green-6: rgb(39, 134, 4);--ec-color-green-7: rgb(40, 111, 15);--ec-color-green-8: rgb(24, 86, 2);--ec-color-blue-1: rgb(185, 237, 252);--ec-color-blue-2: rgb(172, 228, 243);--ec-color-blue-3: rgb(118, 206, 230);--ec-color-blue-4: rgb(64, 183, 216);--ec-color-blue-5: rgb(42, 163, 196);--ec-color-blue-6: rgb(36, 143, 172);--ec-color-blue-7: rgb(26, 111, 135);--ec-color-blue-8: rgb(10, 74, 92);--ec-color-purple-1: rgb(237, 220, 255);--ec-color-purple-2: rgb(215, 180, 253);--ec-color-purple-3: rgb(188, 140, 239);--ec-color-purple-4: rgb(165, 114, 220);--ec-color-purple-5: rgb(147, 85, 214);--ec-color-purple-6: rgb(118, 48, 193);--ec-color-purple-7: rgb(95, 20, 175);--ec-color-purple-8: rgb(75, 7, 147);--ec-color-cobalt-1: rgb(218, 229, 251);--ec-color-cobalt-2: rgb(153, 185, 251);--ec-color-cobalt-3: rgb(109, 164, 254);--ec-color-cobalt-4: rgb(70, 132, 232);--ec-color-cobalt-5: rgb(66, 117, 216);--ec-color-cobalt-6: rgb(45, 92, 184);--ec-color-cobalt-7: rgb(22, 63, 140);--ec-color-cobalt-8: rgb(6, 47, 125);--ec-color-aqua-1: rgb(219, 255, 246);--ec-color-aqua-2: rgb(196, 250, 237);--ec-color-aqua-3: rgb(121, 232, 205);--ec-color-aqua-4: rgb(55, 213, 175);--ec-color-aqua-5: rgb(45, 184, 151);--ec-color-aqua-6: rgb(34, 153, 125);--ec-color-aqua-7: rgb(30, 116, 96);--ec-color-aqua-8: rgb(28, 89, 75);--ec-color-pink-1: rgb(255, 223, 244);--ec-color-pink-2: rgb(255, 194, 235);--ec-color-pink-3: rgb(232, 127, 197);--ec-color-pink-4: rgb(228, 85, 180);--ec-color-pink-5: rgb(207, 61, 158);--ec-color-pink-6: rgb(185, 13, 127);--ec-color-pink-7: rgb(182, 10, 124);--ec-color-pink-8: rgb(151, 3, 101);--ec-color-brand-green: rgb(216, 234, 83);--ec-color-brand-black: rgb(22, 47, 59);--ec-color-primary-dark: var(--ec-color-black);--ec-color-primary-light: var(--ec-color-white);--ec-color-secondary-dark: rgba(26, 26, 35, .66);--ec-color-secondary-light: rgba(255, 255, 255, .6);--ec-color-hint-dark: rgba(26, 26, 35, .38);--ec-color-hint-light: rgba(255, 255, 255, .38);--ec-color-disabled-dark: var(--ec-color-hint-dark);--ec-color-shadow: rgba(26, 26, 35, .1);--ec-color-shadow-overlay: rgba(26, 26, 35, .2);--ec-color-interactive: var(--ec-color-cobalt-6);--ec-color-link: var(--ec-color-interactive);--ec-color-link-light: var(--ec-color-blue-2);--ec-color-info: var(--ec-color-cobalt-6);--ec-color-success: var(--ec-color-green-6);--ec-color-good: var(--ec-color-success);--ec-color-caution: var(--ec-color-yellow-8);--ec-color-danger: var(--ec-color-red-7);--ec-color-bad: var(--ec-color-danger);--ec-color-accent: var(--ec-color-purple-6);--ec-color-control-invalid: var(--ec-color-caution);--ec-color-accrual: rgb(35, 195, 205);--ec-background-color: rgb(255, 255, 255);--ec-background-color-overlay: rgba(255, 255, 255, .7);--ec-background-color-body: rgb(241, 243, 244);--ec-background-color-body-overlay: rgba(241, 243, 244, .7);--ec-background-color-dark: rgb(26, 26, 35);--ec-background-color-dialog: rgba(26, 26, 35, .5);--ec-background-color-dialog-stacked: rgba(26, 26, 35, .25);--ec-background-splash: radial-gradient(104.77% 95.14% at 90.16% 85.25%, rgba(113,235,111,0.60) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(156.88% 63.71% at 8.4% 78.12%, rgba(219, 141, 255, 0.60) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(265.09% 182.17% at 24.49% 5.63%, rgba(0, 87, 255, 0.60) 0%, rgba(255, 255, 255, 0) 100%), #FFF;--ec-background-watts: radial-gradient(104.77% 95.14% at 90.16% 85.25%, rgba(23, 151, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(180% 75% at 8.4% 78.12%, rgba(222, 160, 90, 1) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(265.09% 182.17% at 24.49% 5.63%, rgba(200, 74, 230, 0.90) 0%, rgba(255, 255, 255, 0) 100%), #FFF;--ec-background-color-detail: rgba(26, 26, 35, .03);--ec-background-color-disabled: rgba(26,26,35, .1);--ec-background-color-hover: rgb(195, 212, 247);--ec-background-color-selected: rgb(225, 233, 249);--ec-background-color-info: rgb(218, 229, 251);--ec-background-color-success: rgb(227, 251, 214);--ec-background-color-caution: rgb(255, 249, 195);--ec-background-color-danger: rgb(255, 225, 231);--ec-background-color-accent: rgb(237, 220, 255);--ec-background-color-promo: linear-gradient(78deg, #4B0793 0%, #A572DC 100%);--ec-background-color-instructional: linear-gradient(78deg, var(--ec-color-gray-8) 0%, var(--ec-color-gray-5) 100%);--ec-background-color-control: var(--ec-background-color);--ec-box-shadow: 0px .125rem 1rem var(--ec-color-shadow);--ec-box-shadow-overlay: 0px .0625rem .5rem var(--ec-color-shadow-overlay);--ec-border-color: #D6D6D7;--ec-border-color-dark: #383840;--ec-border-color-hint: var(--ec-color-gray-1);--ec-border-color-control: var(--ec-color-gray-4);--ec-border-color-control-disabled: var(--ec-border-color-control);--ec-border-color-control-readonly: transparent;--ec-border-color-control-hover: var(--ec-border-color-dark);--ec-border-radius: .25rem;--ec-border-radius-card: .375rem;--ec-border-radius-dialog: .5rem;--ec-border-color-focus: var(--ec-color-interactive);--ec-border-width: 1px;--ec-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--ec-font-family-monospace: "Consolas", "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Monaco", "Courier New", Courier, monospace;--ec-font-size: .875rem;--ec-font-size-body: 1rem;--ec-font-size-label: .75rem;--ec-font-size-action: .875rem;--ec-font-size-title: 1.25rem;--ec-font-size-icon: 1rem;--ec-font-size-tiny: .625rem;--ec-font-weight-bold: bold;--ec-font-weight-normal: normal;--ec-z-index-sticky-header: 3;--ec-z-index-sticky-page-header: 10;--ec-z-index-overlay: 20;--ec-z-index-splitter: 30;--ec-z-index-navbar: 40;--ec-z-index-popup: 50;--ec-z-index-dialog: 60;--ec-z-index-toast: 70;--ec-form-control-background-color: var(--ec-background-color);--ec-form-control-color: var(--ec-color-primary-dark);--ec-form-control-color-placeholder: var(--ec-color-hint-dark);--ec-form-control-background-color-selection: var(--ec-color-interactive);--ec-form-control-color-selection: var(--ec-color-primary-light);--ec-form-control-border-color: var(--ec-color-gray-4);--ec-form-control-border-radius: var(--ec-border-radius);--ec-form-control-font-size: var(--ec-font-size-body);--ec-form-control-border-color-focus: var(--ec-background-color);--ec-form-control-box-shadow-focus: 0 0 0 2px var(--ec-color-interactive);--ec-form-control-background-color-invalid: var(--ec-background-color-caution);--ec-form-control-color-invalid: var(--ec-color-primary-dark);--ec-form-control-border-color-invalid: var(--ec-color-caution);--ec-form-control-background-color-disabled: var(--ec-background-color-disabled);--ec-form-control-color-disabled: var(--ec-color-primary-dark);--ec-form-control-border-color-disabled: var(--ec-color-gray-4);--ec-form-control-opacity-disabled: .6;--ec-form-control-background-color-readonly: var(--ec-background-color-disabled);--ec-form-control-color-readonly: var(--ec-color-primary-dark);--ec-form-control-border-color-readonly: var(--ec-color-gray-4)}html,body{height:100%;overflow:hidden}body{font-family:var(--ec-font-family);font-size:var(--ec-font-size);color:var(--ec-color-primary-dark)}a{color:var(--ec-color-link)}a:hover{color:var(--ec-color-link);text-decoration:underline}a:focus{outline:none;text-decoration:underline}a[disabled]{color:var(--ec-color-disabled-dark);cursor:default}p{line-height:1.25}table{background-color:rgba(0,0,0,0)}/*!
|
|
10
10
|
* Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
|
|
11
11
|
* Copyright 2011-2019 The Bootstrap Authors
|
|
12
12
|
* Copyright 2011-2019 Twitter, Inc.
|
|
@@ -2711,11 +2711,11 @@ class CheckboxComponent extends FormControlBase {
|
|
|
2711
2711
|
}
|
|
2712
2712
|
}
|
|
2713
2713
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CheckboxComponent, deps: [{ token: ValidationMessageService }, { token: FormGroupHelper }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2714
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: CheckboxComponent, isStandalone: false, selector: "ec-checkbox", inputs: { name: "name", icon: "icon", dependentCheckboxesGroup: "dependentCheckboxesGroup", ignoreDisabledDependents: "ignoreDisabledDependents" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["checkboxInput"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"control\">\n <label class=\"checkbox\"\n [ngClass]=\"{'is-disabled': formModel.disabled, 'no-label': !label, 'is-readonly': readonly}\">\n <input id=\"{{id}}_input\"\n #checkboxInput\n class='input'\n [class.indeterminate]=\"indeterminate\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n type=\"checkbox\"\n tabindex=\"{{tabindex}}\"\n [formControl]=\"formModel\"\n [attr.cdkFocusInitial]=\"autofocus || null\">\n <i class=\"ec-icon icon-check\"></i>\n\n
|
|
2714
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: CheckboxComponent, isStandalone: false, selector: "ec-checkbox", inputs: { name: "name", icon: "icon", dependentCheckboxesGroup: "dependentCheckboxesGroup", ignoreDisabledDependents: "ignoreDisabledDependents" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["checkboxInput"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"control\">\n <label class=\"checkbox\"\n [ngClass]=\"{'is-disabled': formModel.disabled, 'no-label': !label, 'is-readonly': readonly}\">\n <input id=\"{{id}}_input\"\n #checkboxInput\n class='input'\n [class.indeterminate]=\"indeterminate\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n type=\"checkbox\"\n tabindex=\"{{tabindex}}\"\n [formControl]=\"formModel\"\n [attr.cdkFocusInitial]=\"autofocus || null\">\n <i class=\"ec-icon icon-check\"></i>\n\n @if (icon) {\n <i class=\"ec-icon {{icon}} pl-3 pr-1\" aria-hidden=\"true\"></i>\n }\n\n @if (label) {\n <span id=\"{{id}}_label\"\n class=\"label\">\n <span [innerHtml]=\"label | translate\"></span>\n @if (helpPopover) {\n <ec-help-popover id=\"{{id}}_helpPopover\"\n class=\"d-inline-block my-n2 mx-n1\"\n text=\"{{helpPopover | translate}}\"\n contentPosition=\"{{helpPopoverPosition}}\">\n </ec-help-popover>\n }\n </span>\n }\n </label>\n </div>", styles: [":host{color:var(--ec-form-control-color);font-size:var(--ec-form-control-font-size);display:block;margin-bottom:1rem;width:100%}:host :host-context(.form-condensed){margin-bottom:.5rem}:host .control{width:100%;display:flex;flex-direction:column}:host .control.control-label-bottom{flex-direction:column-reverse}:host .control.control-label-left{flex-direction:row}:host .control.control-label-left label{margin-right:.25rem}:host .control.control-label-right{flex-direction:row-reverse}:host .control.control-label-right label{margin-left:.25rem}:host .control.control-label-left,:host .control.control-label-right{align-items:center}:host .control.control-label-left label,:host .control.control-label-right label{flex:1 1;margin-top:0;margin-bottom:0}:host .control.control-label-left .control-input,:host .control.control-label-right .control-input{flex:2 2}:host .control.is-readonly input,:host .control.is-readonly select,:host .control.is-readonly textarea{border-color:var(--ec-form-control-border-color-readonly);background-color:var(--ec-form-control-background-color-readonly);background-clip:border-box;background-image:none;color:var(--ec-form-control-color-readonly);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-form-control-background-color-invalid);border-color:var(--ec-form-control-border-color-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:focus,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:focus{border-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:hover:not(:disabled):not(:focus),:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-form-control-border-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .textbox-group{display:flex;position:relative}:host textarea:focus,:host input:focus,:host select:focus{outline:none}:host .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(.w-auto){width:auto}.checkbox{cursor:pointer;display:inline-flex;margin-bottom:0;position:relative}.checkbox.is-disabled{cursor:default}.ec-icon{align-self:center}.input{margin-top:.5rem;opacity:0;position:absolute;z-index:-1}.input:not(:checked)+.ec-icon{color:var(--ec-form-control-border-color)}.input:not(:checked)+.ec-icon:before{display:none}.input.indeterminate+.ec-icon,.input:indeterminate+.ec-icon{color:var(--ec-color-interactive)}.input.indeterminate+.ec-icon:before,.input:indeterminate+.ec-icon:before{content:\"\";background-color:currentColor;display:block;width:10px;height:3px}.input:focus+.ec-icon{color:var(--ec-color-interactive);box-shadow:var(--ec-form-control-box-shadow-focus);border-color:var(--ec-form-control-border-color-focus)}.input:disabled+.ec-icon{color:var(--ec-form-control-color-disabled);background-color:var(--ec-form-control-background-color-disabled);border-color:var(--ec-form-control-border-color-disabled);opacity:var(--ec-form-control-opacity-disabled)}.input:disabled~.label{color:var(--ec-form-control-color-disabled);opacity:var(--ec-form-control-opacity-disabled)}.input:hover:not(:disabled):not(:focus)+.ec-icon{border-color:var(--ec-border-color-control-hover)}.ec-icon.icon-check{background-color:var(--ec-form-control-background-color);background-clip:padding-box;border:1px solid currentColor;color:var(--ec-color-interactive);margin-top:.5rem;flex:none;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;height:1em;width:1em;border-radius:.125rem}.ec-icon.icon-check:before{font-size:.6875em}.ec-icon.icon-check{margin-top:0}.label{line-height:1.25rem;padding:.375rem 0;margin-left:.5rem;min-height:2rem;height:auto}.checkbox.is-readonly{pointer-events:none}.checkbox.is-readonly .input{opacity:0}.checkbox.is-readonly .ec-icon{background-color:var(--ec-form-control-background-color-readonly);border-color:var(--ec-form-control-border-color-readonly)}.checkbox.is-readonly .label,.checkbox.is-readonly .ec-icon{opacity:1;color:var(--ec-form-control-color)}.checkbox.is-readonly ec-help-popover{pointer-events:auto}.no-label .input{margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: HelpPopoverComponent, selector: "ec-help-popover", inputs: ["id", "text", "contentPosition", "maxWidth"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
2715
2715
|
}
|
|
2716
2716
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
2717
2717
|
type: Component,
|
|
2718
|
-
args: [{ selector: 'ec-checkbox', standalone: false, template: "<div class=\"control\">\n <label class=\"checkbox\"\n [ngClass]=\"{'is-disabled': formModel.disabled, 'no-label': !label, 'is-readonly': readonly}\">\n <input id=\"{{id}}_input\"\n #checkboxInput\n class='input'\n [class.indeterminate]=\"indeterminate\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n type=\"checkbox\"\n tabindex=\"{{tabindex}}\"\n [formControl]=\"formModel\"\n [attr.cdkFocusInitial]=\"autofocus || null\">\n <i class=\"ec-icon icon-check\"></i>\n\n
|
|
2718
|
+
args: [{ selector: 'ec-checkbox', standalone: false, template: "<div class=\"control\">\n <label class=\"checkbox\"\n [ngClass]=\"{'is-disabled': formModel.disabled, 'no-label': !label, 'is-readonly': readonly}\">\n <input id=\"{{id}}_input\"\n #checkboxInput\n class='input'\n [class.indeterminate]=\"indeterminate\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n type=\"checkbox\"\n tabindex=\"{{tabindex}}\"\n [formControl]=\"formModel\"\n [attr.cdkFocusInitial]=\"autofocus || null\">\n <i class=\"ec-icon icon-check\"></i>\n\n @if (icon) {\n <i class=\"ec-icon {{icon}} pl-3 pr-1\" aria-hidden=\"true\"></i>\n }\n\n @if (label) {\n <span id=\"{{id}}_label\"\n class=\"label\">\n <span [innerHtml]=\"label | translate\"></span>\n @if (helpPopover) {\n <ec-help-popover id=\"{{id}}_helpPopover\"\n class=\"d-inline-block my-n2 mx-n1\"\n text=\"{{helpPopover | translate}}\"\n contentPosition=\"{{helpPopoverPosition}}\">\n </ec-help-popover>\n }\n </span>\n }\n </label>\n </div>", styles: [":host{color:var(--ec-form-control-color);font-size:var(--ec-form-control-font-size);display:block;margin-bottom:1rem;width:100%}:host :host-context(.form-condensed){margin-bottom:.5rem}:host .control{width:100%;display:flex;flex-direction:column}:host .control.control-label-bottom{flex-direction:column-reverse}:host .control.control-label-left{flex-direction:row}:host .control.control-label-left label{margin-right:.25rem}:host .control.control-label-right{flex-direction:row-reverse}:host .control.control-label-right label{margin-left:.25rem}:host .control.control-label-left,:host .control.control-label-right{align-items:center}:host .control.control-label-left label,:host .control.control-label-right label{flex:1 1;margin-top:0;margin-bottom:0}:host .control.control-label-left .control-input,:host .control.control-label-right .control-input{flex:2 2}:host .control.is-readonly input,:host .control.is-readonly select,:host .control.is-readonly textarea{border-color:var(--ec-form-control-border-color-readonly);background-color:var(--ec-form-control-background-color-readonly);background-clip:border-box;background-image:none;color:var(--ec-form-control-color-readonly);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-form-control-background-color-invalid);border-color:var(--ec-form-control-border-color-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:focus,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:focus{border-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:hover:not(:disabled):not(:focus),:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-form-control-border-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .textbox-group{display:flex;position:relative}:host textarea:focus,:host input:focus,:host select:focus{outline:none}:host .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host(.w-auto){width:auto}.checkbox{cursor:pointer;display:inline-flex;margin-bottom:0;position:relative}.checkbox.is-disabled{cursor:default}.ec-icon{align-self:center}.input{margin-top:.5rem;opacity:0;position:absolute;z-index:-1}.input:not(:checked)+.ec-icon{color:var(--ec-form-control-border-color)}.input:not(:checked)+.ec-icon:before{display:none}.input.indeterminate+.ec-icon,.input:indeterminate+.ec-icon{color:var(--ec-color-interactive)}.input.indeterminate+.ec-icon:before,.input:indeterminate+.ec-icon:before{content:\"\";background-color:currentColor;display:block;width:10px;height:3px}.input:focus+.ec-icon{color:var(--ec-color-interactive);box-shadow:var(--ec-form-control-box-shadow-focus);border-color:var(--ec-form-control-border-color-focus)}.input:disabled+.ec-icon{color:var(--ec-form-control-color-disabled);background-color:var(--ec-form-control-background-color-disabled);border-color:var(--ec-form-control-border-color-disabled);opacity:var(--ec-form-control-opacity-disabled)}.input:disabled~.label{color:var(--ec-form-control-color-disabled);opacity:var(--ec-form-control-opacity-disabled)}.input:hover:not(:disabled):not(:focus)+.ec-icon{border-color:var(--ec-border-color-control-hover)}.ec-icon.icon-check{background-color:var(--ec-form-control-background-color);background-clip:padding-box;border:1px solid currentColor;color:var(--ec-color-interactive);margin-top:.5rem;flex:none;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;height:1em;width:1em;border-radius:.125rem}.ec-icon.icon-check:before{font-size:.6875em}.ec-icon.icon-check{margin-top:0}.label{line-height:1.25rem;padding:.375rem 0;margin-left:.5rem;min-height:2rem;height:auto}.checkbox.is-readonly{pointer-events:none}.checkbox.is-readonly .input{opacity:0}.checkbox.is-readonly .ec-icon{background-color:var(--ec-form-control-background-color-readonly);border-color:var(--ec-form-control-border-color-readonly)}.checkbox.is-readonly .label,.checkbox.is-readonly .ec-icon{opacity:1;color:var(--ec-form-control-color)}.checkbox.is-readonly ec-help-popover{pointer-events:auto}.no-label .input{margin-top:0}\n"] }]
|
|
2719
2719
|
}], ctorParameters: () => [{ type: ValidationMessageService }, { type: FormGroupHelper }], propDecorators: { name: [{
|
|
2720
2720
|
type: Input
|
|
2721
2721
|
}], icon: [{
|