File manager - Edit - /home/c14075/dragmet-ural.ru/www/alerts.tar
Back
ui.alerts.css 0000644 00000060217 15133014231 0007163 0 ustar 00 /*region Base style*/ .ui-alert { position: relative; display: flex; box-sizing: border-box; margin-bottom: 10px; padding: 16px 34px 16px 18px; width: 100%; border-radius: 2px; background-color: #e7e8ea; color: #464a4e; vertical-align: middle; font: 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif; opacity: 1; transition: 250ms linear all; } /*endregion*/ .ui-alert-inline { display: inline-flex; width:auto; } .ui-alert-text-center { justify-content: center; } /*region Size*/ .ui-alert-md { padding: 16px 34px 16px 18px; font-size: 14px; line-height: 17px; } .ui-alert-xs { padding: 8px 34px 8px 18px; font-size: 13px; line-height: 18px; } /*endregion*/ /*region Closed*/ .ui-alert-close-btn { position: absolute; top: 15px; right: 10px; display: inline-block; width: 20px; height: 20px; opacity: .4; cursor: pointer; transition: 180ms opacity linear; } .ui-alert-xs .ui-alert-close-btn { top: 7px; } .ui-alert-close-btn:hover { opacity: .7; } .ui-alert-close-btn:active { opacity: 1; } .ui-alert-close-btn:after, .ui-alert-close-btn:before { position: absolute; top: 50%; left: 50%; display: block; background: #333; content: ''; transform: translate(-50%, -50%) rotate(45deg); } .ui-alert-close-btn:after { width: 2px; height: 8px; } .ui-alert-close-btn:before { width: 8px; height: 2px; } /*endregion*/ /*region Color*/ .ui-alert-default { background-color: #e7e8ea; color: #464a4e; } .ui-alert-default .ui-alert-close-btn:after, .ui-alert-default .ui-alert-close-btn:before { background-color: #333; } .ui-alert-success { background-color: #eaf7d7; color: #719100; } .ui-alert-success .ui-alert-close-btn:after, .ui-alert-success .ui-alert-close-btn:before { background-color: #719100; } .ui-alert-danger { background-color: #fae5e8; color: #d0021b; } .ui-alert-danger .ui-alert-close-btn:after, .ui-alert-danger .ui-alert-close-btn:before { background-color: #d0021b; } .ui-alert-warning { background-color: #f8f4bc; color: #91711e; } .ui-alert-warning .ui-alert-close-btn:after, .ui-alert-warning .ui-alert-close-btn:before { background-color: #af9245; } .ui-alert-primary { background-color: #e1f3f9; color: #1e8ec2; } .ui-alert-primary .ui-alert-close-btn:after, .ui-alert-primary .ui-alert-close-btn:before { background-color: #1e8ec2; } /*endregion*/ /*region Icons*/ .ui-alert-icon-warning:before { display: inline-block; margin-right: 10px; min-width: 16px; width: 16px; height: 16px; background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23464a4e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); content: ''; vertical-align: middle; } .ui-alert-success.ui-alert-icon-warning:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23719100%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-danger.ui-alert-icon-warning:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23d0021b%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-warning.ui-alert-icon-warning:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%2391711e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-primary.ui-alert-icon-warning:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%231e8ec2%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-icon-danger:before { display: inline-block; margin-right: 10px; min-width: 16px; width: 16px; height: 16px; background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%23464a4e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); background-size: contain; content: ''; vertical-align: middle; } .ui-alert-success.ui-alert-icon-danger:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%23719100%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-danger.ui-alert-icon-danger:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%23d0021b%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-warning.ui-alert-icon-danger:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%2391711e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-primary.ui-alert-icon-danger:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%231e8ec2%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-icon-info:before { display: inline-block; margin-right: 10px; min-width: 18px; width: 18px; height: 18px; background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%23464a4e%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); content: ''; vertical-align: middle; } .ui-alert-success.ui-alert-icon-info:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%23719100%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-danger.ui-alert-icon-info:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%23d0021b%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-warning.ui-alert-icon-info:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%2391711e%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-primary.ui-alert-icon-info:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%231e8ec2%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); } /*endregion*/ config.php 0000644 00000000347 15133014231 0006517 0 ustar 00 <? if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true) { die(); } return [ 'css' => 'src/ui.alert.css', 'js' => 'dist/alert.bundle.js', 'rel' => [ 'main.core', 'ui.design-tokens', ], 'skip_core' => false, ]; bundle.config.js 0000644 00000000142 15133014231 0007605 0 ustar 00 module.exports = { input: 'src/index.js', output: 'dist/alert.bundle.js', namespace: 'BX.UI' }; ui.alerts.js 0000644 00000012415 15133014231 0007004 0 ustar 00 (function() { 'use strict'; BX.namespace('BX.UI.Alert'); BX.UI.Alert = function(options) { this.options = options || {}; this.container = null; this.text = null; this.icon = null; this.textNode = null; this.closeBtn = false; this.closeNode = null; this.animated = false; this.color = BX.UI.Alert.Color.PRIMARY; this.size = BX.UI.Alert.Size.MEDIUM; this.setText(options.text); this.setAnimation(options.animated); this.setInline(options.inline); this.setTextCenter(options.textCenter); this.setIcon(options.icon); this.setColor(options.color); this.setSize(options.size); }; /** * * @enum {string} */ BX.UI.Alert.Color = { DEFAULT: "ui-alert-default", DANGER: "ui-alert-danger", SUCCESS: "ui-alert-success", PRIMARY: "ui-alert-primary", WARNING: "ui-alert-warning" }; /** * * @enum {string} */ BX.UI.Alert.Size = { MEDIUM: "ui-alert-md", SMALL: "ui-alert-xs" }; /** * * @enum {string} */ BX.UI.Alert.Icon = { WARNING: "ui-alert-icon-warning", DANGER: "ui-alert-icon-danger", INFO: "ui-alert-icon-info" }; BX.UI.Alert.prototype = { //region Parameters setColor: function(color) { if (BX.type.isNotEmptyString(color)) { BX.removeClass(this.getContainer(), this.color); this.color = color; BX.addClass(this.getContainer(), this.color); } }, setSize: function(size) { if (BX.type.isNotEmptyString(size)) { BX.removeClass(this.getContainer(), this.size); this.size = size; BX.addClass(this.getContainer(), this.size); } }, setText: function(text) { if (BX.type.isNotEmptyString(text)) { this.text = text; } }, getText: function() { return this.text; }, setIcon: function(icon) { if (BX.type.isNotEmptyString(icon)) { BX.removeClass(this.getContainer(), this.icon); this.icon = icon; BX.addClass(this.getContainer(), this.icon); } }, setTextCenter: function(boolean) { if (BX.type.isBoolean(boolean)) { this.textCenter = boolean; if (this.textCenter === true) { BX.addClass(this.getContainer(), "ui-alert-text-center"); } else { BX.removeClass(this.getContainer(), "ui-alert-text-center"); } } }, setInline: function(boolean) { if (BX.type.isBoolean(boolean)) { this.inline = boolean; if (this.inline === true) { BX.addClass(this.getContainer(), "ui-alert-inline"); } else { BX.removeClass(this.getContainer(), "ui-alert-inline"); } } }, getTextNode: function() { if (this.textNode === null) { this.textNode = BX.create("div", { props: { className: "ui-alert-message" }, html: this.getText() }) } return this.textNode; }, //endregion // region Close getCloseBtn: function() { if ((this.closeNode === null) && (this.options.closeBtn === true)) { this.closeNode = BX.create("span", { props: { className: "ui-alert-close-btn" }, events: { click: this.handleCloseBtnClick.bind(this) } }) } return this.closeNode; }, handleCloseBtnClick: function() { if (this.animated === true) { this.animateClosing(); } else { BX.remove(this.container); } }, animateClosing: function() { this.container.style.overflow = "hidden"; var alertWrapPos = BX.pos(this.container); this.container.style.height = alertWrapPos.height + "px"; setTimeout( function() { this.container.style.height = 0; this.container.style.paddingTop = 0; this.container.style.paddingBottom = 0; this.container.style.marginBottom = 0; this.container.style.opacity = 0; }.bind(this), 10 ); setTimeout( function() { BX.remove(this.container); }.bind(this), 260 ); }, //endregion // region Animations setAnimation: function(boolean) { if (BX.type.isBoolean(boolean)) { this.animated = boolean; } }, //endregion getContainer: function() { if (this.container !== null) { return this.container; } // region if(animated) if (this.animated === true) { var maxHeight = 0; var paddingBottom = 0; var paddingTop = 0; var marginBottom = 0; var opacity = 0; var overflow = "hidden"; } // endregion this.container = BX.create("div", { props: { className: "ui-alert" }, style: { "max-height": maxHeight, "overflow": overflow, "padding-top": paddingTop, "padding-bottom": paddingBottom, "margin-bottom": marginBottom, "opacity": opacity }, children: [ this.getTextNode(), this.getCloseBtn() ] }); // region if(animated) if (this.animated === true) { setTimeout( function() { this.container.style.maxHeight = "500px"; this.container.style.removeProperty("padding-top"); this.container.style.removeProperty("padding-bottom"); this.container.style.removeProperty("margin-bottom"); this.container.style.opacity = 1; }.bind(this), 10 ); setTimeout( function() { this.container.style.removeProperty("overflow"); this.container.style.removeProperty("max-height"); this.container.style.removeProperty("opacity"); }.bind(this), 260 ); } return this.container; } }; })(); dist/alert.bundle.min.js 0000644 00000014332 15133014231 0011202 0 ustar 00 this.BX=this.BX||{};(function(e,t){"use strict";var s=function e(){babelHelpers.classCallCheck(this,e)};babelHelpers.defineProperty(s,"DEFAULT","ui-alert-default");babelHelpers.defineProperty(s,"DANGER","ui-alert-danger");babelHelpers.defineProperty(s,"SUCCESS","ui-alert-success");babelHelpers.defineProperty(s,"WARNING","ui-alert-warning");babelHelpers.defineProperty(s,"PRIMARY","ui-alert-primary");babelHelpers.defineProperty(s,"INFO","ui-alert-info");var i=function e(){babelHelpers.classCallCheck(this,e)};babelHelpers.defineProperty(i,"MD","ui-alert-md");babelHelpers.defineProperty(i,"XS","ui-alert-xs");var n=function e(){babelHelpers.classCallCheck(this,e)};babelHelpers.defineProperty(n,"NONE","");babelHelpers.defineProperty(n,"INFO","ui-alert-icon-info");babelHelpers.defineProperty(n,"WARNING","ui-alert-icon-warning");babelHelpers.defineProperty(n,"DANGER","ui-alert-icon-danger");babelHelpers.defineProperty(n,"FORBIDDEN","ui-alert-icon-forbidden");var a;var l=function(){function e(s){babelHelpers.classCallCheck(this,e);this.text=s.text;this.color=s.color;this.size=s.size;this.icon=s.icon;this.closeBtn=!!s.closeBtn?true:s.closeBtn;this.animated=!!s.animated?true:s.animated;this.customClass=s.customClass;this.beforeMessageHtml=t.Type.isElementNode(s.beforeMessageHtml)?s.beforeMessageHtml:false;this.afterMessageHtml=t.Type.isElementNode(s.afterMessageHtml)?s.afterMessageHtml:false;this.setText(this.text);this.setSize(this.size);this.setIcon(this.icon);this.setColor(this.color);this.setCloseBtn(this.closeBtn);this.setCustomClass(this.customClass)}babelHelpers.createClass(e,[{key:"setColor",value:function e(t){this.color=t;this.setClassList()}},{key:"getColor",value:function e(){return this.color}},{key:"setSize",value:function e(t){this.size=t;this.setClassList()}},{key:"getSize",value:function e(){return this.size}},{key:"setIcon",value:function e(t){this.icon=t;this.setClassList()}},{key:"getIcon",value:function e(){return this.icon}},{key:"setText",value:function e(s){if(t.Type.isStringFilled(s)){this.text=s;this.getTextContainer().innerHTML=s}}},{key:"getText",value:function e(){return this.text}},{key:"getTextContainer",value:function e(){if(!this.textContainer){this.textContainer=t.Dom.create("span",{props:{className:"ui-alert-message"},html:this.text})}return this.textContainer}},{key:"setCloseBtn",value:function e(t){this.closeBtn=t}},{key:"getCloseBtn",value:function e(){if(this.closeBtn!=true){return}if(!this.closeNode&&this.closeBtn===true){this.closeNode=t.Dom.create("span",{props:{className:"ui-alert-close-btn"},events:{click:this.handleCloseBtnClick.bind(this)}})}return this.closeNode}},{key:"handleCloseBtnClick",value:function e(){if(this.animated===true){this.animateClosing()}else{t.Dom.remove(this.container)}}},{key:"setBeforeMessageHtml",value:function e(s){if(t.Type.isElementNode(s)&&s!==false){this.beforeMessageHtml=s}}},{key:"getBeforeMessageHtml",value:function e(){return this.beforeMessageHtml}},{key:"setAfterMessageHtml",value:function e(s){if(t.Type.isElementNode(s)&&s!==false){this.afterMessageHtml=s}}},{key:"getAfterMessageHtml",value:function e(){return this.afterMessageHtml}},{key:"setCustomClass",value:function e(t){this.customClass=t;this.updateClassList()}},{key:"getCustomClass",value:function e(){return this.customClass}},{key:"setClassList",value:function e(){this.classList="ui-alert";if(typeof this.getColor()!="undefined"){this.classList=this.classList+" "+this.color}if(typeof this.getSize()!="undefined"){this.classList=this.classList+" "+this.size}if(typeof this.getIcon()!="undefined"){this.classList=this.classList+" "+this.icon}if(typeof this.getCustomClass()!="undefined"){this.classList=this.classList+" "+this.customClass}this.updateClassList()}},{key:"getClassList",value:function e(){return this.classList}},{key:"updateClassList",value:function e(){if(!this.container){this.getContainer()}this.container.setAttribute("class",this.classList)}},{key:"animateOpening",value:function e(){this.container.style.overflow="hidden";this.container.style.height=0;this.container.style.paddingTop=0;this.container.style.paddingBottom=0;this.container.style.marginBottom=0;this.container.style.opacity=0;setTimeout(function(){this.container.style.height=this.container.scrollHeight+"px";this.container.style.height="";this.container.style.paddingTop="";this.container.style.paddingBottom="";this.container.style.marginBottom="";this.container.style.opacity=""}.bind(this),10);setTimeout(function(){this.container.style.height=""}.bind(this),200)}},{key:"animateClosing",value:function e(){this.container.style.overflow="hidden";var s=t.Dom.getPosition(this.container);this.container.style.height=s.height+"px";setTimeout(function(){this.container.style.height=0;this.container.style.paddingTop=0;this.container.style.paddingBottom=0;this.container.style.marginBottom=0;this.container.style.opacity=0}.bind(this),10);setTimeout(function(){t.Dom.remove(this.container)}.bind(this),260)}},{key:"show",value:function e(){this.animateOpening()}},{key:"hide",value:function e(){this.animateClosing()}},{key:"getContainer",value:function e(){this.container=t.Tag.render(a||(a=babelHelpers.taggedTemplateLiteral(['<div class="','">',"</div>"])),this.getClassList(),this.getTextContainer());if(this.animated===true){this.animateOpening()}if(this.closeBtn===true){t.Dom.append(this.getCloseBtn(),this.container)}if(t.Type.isElementNode(this.beforeMessageHtml)){t.Dom.prepend(this.getBeforeMessageHtml(),this.getTextContainer())}if(t.Type.isElementNode(this.afterMessageHtml)){t.Dom.append(this.getAfterMessageHtml(),this.getTextContainer())}return this.container}},{key:"render",value:function e(){return this.getContainer()}},{key:"renderTo",value:function e(s){if(t.Type.isDomNode(s)){return s.appendChild(this.getContainer())}return null}},{key:"destroy",value:function e(){t.Dom.remove(this.container);this.container=null;this.finished=false;this.textAfterContainer=null;this.textBeforeContainer=null;this.bar=null;for(var s in this){if(this.hasOwnProperty(s)){delete this[s]}}Object.setPrototypeOf(this,null)}}]);return e}();babelHelpers.defineProperty(l,"Color",s);babelHelpers.defineProperty(l,"Size",i);babelHelpers.defineProperty(l,"Icon",n);e.Alert=l;e.AlertColor=s;e.AlertSize=i;e.AlertIcon=n})(this.BX.UI=this.BX.UI||{},BX); //# sourceMappingURL=alert.bundle.map.js dist/alert.bundle.js.map 0000644 00000037145 15133014231 0011203 0 ustar 00 {"version":3,"file":"alert.bundle.js","sources":["../src/alert-color.js","../src/alert-size.js","../src/alert-icon.js","../src/alert.js"],"sourcesContent":["/**\n * @namespace {BX.UI}\n */\nexport default class AlertColor\n{\n\tstatic DEFAULT = 'ui-alert-default';\n\tstatic DANGER = 'ui-alert-danger';\n\tstatic SUCCESS = 'ui-alert-success';\n\tstatic WARNING = 'ui-alert-warning';\n\tstatic PRIMARY = 'ui-alert-primary';\n\tstatic INFO = 'ui-alert-info';\n}","/**\n * @namespace {BX.UI}\n */\nexport default class AlertSize\n{\n\tstatic MD = 'ui-alert-md';\n\tstatic XS = 'ui-alert-xs';\n}","/**\n * @namespace {BX.UI}\n */\nexport default class AlertIcon\n{\n\tstatic NONE = '';\n\tstatic INFO = 'ui-alert-icon-info';\n\tstatic WARNING = 'ui-alert-icon-warning';\n\tstatic DANGER = 'ui-alert-icon-danger';\n\tstatic FORBIDDEN = 'ui-alert-icon-forbidden';\n}","// @flow\n\nimport {Dom, Tag, Type} from 'main.core';\nimport AlertColor from './alert-color';\nimport AlertSize from './alert-size';\nimport AlertIcon from './alert-icon';\n\nimport 'ui.design-tokens';\n\ntype AlertOptions = {\n\ttext: string;\n\tcolor: AlertColor;\n\tsize: AlertSize;\n\ticon: AlertIcon;\n\tcustomClass: string;\n\tcloseBtn: boolean;\n\tanimated: boolean;\n\tbeforeMessageHtml: HTMLElement;\n\tafterMessageHtml: HTMLElement;\n};\n\nexport default class Alert {\n\n\tstatic Color = AlertColor;\n\tstatic Size = AlertSize;\n\tstatic Icon = AlertIcon;\n\n\ttext: string;\n\tcolor: string;\n\tsize: string;\n\ticon: string;\n\tcloseBtn: boolean;\n\tanimated: boolean;\n\tcustomClass: string;\n\tbeforeMessageHtml: HTMLElement;\n\tafterMessageHtml: HTMLElement;\n\n\tconstructor(options: AlertOptions)\n\t{\n\t\tthis.text = options.text;\n\t\tthis.color = options.color;\n\t\tthis.size = options.size;\n\t\tthis.icon = options.icon;\n\t\tthis.closeBtn = !!options.closeBtn ? true : options.closeBtn;\n\t\tthis.animated = !!options.animated ? true : options.animated;\n\t\tthis.customClass = options.customClass;\n\t\tthis.beforeMessageHtml = Type.isElementNode(options.beforeMessageHtml) ? options.beforeMessageHtml : false ;\n\t\tthis.afterMessageHtml = Type.isElementNode(options.afterMessageHtml) ? options.afterMessageHtml : false ;\n\n\t\tthis.setText(this.text);\n\t\tthis.setSize(this.size);\n\t\tthis.setIcon(this.icon);\n\t\tthis.setColor(this.color);\n\t\tthis.setCloseBtn(this.closeBtn);\n\t\tthis.setCustomClass(this.customClass);\n\t}\n\n\t//region COLOR\n\tsetColor(color: string)\n\t{\n\t\tthis.color = color;\n\t\tthis.setClassList();\n\t}\n\n\tgetColor()\n\t{\n\t\treturn this.color;\n\t}\n\n\t// endregion\n\n\t//region SIZE\n\tsetSize(size: string)\n\t{\n\t\tthis.size = size;\n\t\tthis.setClassList();\n\t}\n\n\tgetSize()\n\t{\n\t\treturn this.size;\n\t}\n\n\t// endregion\n\n\t//region ICON\n\tsetIcon(icon: string)\n\t{\n\t\tthis.icon = icon;\n\t\tthis.setClassList();\n\t}\n\n\tgetIcon()\n\t{\n\t\treturn this.icon;\n\t}\n\n\t// endregion\n\n\t//region TEXT\n\tsetText(text: string): this\n\t{\n\t\tif (Type.isStringFilled(text))\n\t\t{\n\t\t\tthis.text = text;\n\t\t\tthis.getTextContainer().innerHTML = text;\n\t\t}\n\t}\n\n\tgetText()\n\t{\n\t\treturn this.text;\n\t}\n\n\tgetTextContainer()\n\t{\n\t\tif (!this.textContainer)\n\t\t{\n\t\t\tthis.textContainer = Dom.create('span', {\n\t\t\t\tprops: {\n\t\t\t\t\tclassName: 'ui-alert-message'\n\t\t\t\t},\n\t\t\t\thtml: this.text\n\t\t\t});\n\t\t}\n\n\t\treturn this.textContainer;\n\t}\n\n\t// endregion\n\n\t// region CLOSE BTN\n\tsetCloseBtn(closeBtn: boolean)\n\t{\n\t\tthis.closeBtn = closeBtn;\n\t}\n\n\tgetCloseBtn()\n\t{\n\t\tif (this.closeBtn != true)\n\t\t{\n\t\t\treturn\n\t\t}\n\n\t\tif ((!this.closeNode) && (this.closeBtn === true))\n\t\t{\n\t\t\tthis.closeNode = Dom.create(\"span\", {\n\t\t\t\tprops: {className: \"ui-alert-close-btn\"},\n\t\t\t\tevents: {\n\t\t\t\t\tclick: this.handleCloseBtnClick.bind(this)\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\treturn this.closeNode;\n\t}\n\n\thandleCloseBtnClick()\n\t{\n\t\tif (this.animated === true)\n\t\t{\n\t\t\tthis.animateClosing();\n\t\t}\n\t\telse\n\t\t{\n\t\t\tDom.remove(this.container);\n\t\t}\n\t}\n\n\t// endregion\n\n\t// region Custom HTML\n\tsetBeforeMessageHtml(element: HTMLElement)\n\t{\n\t\tif (Type.isElementNode(element) && element !== false)\n\t\t{\n\t\t\tthis.beforeMessageHtml = element;\n\t\t}\n\t}\n\n\tgetBeforeMessageHtml(): HTMLElement\n\t{\n\t\treturn this.beforeMessageHtml;\n\t}\n\n\tsetAfterMessageHtml(element: HTMLElement)\n\t{\n\t\tif (Type.isElementNode(element) && element !== false)\n\t\t{\n\t\t\tthis.afterMessageHtml = element;\n\t\t}\n\t}\n\n\tgetAfterMessageHtml(): HTMLElement\n\t{\n\t\treturn this.afterMessageHtml;\n\t}\n\n\t//endregion\n\n\t//region CUSTOM CLASS\n\tsetCustomClass(customClass: string)\n\t{\n\t\tthis.customClass = customClass;\n\t\tthis.updateClassList();\n\t}\n\n\tgetCustomClass()\n\t{\n\t\treturn this.customClass;\n\t}\n\n\t// endregion\n\n\t//region CLASS LIST\n\tsetClassList()\n\t{\n\t\tthis.classList = \"ui-alert\";\n\n\t\tif (typeof this.getColor() != \"undefined\")\n\t\t{\n\t\t\tthis.classList = this.classList + \" \" + this.color;\n\t\t}\n\n\t\tif (typeof this.getSize() != \"undefined\")\n\t\t{\n\t\t\tthis.classList = this.classList + \" \" + this.size;\n\t\t}\n\n\t\tif (typeof this.getIcon() != \"undefined\")\n\t\t{\n\t\t\tthis.classList = this.classList + \" \" + this.icon;\n\t\t}\n\n\t\tif (typeof this.getCustomClass() != \"undefined\")\n\t\t{\n\t\t\tthis.classList = this.classList + \" \" + this.customClass;\n\t\t}\n\n\t\tthis.updateClassList();\n\t}\n\n\tgetClassList()\n\t{\n\t\treturn this.classList;\n\t}\n\n\tupdateClassList()\n\t{\n\t\tif (!this.container)\n\t\t{\n\t\t\tthis.getContainer()\n\t\t}\n\n\t\tthis.container.setAttribute(\"class\", this.classList);\n\t}\n\n\t// endregion\n\n\t//region ANIMATION\n\tanimateOpening()\n\t{\n\t\tthis.container.style.overflow = \"hidden\";\n\t\tthis.container.style.height = 0;\n\t\tthis.container.style.paddingTop = 0;\n\t\tthis.container.style.paddingBottom = 0;\n\t\tthis.container.style.marginBottom = 0;\n\t\tthis.container.style.opacity = 0;\n\n\t\tsetTimeout(\n\t\t\tfunction () {\n\t\t\t\tthis.container.style.height = this.container.scrollHeight + \"px\";\n\t\t\t\tthis.container.style.height = \"\";\n\t\t\t\tthis.container.style.paddingTop = \"\";\n\t\t\t\tthis.container.style.paddingBottom = \"\";\n\t\t\t\tthis.container.style.marginBottom = \"\";\n\t\t\t\tthis.container.style.opacity = \"\";\n\t\t\t}.bind(this),\n\t\t\t10\n\t\t);\n\n\t\tsetTimeout(\n\t\t\tfunction () {\n\t\t\t\tthis.container.style.height = \"\";\n\t\t\t}.bind(this),\n\t\t\t200\n\t\t);\n\t}\n\n\tanimateClosing()\n\t{\n\t\tthis.container.style.overflow = \"hidden\";\n\n\t\tvar alertWrapPos = Dom.getPosition(this.container);\n\t\tthis.container.style.height = alertWrapPos.height + \"px\";\n\n\t\tsetTimeout(\n\t\t\tfunction () {\n\t\t\t\tthis.container.style.height = 0;\n\t\t\t\tthis.container.style.paddingTop = 0;\n\t\t\t\tthis.container.style.paddingBottom = 0;\n\t\t\t\tthis.container.style.marginBottom = 0;\n\t\t\t\tthis.container.style.opacity = 0;\n\t\t\t}.bind(this),\n\t\t\t10\n\t\t);\n\n\t\tsetTimeout(\n\t\t\tfunction () {\n\t\t\t\tDom.remove(this.container);\n\t\t\t}.bind(this),\n\t\t\t260\n\t\t);\n\t}\n\n\t//endregion\n\n\tshow()\n\t{\n\t\tthis.animateOpening()\n\t}\n\n\thide()\n\t{\n\t\tthis.animateClosing()\n\t}\n\n\tgetContainer()\n\t{\n\t\tthis.container = Tag.render`<div class=\"${this.getClassList()}\">${this.getTextContainer()}</div>`;\n\n\t\tif (this.animated === true)\n\t\t{\n\t\t\tthis.animateOpening();\n\t\t}\n\n\t\tif (this.closeBtn === true)\n\t\t{\n\t\t\tDom.append(this.getCloseBtn(), this.container);\n\t\t}\n\n\t\tif (Type.isElementNode(this.beforeMessageHtml))\n\t\t{\n\t\t\tDom.prepend(this.getBeforeMessageHtml(), this.getTextContainer());\n\t\t}\n\n\t\tif (Type.isElementNode(this.afterMessageHtml))\n\t\t{\n\t\t\tDom.append(this.getAfterMessageHtml(), this.getTextContainer());\n\t\t}\n\n\t\treturn this.container;\n\t}\n\n\trender(): HTMLElement\n\t{\n\t\treturn this.getContainer();\n\t}\n\n\trenderTo(node: HTMLElement): HTMLElement | null\n\t{\n\t\tif (Type.isDomNode(node))\n\t\t{\n\t\t\treturn node.appendChild(this.getContainer());\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tdestroy(): void\n\t{\n\t\tDom.remove(this.container);\n\t\tthis.container = null;\n\t\tthis.finished = false;\n\t\tthis.textAfterContainer = null;\n\t\tthis.textBeforeContainer = null;\n\t\tthis.bar = null;\n\n\n\t\tfor (const property in this)\n\t\t{\n\t\t\tif (this.hasOwnProperty(property))\n\t\t\t{\n\t\t\t\tdelete this[property];\n\t\t\t}\n\t\t}\n\n\t\tObject.setPrototypeOf(this, null);\n\t}\n}"],"names":["AlertColor","AlertSize","AlertIcon","Alert","options","text","color","size","icon","closeBtn","animated","customClass","beforeMessageHtml","Type","isElementNode","afterMessageHtml","setText","setSize","setIcon","setColor","setCloseBtn","setCustomClass","setClassList","isStringFilled","getTextContainer","innerHTML","textContainer","Dom","create","props","className","html","closeNode","events","click","handleCloseBtnClick","bind","animateClosing","remove","container","element","updateClassList","classList","getColor","getSize","getIcon","getCustomClass","getContainer","setAttribute","style","overflow","height","paddingTop","paddingBottom","marginBottom","opacity","setTimeout","scrollHeight","alertWrapPos","getPosition","animateOpening","Tag","render","getClassList","append","getCloseBtn","prepend","getBeforeMessageHtml","getAfterMessageHtml","node","isDomNode","appendChild","finished","textAfterContainer","textBeforeContainer","bar","property","hasOwnProperty","Object","setPrototypeOf"],"mappings":"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"} dist/alert.bundle.js 0000644 00000024230 15133014231 0010416 0 ustar 00 this.BX = this.BX || {}; (function (exports,main_core) { 'use strict'; /** * @namespace {BX.UI} */ var AlertColor = function AlertColor() { babelHelpers.classCallCheck(this, AlertColor); }; babelHelpers.defineProperty(AlertColor, "DEFAULT", 'ui-alert-default'); babelHelpers.defineProperty(AlertColor, "DANGER", 'ui-alert-danger'); babelHelpers.defineProperty(AlertColor, "SUCCESS", 'ui-alert-success'); babelHelpers.defineProperty(AlertColor, "WARNING", 'ui-alert-warning'); babelHelpers.defineProperty(AlertColor, "PRIMARY", 'ui-alert-primary'); babelHelpers.defineProperty(AlertColor, "INFO", 'ui-alert-info'); /** * @namespace {BX.UI} */ var AlertSize = function AlertSize() { babelHelpers.classCallCheck(this, AlertSize); }; babelHelpers.defineProperty(AlertSize, "MD", 'ui-alert-md'); babelHelpers.defineProperty(AlertSize, "XS", 'ui-alert-xs'); /** * @namespace {BX.UI} */ var AlertIcon = function AlertIcon() { babelHelpers.classCallCheck(this, AlertIcon); }; babelHelpers.defineProperty(AlertIcon, "NONE", ''); babelHelpers.defineProperty(AlertIcon, "INFO", 'ui-alert-icon-info'); babelHelpers.defineProperty(AlertIcon, "WARNING", 'ui-alert-icon-warning'); babelHelpers.defineProperty(AlertIcon, "DANGER", 'ui-alert-icon-danger'); babelHelpers.defineProperty(AlertIcon, "FORBIDDEN", 'ui-alert-icon-forbidden'); var _templateObject; var Alert = /*#__PURE__*/function () { function Alert(options) { babelHelpers.classCallCheck(this, Alert); this.text = options.text; this.color = options.color; this.size = options.size; this.icon = options.icon; this.closeBtn = !!options.closeBtn ? true : options.closeBtn; this.animated = !!options.animated ? true : options.animated; this.customClass = options.customClass; this.beforeMessageHtml = main_core.Type.isElementNode(options.beforeMessageHtml) ? options.beforeMessageHtml : false; this.afterMessageHtml = main_core.Type.isElementNode(options.afterMessageHtml) ? options.afterMessageHtml : false; this.setText(this.text); this.setSize(this.size); this.setIcon(this.icon); this.setColor(this.color); this.setCloseBtn(this.closeBtn); this.setCustomClass(this.customClass); } //region COLOR babelHelpers.createClass(Alert, [{ key: "setColor", value: function setColor(color) { this.color = color; this.setClassList(); } }, { key: "getColor", value: function getColor() { return this.color; } // endregion //region SIZE }, { key: "setSize", value: function setSize(size) { this.size = size; this.setClassList(); } }, { key: "getSize", value: function getSize() { return this.size; } // endregion //region ICON }, { key: "setIcon", value: function setIcon(icon) { this.icon = icon; this.setClassList(); } }, { key: "getIcon", value: function getIcon() { return this.icon; } // endregion //region TEXT }, { key: "setText", value: function setText(text) { if (main_core.Type.isStringFilled(text)) { this.text = text; this.getTextContainer().innerHTML = text; } } }, { key: "getText", value: function getText() { return this.text; } }, { key: "getTextContainer", value: function getTextContainer() { if (!this.textContainer) { this.textContainer = main_core.Dom.create('span', { props: { className: 'ui-alert-message' }, html: this.text }); } return this.textContainer; } // endregion // region CLOSE BTN }, { key: "setCloseBtn", value: function setCloseBtn(closeBtn) { this.closeBtn = closeBtn; } }, { key: "getCloseBtn", value: function getCloseBtn() { if (this.closeBtn != true) { return; } if (!this.closeNode && this.closeBtn === true) { this.closeNode = main_core.Dom.create("span", { props: { className: "ui-alert-close-btn" }, events: { click: this.handleCloseBtnClick.bind(this) } }); } return this.closeNode; } }, { key: "handleCloseBtnClick", value: function handleCloseBtnClick() { if (this.animated === true) { this.animateClosing(); } else { main_core.Dom.remove(this.container); } } // endregion // region Custom HTML }, { key: "setBeforeMessageHtml", value: function setBeforeMessageHtml(element) { if (main_core.Type.isElementNode(element) && element !== false) { this.beforeMessageHtml = element; } } }, { key: "getBeforeMessageHtml", value: function getBeforeMessageHtml() { return this.beforeMessageHtml; } }, { key: "setAfterMessageHtml", value: function setAfterMessageHtml(element) { if (main_core.Type.isElementNode(element) && element !== false) { this.afterMessageHtml = element; } } }, { key: "getAfterMessageHtml", value: function getAfterMessageHtml() { return this.afterMessageHtml; } //endregion //region CUSTOM CLASS }, { key: "setCustomClass", value: function setCustomClass(customClass) { this.customClass = customClass; this.updateClassList(); } }, { key: "getCustomClass", value: function getCustomClass() { return this.customClass; } // endregion //region CLASS LIST }, { key: "setClassList", value: function setClassList() { this.classList = "ui-alert"; if (typeof this.getColor() != "undefined") { this.classList = this.classList + " " + this.color; } if (typeof this.getSize() != "undefined") { this.classList = this.classList + " " + this.size; } if (typeof this.getIcon() != "undefined") { this.classList = this.classList + " " + this.icon; } if (typeof this.getCustomClass() != "undefined") { this.classList = this.classList + " " + this.customClass; } this.updateClassList(); } }, { key: "getClassList", value: function getClassList() { return this.classList; } }, { key: "updateClassList", value: function updateClassList() { if (!this.container) { this.getContainer(); } this.container.setAttribute("class", this.classList); } // endregion //region ANIMATION }, { key: "animateOpening", value: function animateOpening() { this.container.style.overflow = "hidden"; this.container.style.height = 0; this.container.style.paddingTop = 0; this.container.style.paddingBottom = 0; this.container.style.marginBottom = 0; this.container.style.opacity = 0; setTimeout(function () { this.container.style.height = this.container.scrollHeight + "px"; this.container.style.height = ""; this.container.style.paddingTop = ""; this.container.style.paddingBottom = ""; this.container.style.marginBottom = ""; this.container.style.opacity = ""; }.bind(this), 10); setTimeout(function () { this.container.style.height = ""; }.bind(this), 200); } }, { key: "animateClosing", value: function animateClosing() { this.container.style.overflow = "hidden"; var alertWrapPos = main_core.Dom.getPosition(this.container); this.container.style.height = alertWrapPos.height + "px"; setTimeout(function () { this.container.style.height = 0; this.container.style.paddingTop = 0; this.container.style.paddingBottom = 0; this.container.style.marginBottom = 0; this.container.style.opacity = 0; }.bind(this), 10); setTimeout(function () { main_core.Dom.remove(this.container); }.bind(this), 260); } //endregion }, { key: "show", value: function show() { this.animateOpening(); } }, { key: "hide", value: function hide() { this.animateClosing(); } }, { key: "getContainer", value: function getContainer() { this.container = main_core.Tag.render(_templateObject || (_templateObject = babelHelpers.taggedTemplateLiteral(["<div class=\"", "\">", "</div>"])), this.getClassList(), this.getTextContainer()); if (this.animated === true) { this.animateOpening(); } if (this.closeBtn === true) { main_core.Dom.append(this.getCloseBtn(), this.container); } if (main_core.Type.isElementNode(this.beforeMessageHtml)) { main_core.Dom.prepend(this.getBeforeMessageHtml(), this.getTextContainer()); } if (main_core.Type.isElementNode(this.afterMessageHtml)) { main_core.Dom.append(this.getAfterMessageHtml(), this.getTextContainer()); } return this.container; } }, { key: "render", value: function render() { return this.getContainer(); } }, { key: "renderTo", value: function renderTo(node) { if (main_core.Type.isDomNode(node)) { return node.appendChild(this.getContainer()); } return null; } }, { key: "destroy", value: function destroy() { main_core.Dom.remove(this.container); this.container = null; this.finished = false; this.textAfterContainer = null; this.textBeforeContainer = null; this.bar = null; for (var property in this) { if (this.hasOwnProperty(property)) { delete this[property]; } } Object.setPrototypeOf(this, null); } }]); return Alert; }(); babelHelpers.defineProperty(Alert, "Color", AlertColor); babelHelpers.defineProperty(Alert, "Size", AlertSize); babelHelpers.defineProperty(Alert, "Icon", AlertIcon); exports.Alert = Alert; exports.AlertColor = AlertColor; exports.AlertSize = AlertSize; exports.AlertIcon = AlertIcon; }((this.BX.UI = this.BX.UI || {}),BX)); //# sourceMappingURL=alert.bundle.js.map dist/alert.bundle.map.js 0000644 00000015456 15133014231 0011204 0 ustar 00 {"version":3,"sources":["alert.bundle.js"],"names":["this","BX","exports","main_core","AlertColor","babelHelpers","classCallCheck","defineProperty","AlertSize","AlertIcon","_templateObject","Alert","options","text","color","size","icon","closeBtn","animated","customClass","beforeMessageHtml","Type","isElementNode","afterMessageHtml","setText","setSize","setIcon","setColor","setCloseBtn","setCustomClass","createClass","key","value","setClassList","getColor","getSize","getIcon","isStringFilled","getTextContainer","innerHTML","getText","textContainer","Dom","create","props","className","html","getCloseBtn","closeNode","events","click","handleCloseBtnClick","bind","animateClosing","remove","container","setBeforeMessageHtml","element","getBeforeMessageHtml","setAfterMessageHtml","getAfterMessageHtml","updateClassList","getCustomClass","classList","getClassList","getContainer","setAttribute","animateOpening","style","overflow","height","paddingTop","paddingBottom","marginBottom","opacity","setTimeout","scrollHeight","alertWrapPos","getPosition","show","hide","Tag","render","taggedTemplateLiteral","append","prepend","renderTo","node","isDomNode","appendChild","destroy","finished","textAfterContainer","textBeforeContainer","bar","property","hasOwnProperty","Object","setPrototypeOf","UI"],"mappings":"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","file":"alert.bundle.map.js"} ui.alerts.min.css 0000644 00000057032 15133014231 0007746 0 ustar 00 .ui-alert{position:relative;display:flex;box-sizing:border-box;margin-bottom:10px;padding:16px 34px 16px 18px;width:100%;border-radius:2px;background-color:#e7e8ea;color:#464a4e;vertical-align:middle;font:14px/17px "Helvetica Neue",Helvetica,Arial,sans-serif;opacity:1;transition:250ms linear all}.ui-alert-inline{display:inline-flex;width:auto}.ui-alert-text-center{justify-content:center}.ui-alert-md{padding:16px 34px 16px 18px;font-size:14px;line-height:17px}.ui-alert-xs{padding:8px 34px 8px 18px;font-size:13px;line-height:18px}.ui-alert-close-btn{position:absolute;top:15px;right:10px;display:inline-block;width:20px;height:20px;opacity:.4;cursor:pointer;transition:180ms opacity linear}.ui-alert-xs .ui-alert-close-btn{top:7px}.ui-alert-close-btn:hover{opacity:.7}.ui-alert-close-btn:active{opacity:1}.ui-alert-close-btn:after,.ui-alert-close-btn:before{position:absolute;top:50%;left:50%;display:block;background:#333;content:'';transform:translate(-50%,-50%) rotate(45deg)}.ui-alert-close-btn:after{width:2px;height:8px}.ui-alert-close-btn:before{width:8px;height:2px}.ui-alert-default{background-color:#e7e8ea;color:#464a4e}.ui-alert-default .ui-alert-close-btn:after,.ui-alert-default .ui-alert-close-btn:before{background-color:#333}.ui-alert-success{background-color:#eaf7d7;color:#719100}.ui-alert-success .ui-alert-close-btn:after,.ui-alert-success .ui-alert-close-btn:before{background-color:#719100}.ui-alert-danger{background-color:#fae5e8;color:#d0021b}.ui-alert-danger .ui-alert-close-btn:after,.ui-alert-danger .ui-alert-close-btn:before{background-color:#d0021b}.ui-alert-warning{background-color:#f8f4bc;color:#91711e}.ui-alert-warning .ui-alert-close-btn:after,.ui-alert-warning .ui-alert-close-btn:before{background-color:#af9245}.ui-alert-primary{background-color:#e1f3f9;color:#1e8ec2}.ui-alert-primary .ui-alert-close-btn:after,.ui-alert-primary .ui-alert-close-btn:before{background-color:#1e8ec2}.ui-alert-icon-warning:before{display:inline-block;margin-right:10px;min-width:16px;width:16px;height:16px;background:no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23464a4e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);content:'';vertical-align:middle}.ui-alert-success.ui-alert-icon-warning:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23719100%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-danger.ui-alert-icon-warning:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23d0021b%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-warning.ui-alert-icon-warning:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%2391711e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-primary.ui-alert-icon-warning:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%231e8ec2%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-icon-danger:before{display:inline-block;margin-right:10px;min-width:16px;width:16px;height:16px;background:no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%23464a4e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E);background-size:contain;content:'';vertical-align:middle}.ui-alert-success.ui-alert-icon-danger:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%23719100%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-danger.ui-alert-icon-danger:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%23d0021b%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-warning.ui-alert-icon-danger:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%2391711e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-primary.ui-alert-icon-danger:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%231e8ec2%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-icon-info:before{display:inline-block;margin-right:10px;min-width:18px;width:18px;height:18px;background:no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%23464a4e%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E);content:'';vertical-align:middle}.ui-alert-success.ui-alert-icon-info:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%23719100%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-danger.ui-alert-icon-info:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%23d0021b%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-warning.ui-alert-icon-info:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%2391711e%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E)}.ui-alert-primary.ui-alert-icon-info:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%231e8ec2%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E)} ui.alerts.min.js 0000644 00000007070 15133014231 0007567 0 ustar 00 (function(){"use strict";BX.namespace("BX.UI.Alert");BX.UI.Alert=function(t){this.options=t||{};this.container=null;this.text=null;this.icon=null;this.textNode=null;this.closeBtn=false;this.closeNode=null;this.animated=false;this.color=BX.UI.Alert.Color.PRIMARY;this.size=BX.UI.Alert.Size.MEDIUM;this.setText(t.text);this.setAnimation(t.animated);this.setInline(t.inline);this.setTextCenter(t.textCenter);this.setIcon(t.icon);this.setColor(t.color);this.setSize(t.size)};BX.UI.Alert.Color={DEFAULT:"ui-alert-default",DANGER:"ui-alert-danger",SUCCESS:"ui-alert-success",PRIMARY:"ui-alert-primary",WARNING:"ui-alert-warning"};BX.UI.Alert.Size={MEDIUM:"ui-alert-md",SMALL:"ui-alert-xs"};BX.UI.Alert.Icon={WARNING:"ui-alert-icon-warning",DANGER:"ui-alert-icon-danger",INFO:"ui-alert-icon-info"};BX.UI.Alert.prototype={setColor:function(t){if(BX.type.isNotEmptyString(t)){BX.removeClass(this.getContainer(),this.color);this.color=t;BX.addClass(this.getContainer(),this.color)}},setSize:function(t){if(BX.type.isNotEmptyString(t)){BX.removeClass(this.getContainer(),this.size);this.size=t;BX.addClass(this.getContainer(),this.size)}},setText:function(t){if(BX.type.isNotEmptyString(t)){this.text=t}},getText:function(){return this.text},setIcon:function(t){if(BX.type.isNotEmptyString(t)){BX.removeClass(this.getContainer(),this.icon);this.icon=t;BX.addClass(this.getContainer(),this.icon)}},setTextCenter:function(t){if(BX.type.isBoolean(t)){this.textCenter=t;if(this.textCenter===true){BX.addClass(this.getContainer(),"ui-alert-text-center")}else{BX.removeClass(this.getContainer(),"ui-alert-text-center")}}},setInline:function(t){if(BX.type.isBoolean(t)){this.inline=t;if(this.inline===true){BX.addClass(this.getContainer(),"ui-alert-inline")}else{BX.removeClass(this.getContainer(),"ui-alert-inline")}}},getTextNode:function(){if(this.textNode===null){this.textNode=BX.create("div",{props:{className:"ui-alert-message"},html:this.getText()})}return this.textNode},getCloseBtn:function(){if(this.closeNode===null&&this.options.closeBtn===true){this.closeNode=BX.create("span",{props:{className:"ui-alert-close-btn"},events:{click:this.handleCloseBtnClick.bind(this)}})}return this.closeNode},handleCloseBtnClick:function(){if(this.animated===true){this.animateClosing()}else{BX.remove(this.container)}},animateClosing:function(){this.container.style.overflow="hidden";var t=BX.pos(this.container);this.container.style.height=t.height+"px";setTimeout(function(){this.container.style.height=0;this.container.style.paddingTop=0;this.container.style.paddingBottom=0;this.container.style.marginBottom=0;this.container.style.opacity=0}.bind(this),10);setTimeout(function(){BX.remove(this.container)}.bind(this),260)},setAnimation:function(t){if(BX.type.isBoolean(t)){this.animated=t}},getContainer:function(){if(this.container!==null){return this.container}if(this.animated===true){var t=0;var e=0;var i=0;var n=0;var s=0;var o="hidden"}this.container=BX.create("div",{props:{className:"ui-alert"},style:{"max-height":t,overflow:o,"padding-top":i,"padding-bottom":e,"margin-bottom":n,opacity:s},children:[this.getTextNode(),this.getCloseBtn()]});if(this.animated===true){setTimeout(function(){this.container.style.maxHeight="500px";this.container.style.removeProperty("padding-top");this.container.style.removeProperty("padding-bottom");this.container.style.removeProperty("margin-bottom");this.container.style.opacity=1}.bind(this),10);setTimeout(function(){this.container.style.removeProperty("overflow");this.container.style.removeProperty("max-height");this.container.style.removeProperty("opacity")}.bind(this),260)}return this.container}}})(); src/alert-size.js 0000644 00000000170 15133014231 0007737 0 ustar 00 /** * @namespace {BX.UI} */ export default class AlertSize { static MD = 'ui-alert-md'; static XS = 'ui-alert-xs'; } src/icons/ui-alert-icon-forbidden.svg 0000644 00000001326 15133014231 0013564 0 ustar 00 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.00173 16.9492C9.8759 17.4851 10.9042 17.794 12.0047 17.794C15.1826 17.794 17.7589 15.2178 17.7589 12.0399C17.7589 10.9394 17.45 9.91106 16.9141 9.03688L9.00173 16.9492ZM7.0953 15.0428L15.0077 7.13045C14.1335 6.5946 13.1052 6.28567 12.0047 6.28567C8.82675 6.28567 6.25052 8.86191 6.25052 12.0399C6.25052 13.1403 6.55944 14.1686 7.0953 15.0428ZM12.0047 20.0553C7.57789 20.0553 3.98926 16.4667 3.98926 12.0399C3.98926 7.61305 7.57789 4.02441 12.0047 4.02441C16.4315 4.02441 20.0201 7.61305 20.0201 12.0399C20.0201 16.4667 16.4315 20.0553 12.0047 20.0553Z" fill="#525C69"/> </svg> src/alert-icon.js 0000644 00000000373 15133014231 0007722 0 ustar 00 /** * @namespace {BX.UI} */ export default class AlertIcon { static NONE = ''; static INFO = 'ui-alert-icon-info'; static WARNING = 'ui-alert-icon-warning'; static DANGER = 'ui-alert-icon-danger'; static FORBIDDEN = 'ui-alert-icon-forbidden'; } src/alert.js 0000644 00000015175 15133014231 0007002 0 ustar 00 // @flow import {Dom, Tag, Type} from 'main.core'; import AlertColor from './alert-color'; import AlertSize from './alert-size'; import AlertIcon from './alert-icon'; import 'ui.design-tokens'; type AlertOptions = { text: string; color: AlertColor; size: AlertSize; icon: AlertIcon; customClass: string; closeBtn: boolean; animated: boolean; beforeMessageHtml: HTMLElement; afterMessageHtml: HTMLElement; }; export default class Alert { static Color = AlertColor; static Size = AlertSize; static Icon = AlertIcon; text: string; color: string; size: string; icon: string; closeBtn: boolean; animated: boolean; customClass: string; beforeMessageHtml: HTMLElement; afterMessageHtml: HTMLElement; constructor(options: AlertOptions) { this.text = options.text; this.color = options.color; this.size = options.size; this.icon = options.icon; this.closeBtn = !!options.closeBtn ? true : options.closeBtn; this.animated = !!options.animated ? true : options.animated; this.customClass = options.customClass; this.beforeMessageHtml = Type.isElementNode(options.beforeMessageHtml) ? options.beforeMessageHtml : false ; this.afterMessageHtml = Type.isElementNode(options.afterMessageHtml) ? options.afterMessageHtml : false ; this.setText(this.text); this.setSize(this.size); this.setIcon(this.icon); this.setColor(this.color); this.setCloseBtn(this.closeBtn); this.setCustomClass(this.customClass); } //region COLOR setColor(color: string) { this.color = color; this.setClassList(); } getColor() { return this.color; } // endregion //region SIZE setSize(size: string) { this.size = size; this.setClassList(); } getSize() { return this.size; } // endregion //region ICON setIcon(icon: string) { this.icon = icon; this.setClassList(); } getIcon() { return this.icon; } // endregion //region TEXT setText(text: string): this { if (Type.isStringFilled(text)) { this.text = text; this.getTextContainer().innerHTML = text; } } getText() { return this.text; } getTextContainer() { if (!this.textContainer) { this.textContainer = Dom.create('span', { props: { className: 'ui-alert-message' }, html: this.text }); } return this.textContainer; } // endregion // region CLOSE BTN setCloseBtn(closeBtn: boolean) { this.closeBtn = closeBtn; } getCloseBtn() { if (this.closeBtn != true) { return } if ((!this.closeNode) && (this.closeBtn === true)) { this.closeNode = Dom.create("span", { props: {className: "ui-alert-close-btn"}, events: { click: this.handleCloseBtnClick.bind(this) } }) } return this.closeNode; } handleCloseBtnClick() { if (this.animated === true) { this.animateClosing(); } else { Dom.remove(this.container); } } // endregion // region Custom HTML setBeforeMessageHtml(element: HTMLElement) { if (Type.isElementNode(element) && element !== false) { this.beforeMessageHtml = element; } } getBeforeMessageHtml(): HTMLElement { return this.beforeMessageHtml; } setAfterMessageHtml(element: HTMLElement) { if (Type.isElementNode(element) && element !== false) { this.afterMessageHtml = element; } } getAfterMessageHtml(): HTMLElement { return this.afterMessageHtml; } //endregion //region CUSTOM CLASS setCustomClass(customClass: string) { this.customClass = customClass; this.updateClassList(); } getCustomClass() { return this.customClass; } // endregion //region CLASS LIST setClassList() { this.classList = "ui-alert"; if (typeof this.getColor() != "undefined") { this.classList = this.classList + " " + this.color; } if (typeof this.getSize() != "undefined") { this.classList = this.classList + " " + this.size; } if (typeof this.getIcon() != "undefined") { this.classList = this.classList + " " + this.icon; } if (typeof this.getCustomClass() != "undefined") { this.classList = this.classList + " " + this.customClass; } this.updateClassList(); } getClassList() { return this.classList; } updateClassList() { if (!this.container) { this.getContainer() } this.container.setAttribute("class", this.classList); } // endregion //region ANIMATION animateOpening() { this.container.style.overflow = "hidden"; this.container.style.height = 0; this.container.style.paddingTop = 0; this.container.style.paddingBottom = 0; this.container.style.marginBottom = 0; this.container.style.opacity = 0; setTimeout( function () { this.container.style.height = this.container.scrollHeight + "px"; this.container.style.height = ""; this.container.style.paddingTop = ""; this.container.style.paddingBottom = ""; this.container.style.marginBottom = ""; this.container.style.opacity = ""; }.bind(this), 10 ); setTimeout( function () { this.container.style.height = ""; }.bind(this), 200 ); } animateClosing() { this.container.style.overflow = "hidden"; var alertWrapPos = Dom.getPosition(this.container); this.container.style.height = alertWrapPos.height + "px"; setTimeout( function () { this.container.style.height = 0; this.container.style.paddingTop = 0; this.container.style.paddingBottom = 0; this.container.style.marginBottom = 0; this.container.style.opacity = 0; }.bind(this), 10 ); setTimeout( function () { Dom.remove(this.container); }.bind(this), 260 ); } //endregion show() { this.animateOpening() } hide() { this.animateClosing() } getContainer() { this.container = Tag.render`<div class="${this.getClassList()}">${this.getTextContainer()}</div>`; if (this.animated === true) { this.animateOpening(); } if (this.closeBtn === true) { Dom.append(this.getCloseBtn(), this.container); } if (Type.isElementNode(this.beforeMessageHtml)) { Dom.prepend(this.getBeforeMessageHtml(), this.getTextContainer()); } if (Type.isElementNode(this.afterMessageHtml)) { Dom.append(this.getAfterMessageHtml(), this.getTextContainer()); } return this.container; } render(): HTMLElement { return this.getContainer(); } renderTo(node: HTMLElement): HTMLElement | null { if (Type.isDomNode(node)) { return node.appendChild(this.getContainer()); } return null; } destroy(): void { Dom.remove(this.container); this.container = null; this.finished = false; this.textAfterContainer = null; this.textBeforeContainer = null; this.bar = null; for (const property in this) { if (this.hasOwnProperty(property)) { delete this[property]; } } Object.setPrototypeOf(this, null); } } src/alert-color.js 0000644 00000000435 15133014231 0010107 0 ustar 00 /** * @namespace {BX.UI} */ export default class AlertColor { static DEFAULT = 'ui-alert-default'; static DANGER = 'ui-alert-danger'; static SUCCESS = 'ui-alert-success'; static WARNING = 'ui-alert-warning'; static PRIMARY = 'ui-alert-primary'; static INFO = 'ui-alert-info'; } src/ui.alert.css 0000644 00000072613 15133014231 0007572 0 ustar 00 :root { --ui-alert-padding: 16px 34px 16px 18px; --ui-alert-background: #e7e8ea; --ui-alert-background-cls-btn: #333; --ui-alert-border-radius: 2px; --ui-alert-color: #464a4e; } /*region Base style*/ .ui-alert { position: relative; display: flex; box-sizing: border-box; margin-bottom: 10px; padding: var(--ui-alert-padding); width: 100%; border-radius: var(--ui-alert-border-radius); background-color: var(--ui-alert-background); color: var(--ui-alert-color); vertical-align: middle; font: 14px/17px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); opacity: 1; transition: 180ms linear all; } /*endregion*/ .ui-alert-inline { display: inline-flex; width: auto; } .ui-alert-text-center { justify-content: center; } /*region Size*/ .ui-alert-md { padding: var(--ui-alert-padding); font-size: 14px; line-height: 17px; } .ui-alert-xs { --ui-alert-padding: 8px 34px 8px 18px; font-size: 13px; line-height: 18px; } /*endregion*/ /*region Closed*/ .ui-alert-close-btn { position: absolute; top: 15px; right: 10px; display: inline-block; width: 20px; height: 20px; opacity: .4; cursor: pointer; transition: 180ms opacity linear; } .ui-alert-xs .ui-alert-close-btn { top: 7px; } .ui-alert-close-btn:hover { opacity: .7; } .ui-alert-close-btn:active { opacity: 1; } .ui-alert-close-btn:after, .ui-alert-close-btn:before { position: absolute; top: 50%; left: 50%; display: block; background-color: var(--ui-alert-background-cls-btn); content: ''; transform: translate(-50%, -50%) rotate(45deg); } .ui-alert-close-btn:after { width: 2px; height: 8px; } .ui-alert-close-btn:before { width: 8px; height: 2px; } /*endregion*/ /*region Color*/ .ui-alert-default { --ui-alert-background: #e7e8ea; --ui-alert-color: #464a4e; } .ui-alert-default .ui-alert-close-btn:after, .ui-alert-default .ui-alert-close-btn:before { --ui-alert-background-cls-btn: #333; } .ui-alert-success { --ui-alert-background: #eaf7d7; --ui-alert-color: #719100; } .ui-alert-success .ui-alert-close-btn:after, .ui-alert-success .ui-alert-close-btn:before { --ui-alert-background-cls-btn: #719100; } .ui-alert-danger { --ui-alert-background: #fae5e8; --ui-alert-color: #d0021b; } .ui-alert-danger .ui-alert-close-btn:after, .ui-alert-danger .ui-alert-close-btn:before { --ui-alert-background-cls-btn: #d0021b; } .ui-alert-warning { --ui-alert-background: #f8f4bc; --ui-alert-color: #91711e; } .ui-alert-warning .ui-alert-close-btn:after, .ui-alert-warning .ui-alert-close-btn:before { --ui-alert-background-cls-btn: #af9245; } .ui-alert-primary { --ui-alert-background: #e1f3f9; --ui-alert-color: #1e8ec2; } .ui-alert-primary .ui-alert-close-btn:after, .ui-alert-primary .ui-alert-close-btn:before { --ui-alert-background-cls-btn: #1e8ec2; } .ui-alert-info { --ui-alert-background: #a8adb4; --ui-alert-color: #fff; } .ui-alert-info .ui-alert-close-btn:after, .ui-alert-info .ui-alert-close-btn:before { --ui-alert-background-cls-btn: #fff; } /*endregion*/ /*region Icons*/ .ui-alert-icon-warning:before { display: inline-block; margin-right: 10px; min-width: 16px; width: 16px; height: 16px; background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23464a4e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); content: ''; vertical-align: middle; } .ui-alert-info.ui-alert-icon-warning:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-success.ui-alert-icon-warning:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23719100%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-danger.ui-alert-icon-warning:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23d0021b%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-warning.ui-alert-icon-warning:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%2391711e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-primary.ui-alert-icon-warning:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%231e8ec2%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-icon-danger:before { display: inline-block; margin-right: 10px; min-width: 16px; width: 16px; height: 16px; background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%23464a4e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); background-size: contain; content: ''; vertical-align: middle; } .ui-alert-info.ui-alert-icon-danger:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-success.ui-alert-icon-danger:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%23719100%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-danger.ui-alert-icon-danger:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%23d0021b%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-warning.ui-alert-icon-danger:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%2391711e%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-primary.ui-alert-icon-danger:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2224px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-322%2C%20-879%29%22%20fill%3D%22%231e8ec2%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M345.546728%2C896.908333%20L335.587544%2C879.975%20C334.820197%2C878.675%20332.991625%2C878.675%20332.240605%2C879.975%20L322.281421%2C896.908333%20C321.497748%2C898.241667%20322.444687%2C899.925%20323.963054%2C899.925%20L343.881421%2C899.925%20C345.383462%2C899.925%20346.330401%2C898.241667%20345.546728%2C896.908333%20Z%20M332.485503%2C885.875%20C332.485503%2C885.125%20333.073258%2C884.525%20333.807952%2C884.525%20L333.987544%2C884.525%20C334.722238%2C884.525%20335.309993%2C885.125%20335.309993%2C885.875%20L335.309993%2C890.925%20C335.309993%2C891.675%20334.722238%2C892.275%20333.987544%2C892.275%20L333.807952%2C892.275%20C333.073258%2C892.275%20332.485503%2C891.675%20332.485503%2C890.925%20L332.485503%2C885.875%20Z%20M335.571217%2C895.675%20C335.571217%2C896.608333%20334.820197%2C897.375%20333.905911%2C897.375%20C332.991625%2C897.375%20332.240605%2C896.608333%20332.240605%2C895.675%20C332.240605%2C894.741667%20332.991625%2C893.975%20333.905911%2C893.975%20C334.820197%2C893.975%20335.571217%2C894.741667%20335.571217%2C895.675%20Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-icon-info:before { display: inline-block; margin-right: 10px; min-width: 18px; width: 18px; height: 18px; background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%23464a4e%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); content: ''; vertical-align: middle; } .ui-alert-info.ui-alert-icon-info:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-success.ui-alert-icon-info:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%23719100%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-danger.ui-alert-icon-info:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%23d0021b%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-warning.ui-alert-icon-info:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%2391711e%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-primary.ui-alert-icon-info:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%3Cg%20fill%3D%22%231e8ec2%22%20fill-rule%3D%22evenodd%22%20%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M10.3309378%2C13%20L10.3309378%2C8.00284091%20L8%2C8.00284091%20L8%2C14%20L10%2C14%20L11%2C14%20L11%2C13%20L10.3309378%2C13%20Z%20M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C6.41976706%20C9.7768545%2C6.41976706%2010.4066195%2C5.79000206%2010.4066195%2C5.01314755%20C10.4066195%2C4.23629305%209.7768545%2C3.60652804%209%2C3.60652804%20C8.2231455%2C3.60652804%207.59338049%2C4.23629305%207.59338049%2C5.01314755%20C7.59338049%2C5.79000206%208.2231455%2C6.41976706%209%2C6.41976706%20Z%20M7%2C13%20L7%2C14%20L8%2C14%20L8%2C13%20L7%2C13%20Z%20M7%2C7.95619799%20L7%2C8.95619799%20L8%2C8.95619799%20L8%2C7.95619799%20L7%2C7.95619799%20Z%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E); } .ui-alert-icon-forbidden:before { display: inline-block; margin-right: 10px; min-width: 18px; width: 18px; height: 18px; background-color: var(--ui-alert-color); -webkit-mask-image: url('./icons/ui-alert-icon-forbidden.svg'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; content: ''; vertical-align: middle; } /*endregion*/ src/index.js 0000644 00000000312 15133014231 0006765 0 ustar 00 import Alert from './alert'; import AlertColor from './alert-color'; import AlertSize from './alert-size'; import AlertIcon from './alert-icon'; export { Alert, AlertColor, AlertSize, AlertIcon, }; ui.alerts.map.js 0000644 00000010005 15133014231 0007551 0 ustar 00 {"version":3,"sources":["ui.alerts.js"],"names":["BX","namespace","UI","Alert","options","this","container","text","icon","textNode","closeBtn","closeNode","animated","color","Color","PRIMARY","size","Size","MEDIUM","setText","setAnimation","setInline","inline","setTextCenter","textCenter","setIcon","setColor","setSize","DEFAULT","DANGER","SUCCESS","WARNING","SMALL","Icon","INFO","prototype","type","isNotEmptyString","removeClass","getContainer","addClass","getText","boolean","isBoolean","getTextNode","create","props","className","html","getCloseBtn","events","click","handleCloseBtnClick","bind","animateClosing","remove","style","overflow","alertWrapPos","pos","height","setTimeout","paddingTop","paddingBottom","marginBottom","opacity","maxHeight","max-height","padding-top","padding-bottom","margin-bottom","children","removeProperty"],"mappings":"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","file":""}
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.27 |
proxy
|
phpinfo
|
Settings