@cas-smartdesign/message 4.0.1

package/LICENSE

@@ -0,0 +1,8 @@
+Copyright 2019 CAS Software AG
+
+This software is confidential and proprietary information of CAS Software AG. You shall not
+disclose such Confidential Information and shall use it only in accordance with the terms of
+the license agreement you entered into with CAS Software AG or SmartWe World AG.
+
+To obtain a license (e.g. by joining the partner programs of CAS Software AG or SmartWe World AG)
+please contact partnerinfo@cas.de or partnerinfo@smartwe.world.

package/dist/docs/2_created_from_source.js

@@ -0,0 +1 @@
+import{L as e,M as c}from"./doc.mjs";const a=(l,o,n,r)=>{const s=document.createElement(c.ID);if(s.setAttribute("level",o),s.hiddenIcon=r,s.caption=l,s.description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",n){const t=document.createElement("button");t.addEventListener("click",()=>{switch(s.level){case e.ERROR:{s.level=e.SUCCESS;break}case e.WARN:{s.level=e.ERROR;break}case e.INFO:{s.level=e.WARN;break}case e.SUCCESS:{s.level=e.INFO;break}}}),t.innerText="Change level",t.setAttribute("slot","footer"),s.appendChild(t)}document.querySelector("#message-from-source-container").appendChild(s),document.querySelector("#message-from-source-container").appendChild(document.createElement("br"))},m=()=>{a("Info message",e.INFO,!1,!1),a("Warn message ",e.WARN,!1,!1),a("Error message",e.ERROR,!1,!1),a("Success message",e.SUCCESS,!1,!1),a("Info message with a button",e.INFO,!0,!1),a("Warn message without icon",e.WARN,!1,!0),a("",e.INFO,!1,!1)};m();

package/dist/docs/doc.css

@@ -0,0 +1 @@
+.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;color:#1f2328;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body .octicon{display:inline-block;fill:currentColor;vertical-align:text-bottom}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{width:16px;height:16px;content:" ";display:inline-block;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{background-color:transparent;color:#0969da;text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:600}.markdown-body dfn{font-style:italic}.markdown-body h1{margin:.67em 0;font-weight:600;padding-bottom:.3em;font-size:2em;border-bottom:1px solid hsla(210,18%,87%,1)}.markdown-body mark{background-color:#fff8c5;color:#1f2328}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 40px}.markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid hsla(210,18%,87%,1);height:.25em;padding:0;margin:24px 0;background-color:#d0d7de;border:0}.markdown-body input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button,.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button,.markdown-body [type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:#6e7781;opacity:1}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body details:not([open])>*:not(summary){display:none!important}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid #0969da;outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:solid 1px transparent}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid #0969da;outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:#1f2328;vertical-align:middle;background-color:#f6f8fa;border:solid 1px rgba(175,184,193,.2);border-bottom-color:#afb8c133;border-radius:6px;box-shadow:inset 0 -1px #afb8c133}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h2{font-weight:600;padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid hsla(210,18%,87%,1)}.markdown-body h3{font-weight:600;font-size:1.25em}.markdown-body h4{font-weight:600;font-size:1em}.markdown-body h5{font-weight:600;font-size:.875em}.markdown-body h6{font-weight:600;font-size:.85em;color:#656d76}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0;padding:0 1em;color:#656d76;border-left:.25em solid #d0d7de}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;word-wrap:normal}.markdown-body .octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor}.markdown-body input::-webkit-outer-spin-button,.markdown-body input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.markdown-body .mr-2{margin-right:8px!important}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0!important}.markdown-body>*:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#d1242f}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:16px}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1f2328;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{padding:0 .2em;font-size:inherit}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{padding-bottom:0;border-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type="a s"]{list-style-type:lower-alpha}.markdown-body ol[type="A s"]{list-style-type:upper-alpha}.markdown-body ol[type="i s"]{list-style-type:lower-roman}.markdown-body ol[type="I s"]{list-style-type:upper-roman}.markdown-body ol[type="1"]{list-style-type:decimal}.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #d0d7de}.markdown-body table td>:last-child{margin-bottom:0}.markdown-body table tr{background-color:#fff;border-top:1px solid hsla(210,18%,87%,1)}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:transparent}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #d0d7de}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#1f2328}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;background-color:#afb8c133;border-radius:6px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:#1f2328;background-color:#f6f8fa;border-radius:6px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0}.markdown-body [data-footnote-ref]:before{content:"["}.markdown-body [data-footnote-ref]:after{content:"]"}.markdown-body .footnotes{font-size:12px;color:#656d76;border-top:1px solid #d0d7de}.markdown-body .footnotes ol{padding-left:16px}.markdown-body .footnotes ol ul{display:inline-block;padding-left:16px;margin-top:16px}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-24px;pointer-events:none;content:"";border:2px solid #0969da;border-radius:6px}.markdown-body .footnotes li:target{color:#1f2328}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body .pl-c{color:#57606a}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0550ae}.markdown-body .pl-e,.markdown-body .pl-en{color:#6639ba}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:#24292f}.markdown-body .pl-ent{color:#116329}.markdown-body .pl-k{color:#cf222e}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:#0a3069}.markdown-body .pl-v,.markdown-body .pl-smw{color:#953800}.markdown-body .pl-bu{color:#82071e}.markdown-body .pl-ii{color:#f6f8fa;background-color:#82071e}.markdown-body .pl-c2{color:#f6f8fa;background-color:#cf222e}.markdown-body .pl-sr .pl-cce{font-weight:700;color:#116329}.markdown-body .pl-ml{color:#3b2300}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:#0550ae}.markdown-body .pl-mi{font-style:italic;color:#24292f}.markdown-body .pl-mb{font-weight:700;color:#24292f}.markdown-body .pl-md{color:#82071e;background-color:#ffebe9}.markdown-body .pl-mi1{color:#116329;background-color:#dafbe1}.markdown-body .pl-mc{color:#953800;background-color:#ffd8b5}.markdown-body .pl-mi2{color:#eaeef2;background-color:#0550ae}.markdown-body .pl-mdr{font-weight:700;color:#8250df}.markdown-body .pl-ba{color:#57606a}.markdown-body .pl-sg{color:#8c959f}.markdown-body .pl-corl{text-decoration:underline;color:#0a3069}.markdown-body g-emoji{display:inline-block;min-width:1ch;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1em;font-style:normal!important;font-weight:400;line-height:1;vertical-align:-.075em}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:400}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:4px}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{margin:0 .2em .25em -1.4em;vertical-align:middle}.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list{position:relative}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{display:block;width:auto;height:24px;overflow:visible;clip:auto}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{padding:8px 16px;margin-bottom:16px;color:inherit;border-left:.25em solid #d0d7de}.markdown-body .markdown-alert>:first-child{margin-top:0}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{display:flex;font-weight:500;align-items:center;line-height:1}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:#0969da}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:#0969da}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:#8250df}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:#8250df}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:#9a6700}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:#9a6700}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:#1f883d}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:#cf222e}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:#d1242f}

package/dist/docs/doc.mjs

@@ -0,0 +1,215 @@
+(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))n(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const s of o.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&n(s)}).observe(document,{childList:!0,subtree:!0});function t(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerPolicy&&(o.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?o.credentials="include":r.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function n(r){if(r.ep)return;r.ep=!0;const o=t(r);fetch(r.href,o)}})();const Ni=`<!-- Load message with all dependencies directly -->
+<script src="./message-with-externals.js"><\/script>
+
+<sd-message
+	caption="Declarative example"
+	description="lorem ipsum dolor sit amet"
+	icon-alt="severity info"></sd-message>
+<br />
+<sd-message>
+	<span slot="caption" class="full-width"
+		>Declarative example with <strong>html</strong> content and description
+		<hr />
+	</span>
+	<span slot="description"><i>lorem ipsum dolor sit amet</i></span>
+</sd-message>
+`,Mi=`<h3 id="create-a-button-element-declaratively.">Create a button element declaratively.</h3>
+`,Li={mainContent:Ni,description:Mi},Ii=Object.freeze(Object.defineProperty({__proto__:null,default:Li},Symbol.toStringTag,{value:"Module"})),Pi="modulepreload",Ti=function(i,e){return new URL(i,e).href},Zt={},ji=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){const o=document.getElementsByTagName("link");r=Promise.all(t.map(s=>{if(s=Ti(s,n),s in Zt)return;Zt[s]=!0;const a=s.endsWith(".css"),l=a?'[rel="stylesheet"]':"";if(!!n)for(let b=o.length-1;b>=0;b--){const g=o[b];if(g.href===s&&(!a||g.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${s}"]${l}`))return;const h=document.createElement("link");if(h.rel=a?"stylesheet":Pi,a||(h.as="script",h.crossOrigin=""),h.href=s,document.head.appendChild(h),a)return new Promise((b,g)=>{h.addEventListener("load",b),h.addEventListener("error",()=>g(new Error(`Unable to preload CSS for ${s}`)))})}))}return r.then(()=>e()).catch(o=>{const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=o,window.dispatchEvent(s),!s.defaultPrevented)throw o})},$i=`<div id="message-from-source-container"></div>
+`,zi=`<h3 id="create-and-access-a-message-with-typescript-code.">Create and access a message with typescript code.</h3>
+`,Bi=`import { Level, Message } from "@cas-smartdesign/message";
+import "@cas-smartdesign/message";
+
+const addMessage = (caption: string, level: Level, withButton: boolean, hiddenIcon: boolean) => {
+    const message = document.createElement(Message.ID) as Message;
+    message.setAttribute("level", level);
+    message.hiddenIcon = hiddenIcon;
+    message.caption = caption;
+    message.description =
+        "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, " +
+        "sed diam nonumy eirmod tempor invidunt ut labore et dolore " +
+        "magna aliquyam erat, sed diam voluptua.";
+
+    if (withButton) {
+        const button = document.createElement("button");
+        button.addEventListener("click", () => {
+            switch (message.level) {
+                case Level.ERROR: {
+                    message.level = Level.SUCCESS;
+                    break;
+                }
+                case Level.WARN: {
+                    message.level = Level.ERROR;
+                    break;
+                }
+                case Level.INFO: {
+                    message.level = Level.WARN;
+                    break;
+                }
+                case Level.SUCCESS: {
+                    message.level = Level.INFO;
+                    break;
+                }
+            }
+        });
+        button.innerText = "Change level";
+        button.setAttribute("slot", "footer");
+        message.appendChild(button);
+    }
+    document.querySelector("#message-from-source-container").appendChild(message);
+    document.querySelector("#message-from-source-container").appendChild(document.createElement("br"));
+};
+
+const addExamples = () => {
+    addMessage("Info message", Level.INFO, false, false);
+    addMessage("Warn message ", Level.WARN, false, false);
+    addMessage("Error message", Level.ERROR, false, false);
+    addMessage("Success message", Level.SUCCESS, false, false);
+    addMessage("Info message with a button", Level.INFO, true, false);
+    addMessage("Warn message without icon", Level.WARN, false, true);
+    addMessage("", Level.INFO, false, false);
+};
+
+addExamples();
+`,Di={mainContent:$i,description:zi,initializer:{content:Bi,type:"typescript",initialize:()=>ji(()=>import("./2_created_from_source.js"),__vite__mapDeps([]),import.meta.url)}},Ui=Object.freeze(Object.defineProperty({__proto__:null,default:Di},Symbol.toStringTag,{value:"Module"})),wn=class $e extends HTMLElement{memoizedTemplate(){const e=this.is();if($e.TEMPLATE_CACHE[e])return $e.TEMPLATE_CACHE[e];const t=this.template();return window.ShadyCSS&&window.ShadyCSS.prepareTemplate(t,this.is()),$e.TEMPLATE_CACHE[e]=t,t}connectedCallback(){const e=this.memoizedTemplate();window.ShadyCSS&&window.ShadyCSS.styleElement(this),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(document.importNode(e.content,!0)),requestAnimationFrame(()=>this.dispatchEvent(new CustomEvent("ready"))))}whenReady(e){this.shadowRoot?e():this.addEventListener("ready",()=>e())}};wn.TEMPLATE_CACHE={};let Fi=wn;const Hi=`<style>
+	:host {
+		display: flex;
+		flex-direction: row;
+		padding: 24px;
+		box-sizing: border-box;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([level="info"]) {
+		background-color: #e1ebf6;
+	}
+
+	:host([level="warn"]) {
+		background-color: #fffaeb;
+	}
+
+	:host([level="error"]) {
+		background-color: #ffe2e5;
+	}
+
+	:host([level="success"]) {
+		background-color: #eaf4ec;
+	}
+
+	:host([hidden-icon]) img {
+		display: none;
+	}
+
+	.content {
+		display: flex;
+		flex-direction: column;
+		word-wrap: break-word;
+		overflow: hidden;
+		width: 100%;
+	}
+
+	img {
+		align-self: flex-start;
+		flex-shrink: 0;
+		padding-right: 16px;
+	}
+
+	.caption-wrapper,
+	.description-wrapper {
+		display: flex;
+	}
+
+	.caption-wrapper {
+		font-size: 24px;
+		padding-bottom: 8px;
+	}
+
+	.description-wrapper {
+		font-size: 16px;
+		white-space: pre-wrap;
+	}
+
+	:host(.no-caption) .caption-wrapper {
+		padding-bottom: 0;
+	}
+
+	:host(.no-caption) .description-wrapper {
+		align-items: center;
+		min-height: 32px;
+	}
+</style>
+
+<img src="" />
+<div class="content">
+	<div class="caption-wrapper">
+		<div class="caption"></div>
+		<slot name="caption"></slot>
+	</div>
+
+	<div class="description-wrapper">
+		<div class="description"></div>
+		<slot name="description"></slot>
+	</div>
+	<div class="footer">
+		<slot name="footer"></slot>
+	</div>
+</div>
+`,Wi="data:image/svg+xml,%3csvg%20id='svg3363'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23cc0017}%20%3c/style%3e%3cg%20id='layer1'%20transform='translate(0%20-40)'%3e%3cpath%20class='st0'%20d='M16%2042.2c7.6%200%2013.8%206.2%2013.8%2013.8S23.6%2069.8%2016%2069.8%202.2%2063.6%202.2%2056%208.4%2042.2%2016%2042.2m0-1.2C7.7%2041%201%2047.7%201%2056s6.7%2015%2015%2015%2015-6.7%2015-15-6.7-15-15-15z'%20id='path3854'/%3e%3cpath%20id='rect3856'%20class='st0'%20d='M15%2048h2v12h-2z'/%3e%3cpath%20id='rect3860'%20class='st0'%20d='M15%2063h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e",Gi="data:image/svg+xml,%3csvg%20id='svg3363'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23105295}%20%3c/style%3e%3cpath%20class='st0'%20d='M16%2029.8C8.4%2029.8%202.2%2023.6%202.2%2016S8.4%202.2%2016%202.2%2029.8%208.4%2029.8%2016%2023.6%2029.8%2016%2029.8m0%201.2c8.3%200%2015-6.7%2015-15S24.3%201%2016%201%201%207.7%201%2016s6.7%2015%2015%2015z'/%3e%3cpath%20id='rect3856'%20class='st0'%20d='M15%2012h2v12h-2z'/%3e%3cpath%20id='rect3860'%20class='st0'%20d='M15%207h2v2h-2z'/%3e%3c/svg%3e",Zi="data:image/svg+xml,%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23bf8800}%20%3c/style%3e%3cpath%20class='st0'%20d='M16%201.8l13.8%2024.7v1.6H2.3v-1.6L16%201.8zm1-.8h-2L1%2025.8v3.8h30v-3.8L17%201z'/%3e%3cpath%20class='st0'%20d='M15%2010h2v10h-2zm0%2013h2v2h-2z'/%3e%3c/svg%3e",qi="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2029.8C8.4%2029.8%202.2%2023.6%202.2%2016C2.2%208.4%208.4%202.2%2016%202.2C23.6%202.2%2029.8%208.4%2029.8%2016C29.8%2023.6%2023.6%2029.8%2016%2029.8ZM16%2031C24.3%2031%2031%2024.3%2031%2016C31%207.7%2024.3%201%2016%201C7.7%201%201%207.7%201%2016C1%2024.3%207.7%2031%2016%2031Z'%20fill='%2326A642'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.4134%2010.9512L13.6667%2022.4656L7.58667%2015.9512L9.04878%2014.5866L13.6667%2019.5344L22.9513%209.58661L24.4134%2010.9512Z'%20fill='%2326A642'/%3e%3c/svg%3e",Ki={error:Wi,info:Gi,warn:Zi,success:qi},Ze=class Ze extends Fi{set caption(e){e?this.setAttribute("caption",e):this.removeAttribute("caption")}get caption(){return this.getAttribute("caption")}set description(e){e?this.setAttribute("description",e):this.removeAttribute("description")}get description(){return this.getAttribute("description")}get level(){return this.getAttribute("level")}set level(e){e?this.setAttribute("level",e):this.setAttribute("level","info")}get iconAlt(){return this.getAttribute("icon-alt")}set iconAlt(e){e?this.setAttribute("icon-alt",e):this.removeAttribute("icon-alt")}get hiddenIcon(){return this.hasAttribute("hidden-icon")&&this.getAttribute("hidden-icon")!=="false"}set hiddenIcon(e){e?this.setAttribute("hidden-icon",""):this.removeAttribute("hidden-icon")}static get observedAttributes(){return["level","caption","description","icon-alt"]}is(){return Ze.ID}template(){const e=document.createElement("template");return e.innerHTML=Hi,e}constructor(){super(),this.updateNoCaptionStyleName=this.updateNoCaptionStyleName.bind(this)}connectedCallback(){super.connectedCallback(),this.hasAttribute("level")||(this.level="info"),this.infoImage=this.shadowRoot.querySelector("img"),this.captionElement=this.shadowRoot.querySelector(".caption"),this.descriptionElement=this.shadowRoot.querySelector(".description"),this.captionSlot=this.shadowRoot.querySelector('slot[name="caption"]'),this.captionSlot.addEventListener("slotchange",this.updateNoCaptionStyleName),this.render()}disconnectedCallback(){this.captionSlot.removeEventListener("slotchange",this.updateNoCaptionStyleName)}attributeChangedCallback(){this.render()}render(){this.updateCaption(),this.updateDescription(),this.updateIcon()}getPathToIcon(e){return Ki[e]}updateCaption(){this.captionElement&&(this.caption?this.captionElement.innerText=this.caption:this.captionElement.innerText="",this.updateNoCaptionStyleName())}updateNoCaptionStyleName(){this.caption||this.captionSlot.assignedNodes().length>0?this.classList.remove("no-caption"):this.classList.add("no-caption")}updateDescription(){this.descriptionElement&&(this.description?this.descriptionElement.innerText=this.description:this.descriptionElement.innerText="")}updateIcon(){this.infoImage&&(this.infoImage.src=this.getPathToIcon(this.level)||"",this.infoImage.alt=this.iconAlt||"")}};Ze.ID="sd-message";let fe=Ze;var Vi=(i=>(i.ERROR="error",i.WARN="warn",i.INFO="info",i.SUCCESS="success",i))(Vi||{});customElements.get(fe.ID)||customElements.define(fe.ID,fe);function vn(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}function Ji(i){if(i.__esModule)return i;var e=i.default;if(typeof e=="function"){var t=function n(){return this instanceof n?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};t.prototype=e.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(i).forEach(function(n){var r=Object.getOwnPropertyDescriptor(i,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return i[n]}})}),t}var _t={exports:{}},O=String,xn=function(){return{isColorSupported:!1,reset:O,bold:O,dim:O,italic:O,underline:O,inverse:O,hidden:O,strikethrough:O,black:O,red:O,green:O,yellow:O,blue:O,magenta:O,cyan:O,white:O,gray:O,bgBlack:O,bgRed:O,bgGreen:O,bgYellow:O,bgBlue:O,bgMagenta:O,bgCyan:O,bgWhite:O}};_t.exports=xn();_t.exports.createColors=xn;var Xi=_t.exports;const Qi={},Yi=Object.freeze(Object.defineProperty({__proto__:null,default:Qi},Symbol.toStringTag,{value:"Module"})),$=Ji(Yi);let qt=Xi,Kt=$,ft=class En extends Error{constructor(e,t,n,r,o,s){super(e),this.name="CssSyntaxError",this.reason=e,o&&(this.file=o),r&&(this.source=r),s&&(this.plugin=s),typeof t<"u"&&typeof n<"u"&&(typeof t=="number"?(this.line=t,this.column=n):(this.line=t.line,this.column=t.column,this.endLine=n.line,this.endColumn=n.column)),this.setMessage(),Error.captureStackTrace&&Error.captureStackTrace(this,En)}setMessage(){this.message=this.plugin?this.plugin+": ":"",this.message+=this.file?this.file:"<css input>",typeof this.line<"u"&&(this.message+=":"+this.line+":"+this.column),this.message+=": "+this.reason}showSourceCode(e){if(!this.source)return"";let t=this.source;e==null&&(e=qt.isColorSupported),Kt&&e&&(t=Kt(t));let n=t.split(/\r?\n/),r=Math.max(this.line-3,0),o=Math.min(this.line+2,n.length),s=String(o).length,a,l;if(e){let{bold:c,gray:h,red:b}=qt.createColors(!0);a=g=>c(b(g)),l=g=>h(g)}else a=l=c=>c;return n.slice(r,o).map((c,h)=>{let b=r+1+h,g=" "+(" "+b).slice(-s)+" | ";if(b===this.line){let _=l(g.replace(/\d/g," "))+c.slice(0,this.column-1).replace(/[^\t]/g," ");return a(">")+l(g)+c+`
+ `+_+a("^")}return" "+l(g)+c}).join(`
+`)}toString(){let e=this.showSourceCode();return e&&(e=`
+
+`+e+`
+`),this.name+": "+this.message+e}};var kt=ft;ft.default=ft;var ve={};ve.isClean=Symbol("isClean");ve.my=Symbol("my");const Vt={after:`
+`,beforeClose:`
+`,beforeComment:`
+`,beforeDecl:`
+`,beforeOpen:" ",beforeRule:`
+`,colon:": ",commentLeft:" ",commentRight:" ",emptyBody:"",indent:"    ",semicolon:!1};function er(i){return i[0].toUpperCase()+i.slice(1)}let dt=class{constructor(e){this.builder=e}atrule(e,t){let n="@"+e.name,r=e.params?this.rawValue(e,"params"):"";if(typeof e.raws.afterName<"u"?n+=e.raws.afterName:r&&(n+=" "),e.nodes)this.block(e,n+r);else{let o=(e.raws.between||"")+(t?";":"");this.builder(n+r+o,e)}}beforeAfter(e,t){let n;e.type==="decl"?n=this.raw(e,null,"beforeDecl"):e.type==="comment"?n=this.raw(e,null,"beforeComment"):t==="before"?n=this.raw(e,null,"beforeRule"):n=this.raw(e,null,"beforeClose");let r=e.parent,o=0;for(;r&&r.type!=="root";)o+=1,r=r.parent;if(n.includes(`
+`)){let s=this.raw(e,null,"indent");if(s.length)for(let a=0;a<o;a++)n+=s}return n}block(e,t){let n=this.raw(e,"between","beforeOpen");this.builder(t+n+"{",e,"start");let r;e.nodes&&e.nodes.length?(this.body(e),r=this.raw(e,"after")):r=this.raw(e,"after","emptyBody"),r&&this.builder(r),this.builder("}",e,"end")}body(e){let t=e.nodes.length-1;for(;t>0&&e.nodes[t].type==="comment";)t-=1;let n=this.raw(e,"semicolon");for(let r=0;r<e.nodes.length;r++){let o=e.nodes[r],s=this.raw(o,"before");s&&this.builder(s),this.stringify(o,t!==r||n)}}comment(e){let t=this.raw(e,"left","commentLeft"),n=this.raw(e,"right","commentRight");this.builder("/*"+t+e.text+n+"*/",e)}decl(e,t){let n=this.raw(e,"between","colon"),r=e.prop+n+this.rawValue(e,"value");e.important&&(r+=e.raws.important||" !important"),t&&(r+=";"),this.builder(r,e)}document(e){this.body(e)}raw(e,t,n){let r;if(n||(n=t),t&&(r=e.raws[t],typeof r<"u"))return r;let o=e.parent;if(n==="before"&&(!o||o.type==="root"&&o.first===e||o&&o.type==="document"))return"";if(!o)return Vt[n];let s=e.root();if(s.rawCache||(s.rawCache={}),typeof s.rawCache[n]<"u")return s.rawCache[n];if(n==="before"||n==="after")return this.beforeAfter(e,n);{let a="raw"+er(n);this[a]?r=this[a](s,e):s.walk(l=>{if(r=l.raws[t],typeof r<"u")return!1})}return typeof r>"u"&&(r=Vt[n]),s.rawCache[n]=r,r}rawBeforeClose(e){let t;return e.walk(n=>{if(n.nodes&&n.nodes.length>0&&typeof n.raws.after<"u")return t=n.raws.after,t.includes(`
+`)&&(t=t.replace(/[^\n]+$/,"")),!1}),t&&(t=t.replace(/\S/g,"")),t}rawBeforeComment(e,t){let n;return e.walkComments(r=>{if(typeof r.raws.before<"u")return n=r.raws.before,n.includes(`
+`)&&(n=n.replace(/[^\n]+$/,"")),!1}),typeof n>"u"?n=this.raw(t,null,"beforeDecl"):n&&(n=n.replace(/\S/g,"")),n}rawBeforeDecl(e,t){let n;return e.walkDecls(r=>{if(typeof r.raws.before<"u")return n=r.raws.before,n.includes(`
+`)&&(n=n.replace(/[^\n]+$/,"")),!1}),typeof n>"u"?n=this.raw(t,null,"beforeRule"):n&&(n=n.replace(/\S/g,"")),n}rawBeforeOpen(e){let t;return e.walk(n=>{if(n.type!=="decl"&&(t=n.raws.between,typeof t<"u"))return!1}),t}rawBeforeRule(e){let t;return e.walk(n=>{if(n.nodes&&(n.parent!==e||e.first!==n)&&typeof n.raws.before<"u")return t=n.raws.before,t.includes(`
+`)&&(t=t.replace(/[^\n]+$/,"")),!1}),t&&(t=t.replace(/\S/g,"")),t}rawColon(e){let t;return e.walkDecls(n=>{if(typeof n.raws.between<"u")return t=n.raws.between.replace(/[^\s:]/g,""),!1}),t}rawEmptyBody(e){let t;return e.walk(n=>{if(n.nodes&&n.nodes.length===0&&(t=n.raws.after,typeof t<"u"))return!1}),t}rawIndent(e){if(e.raws.indent)return e.raws.indent;let t;return e.walk(n=>{let r=n.parent;if(r&&r!==e&&r.parent&&r.parent===e&&typeof n.raws.before<"u"){let o=n.raws.before.split(`
+`);return t=o[o.length-1],t=t.replace(/\S/g,""),!1}}),t}rawSemicolon(e){let t;return e.walk(n=>{if(n.nodes&&n.nodes.length&&n.last.type==="decl"&&(t=n.raws.semicolon,typeof t<"u"))return!1}),t}rawValue(e,t){let n=e[t],r=e.raws[t];return r&&r.value===n?r.raw:n}root(e){this.body(e),e.raws.after&&this.builder(e.raws.after)}rule(e){this.block(e,this.rawValue(e,"selector")),e.raws.ownSemicolon&&this.builder(e.raws.ownSemicolon,e,"end")}stringify(e,t){if(!this[e.type])throw new Error("Unknown AST node type "+e.type+". Maybe you need to change PostCSS stringifier.");this[e.type](e,t)}};var Sn=dt;dt.default=dt;let tr=Sn;function pt(i,e){new tr(e).stringify(i)}var qe=pt;pt.default=pt;let{isClean:Ae,my:nr}=ve,ir=kt,rr=Sn,sr=qe;function gt(i,e){let t=new i.constructor;for(let n in i){if(!Object.prototype.hasOwnProperty.call(i,n)||n==="proxyCache")continue;let r=i[n],o=typeof r;n==="parent"&&o==="object"?e&&(t[n]=e):n==="source"?t[n]=r:Array.isArray(r)?t[n]=r.map(s=>gt(s,t)):(o==="object"&&r!==null&&(r=gt(r)),t[n]=r)}return t}let mt=class{constructor(e={}){this.raws={},this[Ae]=!1,this[nr]=!0;for(let t in e)if(t==="nodes"){this.nodes=[];for(let n of e[t])typeof n.clone=="function"?this.append(n.clone()):this.append(n)}else this[t]=e[t]}addToError(e){if(e.postcssNode=this,e.stack&&this.source&&/\n\s{4}at /.test(e.stack)){let t=this.source;e.stack=e.stack.replace(/\n\s{4}at /,`$&${t.input.from}:${t.start.line}:${t.start.column}$&`)}return e}after(e){return this.parent.insertAfter(this,e),this}assign(e={}){for(let t in e)this[t]=e[t];return this}before(e){return this.parent.insertBefore(this,e),this}cleanRaws(e){delete this.raws.before,delete this.raws.after,e||delete this.raws.between}clone(e={}){let t=gt(this);for(let n in e)t[n]=e[n];return t}cloneAfter(e={}){let t=this.clone(e);return this.parent.insertAfter(this,t),t}cloneBefore(e={}){let t=this.clone(e);return this.parent.insertBefore(this,t),t}error(e,t={}){if(this.source){let{end:n,start:r}=this.rangeBy(t);return this.source.input.error(e,{column:r.column,line:r.line},{column:n.column,line:n.line},t)}return new ir(e)}getProxyProcessor(){return{get(e,t){return t==="proxyOf"?e:t==="root"?()=>e.root().toProxy():e[t]},set(e,t,n){return e[t]===n||(e[t]=n,(t==="prop"||t==="value"||t==="name"||t==="params"||t==="important"||t==="text")&&e.markDirty()),!0}}}markDirty(){if(this[Ae]){this[Ae]=!1;let e=this;for(;e=e.parent;)e[Ae]=!1}}next(){if(!this.parent)return;let e=this.parent.index(this);return this.parent.nodes[e+1]}positionBy(e,t){let n=this.source.start;if(e.index)n=this.positionInside(e.index,t);else if(e.word){t=this.toString();let r=t.indexOf(e.word);r!==-1&&(n=this.positionInside(r,t))}return n}positionInside(e,t){let n=t||this.toString(),r=this.source.start.column,o=this.source.start.line;for(let s=0;s<e;s++)n[s]===`
+`?(r=1,o+=1):r+=1;return{column:r,line:o}}prev(){if(!this.parent)return;let e=this.parent.index(this);return this.parent.nodes[e-1]}rangeBy(e){let t={column:this.source.start.column,line:this.source.start.line},n=this.source.end?{column:this.source.end.column+1,line:this.source.end.line}:{column:t.column+1,line:t.line};if(e.word){let r=this.toString(),o=r.indexOf(e.word);o!==-1&&(t=this.positionInside(o,r),n=this.positionInside(o+e.word.length,r))}else e.start?t={column:e.start.column,line:e.start.line}:e.index&&(t=this.positionInside(e.index)),e.end?n={column:e.end.column,line:e.end.line}:e.endIndex?n=this.positionInside(e.endIndex):e.index&&(n=this.positionInside(e.index+1));return(n.line<t.line||n.line===t.line&&n.column<=t.column)&&(n={column:t.column+1,line:t.line}),{end:n,start:t}}raw(e,t){return new rr().raw(this,e,t)}remove(){return this.parent&&this.parent.removeChild(this),this.parent=void 0,this}replaceWith(...e){if(this.parent){let t=this,n=!1;for(let r of e)r===this?n=!0:n?(this.parent.insertAfter(t,r),t=r):this.parent.insertBefore(t,r);n||this.remove()}return this}root(){let e=this;for(;e.parent&&e.parent.type!=="document";)e=e.parent;return e}toJSON(e,t){let n={},r=t==null;t=t||new Map;let o=0;for(let s in this){if(!Object.prototype.hasOwnProperty.call(this,s)||s==="parent"||s==="proxyCache")continue;let a=this[s];if(Array.isArray(a))n[s]=a.map(l=>typeof l=="object"&&l.toJSON?l.toJSON(null,t):l);else if(typeof a=="object"&&a.toJSON)n[s]=a.toJSON(null,t);else if(s==="source"){let l=t.get(a.input);l==null&&(l=o,t.set(a.input,o),o++),n[s]={end:a.end,inputId:l,start:a.start}}else n[s]=a}return r&&(n.inputs=[...t.keys()].map(s=>s.toJSON())),n}toProxy(){return this.proxyCache||(this.proxyCache=new Proxy(this,this.getProxyProcessor())),this.proxyCache}toString(e=sr){e.stringify&&(e=e.stringify);let t="";return e(this,n=>{t+=n}),t}warn(e,t,n){let r={node:this};for(let o in n)r[o]=n[o];return e.warn(t,r)}get proxyOf(){return this}};var Ke=mt;mt.default=mt;let or=Ke,bt=class extends or{constructor(e){e&&typeof e.value<"u"&&typeof e.value!="string"&&(e={...e,value:String(e.value)}),super(e),this.type="decl"}get variable(){return this.prop.startsWith("--")||this.prop[0]==="$"}};var Ve=bt;bt.default=bt;let ar="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",lr=(i,e=21)=>(t=e)=>{let n="",r=t;for(;r--;)n+=i[Math.random()*i.length|0];return n},cr=(i=21)=>{let e="",t=i;for(;t--;)e+=ar[Math.random()*64|0];return e};var ur={nanoid:cr,customAlphabet:lr};let{SourceMapConsumer:Jt,SourceMapGenerator:Xt}=$,{existsSync:hr,readFileSync:fr}=$,{dirname:at,join:dr}=$;function pr(i){return Buffer?Buffer.from(i,"base64").toString():window.atob(i)}let yt=class{constructor(e,t){if(t.map===!1)return;this.loadAnnotation(e),this.inline=this.startWith(this.annotation,"data:");let n=t.map?t.map.prev:void 0,r=this.loadMap(t.from,n);!this.mapFile&&t.from&&(this.mapFile=t.from),this.mapFile&&(this.root=at(this.mapFile)),r&&(this.text=r)}consumer(){return this.consumerCache||(this.consumerCache=new Jt(this.text)),this.consumerCache}decodeInline(e){let t=/^data:application\/json;charset=utf-?8;base64,/,n=/^data:application\/json;base64,/,r=/^data:application\/json;charset=utf-?8,/,o=/^data:application\/json,/;if(r.test(e)||o.test(e))return decodeURIComponent(e.substr(RegExp.lastMatch.length));if(t.test(e)||n.test(e))return pr(e.substr(RegExp.lastMatch.length));let s=e.match(/data:application\/json;([^,]+),/)[1];throw new Error("Unsupported source map encoding "+s)}getAnnotationURL(e){return e.replace(/^\/\*\s*# sourceMappingURL=/,"").trim()}isMap(e){return typeof e!="object"?!1:typeof e.mappings=="string"||typeof e._mappings=="string"||Array.isArray(e.sections)}loadAnnotation(e){let t=e.match(/\/\*\s*# sourceMappingURL=/gm);if(!t)return;let n=e.lastIndexOf(t.pop()),r=e.indexOf("*/",n);n>-1&&r>-1&&(this.annotation=this.getAnnotationURL(e.substring(n,r)))}loadFile(e){if(this.root=at(e),hr(e))return this.mapFile=e,fr(e,"utf-8").toString().trim()}loadMap(e,t){if(t===!1)return!1;if(t){if(typeof t=="string")return t;if(typeof t=="function"){let n=t(e);if(n){let r=this.loadFile(n);if(!r)throw new Error("Unable to load previous source map: "+n.toString());return r}}else{if(t instanceof Jt)return Xt.fromSourceMap(t).toString();if(t instanceof Xt)return t.toString();if(this.isMap(t))return JSON.stringify(t);throw new Error("Unsupported previous source map format: "+t.toString())}}else{if(this.inline)return this.decodeInline(this.annotation);if(this.annotation){let n=this.annotation;return e&&(n=dr(at(e),n)),this.loadFile(n)}}}startWith(e,t){return e?e.substr(0,t.length)===t:!1}withContent(){return!!(this.consumer().sourcesContent&&this.consumer().sourcesContent.length>0)}};var Cn=yt;yt.default=yt;let{SourceMapConsumer:gr,SourceMapGenerator:mr}=$,{fileURLToPath:Qt,pathToFileURL:_e}=$,{isAbsolute:wt,resolve:vt}=$,{nanoid:br}=ur,lt=$,Yt=kt,yr=Cn,ct=Symbol("fromOffsetCache"),wr=!!(gr&&mr),en=!!(vt&&wt),De=class{constructor(e,t={}){if(e===null||typeof e>"u"||typeof e=="object"&&!e.toString)throw new Error(`PostCSS received ${e} instead of CSS string`);if(this.css=e.toString(),this.css[0]==="\uFEFF"||this.css[0]==="￾"?(this.hasBOM=!0,this.css=this.css.slice(1)):this.hasBOM=!1,t.from&&(!en||/^\w+:\/\//.test(t.from)||wt(t.from)?this.file=t.from:this.file=vt(t.from)),en&&wr){let n=new yr(this.css,t);if(n.text){this.map=n;let r=n.consumer().file;!this.file&&r&&(this.file=this.mapResolve(r))}}this.file||(this.id="<input css "+br(6)+">"),this.map&&(this.map.file=this.from)}error(e,t,n,r={}){let o,s,a;if(t&&typeof t=="object"){let c=t,h=n;if(typeof c.offset=="number"){let b=this.fromOffset(c.offset);t=b.line,n=b.col}else t=c.line,n=c.column;if(typeof h.offset=="number"){let b=this.fromOffset(h.offset);s=b.line,a=b.col}else s=h.line,a=h.column}else if(!n){let c=this.fromOffset(t);t=c.line,n=c.col}let l=this.origin(t,n,s,a);return l?o=new Yt(e,l.endLine===void 0?l.line:{column:l.column,line:l.line},l.endLine===void 0?l.column:{column:l.endColumn,line:l.endLine},l.source,l.file,r.plugin):o=new Yt(e,s===void 0?t:{column:n,line:t},s===void 0?n:{column:a,line:s},this.css,this.file,r.plugin),o.input={column:n,endColumn:a,endLine:s,line:t,source:this.css},this.file&&(_e&&(o.input.url=_e(this.file).toString()),o.input.file=this.file),o}fromOffset(e){let t,n;if(this[ct])n=this[ct];else{let o=this.css.split(`
+`);n=new Array(o.length);let s=0;for(let a=0,l=o.length;a<l;a++)n[a]=s,s+=o[a].length+1;this[ct]=n}t=n[n.length-1];let r=0;if(e>=t)r=n.length-1;else{let o=n.length-2,s;for(;r<o;)if(s=r+(o-r>>1),e<n[s])o=s-1;else if(e>=n[s+1])r=s+1;else{r=s;break}}return{col:e-n[r]+1,line:r+1}}mapResolve(e){return/^\w+:\/\//.test(e)?e:vt(this.map.consumer().sourceRoot||this.map.root||".",e)}origin(e,t,n,r){if(!this.map)return!1;let o=this.map.consumer(),s=o.originalPositionFor({column:t,line:e});if(!s.source)return!1;let a;typeof n=="number"&&(a=o.originalPositionFor({column:r,line:n}));let l;wt(s.source)?l=_e(s.source):l=new URL(s.source,this.map.consumer().sourceRoot||_e(this.map.mapFile));let c={column:s.column,endColumn:a&&a.column,endLine:a&&a.line,line:s.line,url:l.toString()};if(l.protocol==="file:")if(Qt)c.file=Qt(l);else throw new Error("file: protocol is not available in this PostCSS build");let h=o.sourceContentFor(s.source);return h&&(c.source=h),c}toJSON(){let e={};for(let t of["hasBOM","css","file","id"])this[t]!=null&&(e[t]=this[t]);return this.map&&(e.map={...this.map},e.map.consumerCache&&(e.map.consumerCache=void 0)),e}get from(){return this.file||this.id}};var Je=De;De.default=De;lt&&lt.registerInput&&lt.registerInput(De);let{SourceMapConsumer:On,SourceMapGenerator:ze}=$,{dirname:Be,relative:An,resolve:_n,sep:kn}=$,{pathToFileURL:tn}=$,vr=Je,xr=!!(On&&ze),Er=!!(Be&&_n&&An&&kn),Sr=class{constructor(e,t,n,r){this.stringify=e,this.mapOpts=n.map||{},this.root=t,this.opts=n,this.css=r,this.usesFileUrls=!this.mapOpts.from&&this.mapOpts.absolute,this.memoizedFileURLs=new Map,this.memoizedPaths=new Map,this.memoizedURLs=new Map}addAnnotation(){let e;this.isInline()?e="data:application/json;base64,"+this.toBase64(this.map.toString()):typeof this.mapOpts.annotation=="string"?e=this.mapOpts.annotation:typeof this.mapOpts.annotation=="function"?e=this.mapOpts.annotation(this.opts.to,this.root):e=this.outputFile()+".map";let t=`
+`;this.css.includes(`\r
+`)&&(t=`\r
+`),this.css+=t+"/*# sourceMappingURL="+e+" */"}applyPrevMaps(){for(let e of this.previous()){let t=this.toUrl(this.path(e.file)),n=e.root||Be(e.file),r;this.mapOpts.sourcesContent===!1?(r=new On(e.text),r.sourcesContent&&(r.sourcesContent=r.sourcesContent.map(()=>null))):r=e.consumer(),this.map.applySourceMap(r,t,this.toUrl(this.path(n)))}}clearAnnotation(){if(this.mapOpts.annotation!==!1)if(this.root){let e;for(let t=this.root.nodes.length-1;t>=0;t--)e=this.root.nodes[t],e.type==="comment"&&e.text.indexOf("# sourceMappingURL=")===0&&this.root.removeChild(t)}else this.css&&(this.css=this.css.replace(/(\n)?\/\*#[\S\s]*?\*\/$/gm,""))}generate(){if(this.clearAnnotation(),Er&&xr&&this.isMap())return this.generateMap();{let e="";return this.stringify(this.root,t=>{e+=t}),[e]}}generateMap(){if(this.root)this.generateString();else if(this.previous().length===1){let e=this.previous()[0].consumer();e.file=this.outputFile(),this.map=ze.fromSourceMap(e)}else this.map=new ze({file:this.outputFile()}),this.map.addMapping({generated:{column:0,line:1},original:{column:0,line:1},source:this.opts.from?this.toUrl(this.path(this.opts.from)):"<no source>"});return this.isSourcesContent()&&this.setSourcesContent(),this.root&&this.previous().length>0&&this.applyPrevMaps(),this.isAnnotation()&&this.addAnnotation(),this.isInline()?[this.css]:[this.css,this.map]}generateString(){this.css="",this.map=new ze({file:this.outputFile()});let e=1,t=1,n="<no source>",r={generated:{column:0,line:0},original:{column:0,line:0},source:""},o,s;this.stringify(this.root,(a,l,c)=>{if(this.css+=a,l&&c!=="end"&&(r.generated.line=e,r.generated.column=t-1,l.source&&l.source.start?(r.source=this.sourcePath(l),r.original.line=l.source.start.line,r.original.column=l.source.start.column-1,this.map.addMapping(r)):(r.source=n,r.original.line=1,r.original.column=0,this.map.addMapping(r))),o=a.match(/\n/g),o?(e+=o.length,s=a.lastIndexOf(`
+`),t=a.length-s):t+=a.length,l&&c!=="start"){let h=l.parent||{raws:{}};(!(l.type==="decl"||l.type==="atrule"&&!l.nodes)||l!==h.last||h.raws.semicolon)&&(l.source&&l.source.end?(r.source=this.sourcePath(l),r.original.line=l.source.end.line,r.original.column=l.source.end.column-1,r.generated.line=e,r.generated.column=t-2,this.map.addMapping(r)):(r.source=n,r.original.line=1,r.original.column=0,r.generated.line=e,r.generated.column=t-1,this.map.addMapping(r)))}})}isAnnotation(){return this.isInline()?!0:typeof this.mapOpts.annotation<"u"?this.mapOpts.annotation:this.previous().length?this.previous().some(e=>e.annotation):!0}isInline(){if(typeof this.mapOpts.inline<"u")return this.mapOpts.inline;let e=this.mapOpts.annotation;return typeof e<"u"&&e!==!0?!1:this.previous().length?this.previous().some(t=>t.inline):!0}isMap(){return typeof this.opts.map<"u"?!!this.opts.map:this.previous().length>0}isSourcesContent(){return typeof this.mapOpts.sourcesContent<"u"?this.mapOpts.sourcesContent:this.previous().length?this.previous().some(e=>e.withContent()):!0}outputFile(){return this.opts.to?this.path(this.opts.to):this.opts.from?this.path(this.opts.from):"to.css"}path(e){if(this.mapOpts.absolute||e.charCodeAt(0)===60||/^\w+:\/\//.test(e))return e;let t=this.memoizedPaths.get(e);if(t)return t;let n=this.opts.to?Be(this.opts.to):".";typeof this.mapOpts.annotation=="string"&&(n=Be(_n(n,this.mapOpts.annotation)));let r=An(n,e);return this.memoizedPaths.set(e,r),r}previous(){if(!this.previousMaps)if(this.previousMaps=[],this.root)this.root.walk(e=>{if(e.source&&e.source.input.map){let t=e.source.input.map;this.previousMaps.includes(t)||this.previousMaps.push(t)}});else{let e=new vr(this.css,this.opts);e.map&&this.previousMaps.push(e.map)}return this.previousMaps}setSourcesContent(){let e={};if(this.root)this.root.walk(t=>{if(t.source){let n=t.source.input.from;if(n&&!e[n]){e[n]=!0;let r=this.usesFileUrls?this.toFileUrl(n):this.toUrl(this.path(n));this.map.setSourceContent(r,t.source.input.css)}}});else if(this.css){let t=this.opts.from?this.toUrl(this.path(this.opts.from)):"<no source>";this.map.setSourceContent(t,this.css)}}sourcePath(e){return this.mapOpts.from?this.toUrl(this.mapOpts.from):this.usesFileUrls?this.toFileUrl(e.source.input.from):this.toUrl(this.path(e.source.input.from))}toBase64(e){return Buffer?Buffer.from(e).toString("base64"):window.btoa(unescape(encodeURIComponent(e)))}toFileUrl(e){let t=this.memoizedFileURLs.get(e);if(t)return t;if(tn){let n=tn(e).toString();return this.memoizedFileURLs.set(e,n),n}else throw new Error("`map.absolute` option is not available in this PostCSS build")}toUrl(e){let t=this.memoizedURLs.get(e);if(t)return t;kn==="\\"&&(e=e.replace(/\\/g,"/"));let n=encodeURI(e).replace(/[#?]/g,encodeURIComponent);return this.memoizedURLs.set(e,n),n}};var Rn=Sr;let Cr=Ke,xt=class extends Cr{constructor(e){super(e),this.type="comment"}};var Xe=xt;xt.default=xt;let{isClean:Nn,my:Mn}=ve,Ln=Ve,In=Xe,Or=Ke,Pn,Rt,Nt,Tn;function jn(i){return i.map(e=>(e.nodes&&(e.nodes=jn(e.nodes)),delete e.source,e))}function $n(i){if(i[Nn]=!1,i.proxyOf.nodes)for(let e of i.proxyOf.nodes)$n(e)}let Z=class zn extends Or{append(...e){for(let t of e){let n=this.normalize(t,this.last);for(let r of n)this.proxyOf.nodes.push(r)}return this.markDirty(),this}cleanRaws(e){if(super.cleanRaws(e),this.nodes)for(let t of this.nodes)t.cleanRaws(e)}each(e){if(!this.proxyOf.nodes)return;let t=this.getIterator(),n,r;for(;this.indexes[t]<this.proxyOf.nodes.length&&(n=this.indexes[t],r=e(this.proxyOf.nodes[n],n),r!==!1);)this.indexes[t]+=1;return delete this.indexes[t],r}every(e){return this.nodes.every(e)}getIterator(){this.lastEach||(this.lastEach=0),this.indexes||(this.indexes={}),this.lastEach+=1;let e=this.lastEach;return this.indexes[e]=0,e}getProxyProcessor(){return{get(e,t){return t==="proxyOf"?e:e[t]?t==="each"||typeof t=="string"&&t.startsWith("walk")?(...n)=>e[t](...n.map(r=>typeof r=="function"?(o,s)=>r(o.toProxy(),s):r)):t==="every"||t==="some"?n=>e[t]((r,...o)=>n(r.toProxy(),...o)):t==="root"?()=>e.root().toProxy():t==="nodes"?e.nodes.map(n=>n.toProxy()):t==="first"||t==="last"?e[t].toProxy():e[t]:e[t]},set(e,t,n){return e[t]===n||(e[t]=n,(t==="name"||t==="params"||t==="selector")&&e.markDirty()),!0}}}index(e){return typeof e=="number"?e:(e.proxyOf&&(e=e.proxyOf),this.proxyOf.nodes.indexOf(e))}insertAfter(e,t){let n=this.index(e),r=this.normalize(t,this.proxyOf.nodes[n]).reverse();n=this.index(e);for(let s of r)this.proxyOf.nodes.splice(n+1,0,s);let o;for(let s in this.indexes)o=this.indexes[s],n<o&&(this.indexes[s]=o+r.length);return this.markDirty(),this}insertBefore(e,t){let n=this.index(e),r=n===0?"prepend":!1,o=this.normalize(t,this.proxyOf.nodes[n],r).reverse();n=this.index(e);for(let a of o)this.proxyOf.nodes.splice(n,0,a);let s;for(let a in this.indexes)s=this.indexes[a],n<=s&&(this.indexes[a]=s+o.length);return this.markDirty(),this}normalize(e,t){if(typeof e=="string")e=jn(Pn(e).nodes);else if(Array.isArray(e)){e=e.slice(0);for(let r of e)r.parent&&r.parent.removeChild(r,"ignore")}else if(e.type==="root"&&this.type!=="document"){e=e.nodes.slice(0);for(let r of e)r.parent&&r.parent.removeChild(r,"ignore")}else if(e.type)e=[e];else if(e.prop){if(typeof e.value>"u")throw new Error("Value field is missed in node creation");typeof e.value!="string"&&(e.value=String(e.value)),e=[new Ln(e)]}else if(e.selector)e=[new Rt(e)];else if(e.name)e=[new Nt(e)];else if(e.text)e=[new In(e)];else throw new Error("Unknown node type in node creation");return e.map(r=>(r[Mn]||zn.rebuild(r),r=r.proxyOf,r.parent&&r.parent.removeChild(r),r[Nn]&&$n(r),typeof r.raws.before>"u"&&t&&typeof t.raws.before<"u"&&(r.raws.before=t.raws.before.replace(/\S/g,"")),r.parent=this.proxyOf,r))}prepend(...e){e=e.reverse();for(let t of e){let n=this.normalize(t,this.first,"prepend").reverse();for(let r of n)this.proxyOf.nodes.unshift(r);for(let r in this.indexes)this.indexes[r]=this.indexes[r]+n.length}return this.markDirty(),this}push(e){return e.parent=this,this.proxyOf.nodes.push(e),this}removeAll(){for(let e of this.proxyOf.nodes)e.parent=void 0;return this.proxyOf.nodes=[],this.markDirty(),this}removeChild(e){e=this.index(e),this.proxyOf.nodes[e].parent=void 0,this.proxyOf.nodes.splice(e,1);let t;for(let n in this.indexes)t=this.indexes[n],t>=e&&(this.indexes[n]=t-1);return this.markDirty(),this}replaceValues(e,t,n){return n||(n=t,t={}),this.walkDecls(r=>{t.props&&!t.props.includes(r.prop)||t.fast&&!r.value.includes(t.fast)||(r.value=r.value.replace(e,n))}),this.markDirty(),this}some(e){return this.nodes.some(e)}walk(e){return this.each((t,n)=>{let r;try{r=e(t,n)}catch(o){throw t.addToError(o)}return r!==!1&&t.walk&&(r=t.walk(e)),r})}walkAtRules(e,t){return t?e instanceof RegExp?this.walk((n,r)=>{if(n.type==="atrule"&&e.test(n.name))return t(n,r)}):this.walk((n,r)=>{if(n.type==="atrule"&&n.name===e)return t(n,r)}):(t=e,this.walk((n,r)=>{if(n.type==="atrule")return t(n,r)}))}walkComments(e){return this.walk((t,n)=>{if(t.type==="comment")return e(t,n)})}walkDecls(e,t){return t?e instanceof RegExp?this.walk((n,r)=>{if(n.type==="decl"&&e.test(n.prop))return t(n,r)}):this.walk((n,r)=>{if(n.type==="decl"&&n.prop===e)return t(n,r)}):(t=e,this.walk((n,r)=>{if(n.type==="decl")return t(n,r)}))}walkRules(e,t){return t?e instanceof RegExp?this.walk((n,r)=>{if(n.type==="rule"&&e.test(n.selector))return t(n,r)}):this.walk((n,r)=>{if(n.type==="rule"&&n.selector===e)return t(n,r)}):(t=e,this.walk((n,r)=>{if(n.type==="rule")return t(n,r)}))}get first(){if(this.proxyOf.nodes)return this.proxyOf.nodes[0]}get last(){if(this.proxyOf.nodes)return this.proxyOf.nodes[this.proxyOf.nodes.length-1]}};Z.registerParse=i=>{Pn=i};Z.registerRule=i=>{Rt=i};Z.registerAtRule=i=>{Nt=i};Z.registerRoot=i=>{Tn=i};var ee=Z;Z.default=Z;Z.rebuild=i=>{i.type==="atrule"?Object.setPrototypeOf(i,Nt.prototype):i.type==="rule"?Object.setPrototypeOf(i,Rt.prototype):i.type==="decl"?Object.setPrototypeOf(i,Ln.prototype):i.type==="comment"?Object.setPrototypeOf(i,In.prototype):i.type==="root"&&Object.setPrototypeOf(i,Tn.prototype),i[Mn]=!0,i.nodes&&i.nodes.forEach(e=>{Z.rebuild(e)})};let Ar=ee,Bn,Dn,pe=class extends Ar{constructor(e){super({type:"document",...e}),this.nodes||(this.nodes=[])}toResult(e={}){return new Bn(new Dn,this,e).stringify()}};pe.registerLazyResult=i=>{Bn=i};pe.registerProcessor=i=>{Dn=i};var Mt=pe;pe.default=pe;let Et=class{constructor(e,t={}){if(this.type="warning",this.text=e,t.node&&t.node.source){let n=t.node.rangeBy(t);this.line=n.start.line,this.column=n.start.column,this.endLine=n.end.line,this.endColumn=n.end.column}for(let n in t)this[n]=t[n]}toString(){return this.node?this.node.error(this.text,{index:this.index,plugin:this.plugin,word:this.word}).message:this.plugin?this.plugin+": "+this.text:this.text}};var Un=Et;Et.default=Et;let _r=Un,St=class{constructor(e,t,n){this.processor=e,this.messages=[],this.root=t,this.opts=n,this.css=void 0,this.map=void 0}toString(){return this.css}warn(e,t={}){t.plugin||this.lastPlugin&&this.lastPlugin.postcssPlugin&&(t.plugin=this.lastPlugin.postcssPlugin);let n=new _r(e,t);return this.messages.push(n),n}warnings(){return this.messages.filter(e=>e.type==="warning")}get content(){return this.css}};var Lt=St;St.default=St;const ut=39,nn=34,ke=92,rn=47,Re=10,ce=32,Ne=12,Me=9,Le=13,kr=91,Rr=93,Nr=40,Mr=41,Lr=123,Ir=125,Pr=59,Tr=42,jr=58,$r=64,Ie=/[\t\n\f\r "#'()/;[\\\]{}]/g,Pe=/[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g,zr=/.[\r\n"'(/\\]/,sn=/[\da-f]/i;var Br=function(e,t={}){let n=e.css.valueOf(),r=t.ignoreErrors,o,s,a,l,c,h,b,g,_,R,T=n.length,m=0,F=[],H=[];function V(){return m}function j(z){throw e.error("Unclosed "+z,m)}function W(){return H.length===0&&m>=T}function le(z){if(H.length)return H.pop();if(m>=T)return;let L=z?z.ignoreUnclosed:!1;switch(o=n.charCodeAt(m),o){case Re:case ce:case Me:case Le:case Ne:{s=m;do s+=1,o=n.charCodeAt(s);while(o===ce||o===Re||o===Me||o===Le||o===Ne);R=["space",n.slice(m,s)],m=s-1;break}case kr:case Rr:case Lr:case Ir:case jr:case Pr:case Mr:{let J=String.fromCharCode(o);R=[J,J,m];break}case Nr:{if(g=F.length?F.pop()[1]:"",_=n.charCodeAt(m+1),g==="url"&&_!==ut&&_!==nn&&_!==ce&&_!==Re&&_!==Me&&_!==Ne&&_!==Le){s=m;do{if(h=!1,s=n.indexOf(")",s+1),s===-1)if(r||L){s=m;break}else j("bracket");for(b=s;n.charCodeAt(b-1)===ke;)b-=1,h=!h}while(h);R=["brackets",n.slice(m,s+1),m,s],m=s}else s=n.indexOf(")",m+1),l=n.slice(m,s+1),s===-1||zr.test(l)?R=["(","(",m]:(R=["brackets",l,m,s],m=s);break}case ut:case nn:{a=o===ut?"'":'"',s=m;do{if(h=!1,s=n.indexOf(a,s+1),s===-1)if(r||L){s=m+1;break}else j("string");for(b=s;n.charCodeAt(b-1)===ke;)b-=1,h=!h}while(h);R=["string",n.slice(m,s+1),m,s],m=s;break}case $r:{Ie.lastIndex=m+1,Ie.test(n),Ie.lastIndex===0?s=n.length-1:s=Ie.lastIndex-2,R=["at-word",n.slice(m,s+1),m,s],m=s;break}case ke:{for(s=m,c=!0;n.charCodeAt(s+1)===ke;)s+=1,c=!c;if(o=n.charCodeAt(s+1),c&&o!==rn&&o!==ce&&o!==Re&&o!==Me&&o!==Le&&o!==Ne&&(s+=1,sn.test(n.charAt(s)))){for(;sn.test(n.charAt(s+1));)s+=1;n.charCodeAt(s+1)===ce&&(s+=1)}R=["word",n.slice(m,s+1),m,s],m=s;break}default:{o===rn&&n.charCodeAt(m+1)===Tr?(s=n.indexOf("*/",m+2)+1,s===0&&(r||L?s=n.length:j("comment")),R=["comment",n.slice(m,s+1),m,s],m=s):(Pe.lastIndex=m+1,Pe.test(n),Pe.lastIndex===0?s=n.length-1:s=Pe.lastIndex-2,R=["word",n.slice(m,s+1),m,s],F.push(R),m=s);break}}return m++,R}function ne(z){H.push(z)}return{back:ne,endOfFile:W,nextToken:le,position:V}};let Fn=ee,Ue=class extends Fn{constructor(e){super(e),this.type="atrule"}append(...e){return this.proxyOf.nodes||(this.nodes=[]),super.append(...e)}prepend(...e){return this.proxyOf.nodes||(this.nodes=[]),super.prepend(...e)}};var It=Ue;Ue.default=Ue;Fn.registerAtRule(Ue);let Hn=ee,Wn,Gn,re=class extends Hn{constructor(e){super(e),this.type="root",this.nodes||(this.nodes=[])}normalize(e,t,n){let r=super.normalize(e);if(t){if(n==="prepend")this.nodes.length>1?t.raws.before=this.nodes[1].raws.before:delete t.raws.before;else if(this.first!==t)for(let o of r)o.raws.before=t.raws.before}return r}removeChild(e,t){let n=this.index(e);return!t&&n===0&&this.nodes.length>1&&(this.nodes[1].raws.before=this.nodes[n].raws.before),super.removeChild(e)}toResult(e={}){return new Wn(new Gn,this,e).stringify()}};re.registerLazyResult=i=>{Wn=i};re.registerProcessor=i=>{Gn=i};var xe=re;re.default=re;Hn.registerRoot(re);let ge={comma(i){return ge.split(i,[","],!0)},space(i){let e=[" ",`
+`,"	"];return ge.split(i,e)},split(i,e,t){let n=[],r="",o=!1,s=0,a=!1,l="",c=!1;for(let h of i)c?c=!1:h==="\\"?c=!0:a?h===l&&(a=!1):h==='"'||h==="'"?(a=!0,l=h):h==="("?s+=1:h===")"?s>0&&(s-=1):s===0&&e.includes(h)&&(o=!0),o?(r!==""&&n.push(r.trim()),r="",o=!1):r+=h;return(t||r!=="")&&n.push(r.trim()),n}};var Zn=ge;ge.default=ge;let qn=ee,Dr=Zn,Fe=class extends qn{constructor(e){super(e),this.type="rule",this.nodes||(this.nodes=[])}get selectors(){return Dr.comma(this.selector)}set selectors(e){let t=this.selector?this.selector.match(/,\s*/):null,n=t?t[0]:","+this.raw("between","beforeOpen");this.selector=e.join(n)}};var Pt=Fe;Fe.default=Fe;qn.registerRule(Fe);let Ur=Ve,Fr=Br,Hr=Xe,Wr=It,Gr=xe,on=Pt;const an={empty:!0,space:!0};function Zr(i){for(let e=i.length-1;e>=0;e--){let t=i[e],n=t[3]||t[2];if(n)return n}}let qr=class{constructor(e){this.input=e,this.root=new Gr,this.current=this.root,this.spaces="",this.semicolon=!1,this.customProperty=!1,this.createTokenizer(),this.root.source={input:e,start:{column:1,line:1,offset:0}}}atrule(e){let t=new Wr;t.name=e[1].slice(1),t.name===""&&this.unnamedAtrule(t,e),this.init(t,e[2]);let n,r,o,s=!1,a=!1,l=[],c=[];for(;!this.tokenizer.endOfFile();){if(e=this.tokenizer.nextToken(),n=e[0],n==="("||n==="["?c.push(n==="("?")":"]"):n==="{"&&c.length>0?c.push("}"):n===c[c.length-1]&&c.pop(),c.length===0)if(n===";"){t.source.end=this.getPosition(e[2]),t.source.end.offset++,this.semicolon=!0;break}else if(n==="{"){a=!0;break}else if(n==="}"){if(l.length>0){for(o=l.length-1,r=l[o];r&&r[0]==="space";)r=l[--o];r&&(t.source.end=this.getPosition(r[3]||r[2]),t.source.end.offset++)}this.end(e);break}else l.push(e);else l.push(e);if(this.tokenizer.endOfFile()){s=!0;break}}t.raws.between=this.spacesAndCommentsFromEnd(l),l.length?(t.raws.afterName=this.spacesAndCommentsFromStart(l),this.raw(t,"params",l),s&&(e=l[l.length-1],t.source.end=this.getPosition(e[3]||e[2]),t.source.end.offset++,this.spaces=t.raws.between,t.raws.between="")):(t.raws.afterName="",t.params=""),a&&(t.nodes=[],this.current=t)}checkMissedSemicolon(e){let t=this.colon(e);if(t===!1)return;let n=0,r;for(let o=t-1;o>=0&&(r=e[o],!(r[0]!=="space"&&(n+=1,n===2)));o--);throw this.input.error("Missed semicolon",r[0]==="word"?r[3]+1:r[2])}colon(e){let t=0,n,r,o;for(let[s,a]of e.entries()){if(n=a,r=n[0],r==="("&&(t+=1),r===")"&&(t-=1),t===0&&r===":")if(!o)this.doubleColon(n);else{if(o[0]==="word"&&o[1]==="progid")continue;return s}o=n}return!1}comment(e){let t=new Hr;this.init(t,e[2]),t.source.end=this.getPosition(e[3]||e[2]),t.source.end.offset++;let n=e[1].slice(2,-2);if(/^\s*$/.test(n))t.text="",t.raws.left=n,t.raws.right="";else{let r=n.match(/^(\s*)([^]*\S)(\s*)$/);t.text=r[2],t.raws.left=r[1],t.raws.right=r[3]}}createTokenizer(){this.tokenizer=Fr(this.input)}decl(e,t){let n=new Ur;this.init(n,e[0][2]);let r=e[e.length-1];for(r[0]===";"&&(this.semicolon=!0,e.pop()),n.source.end=this.getPosition(r[3]||r[2]||Zr(e)),n.source.end.offset++;e[0][0]!=="word";)e.length===1&&this.unknownWord(e),n.raws.before+=e.shift()[1];for(n.source.start=this.getPosition(e[0][2]),n.prop="";e.length;){let c=e[0][0];if(c===":"||c==="space"||c==="comment")break;n.prop+=e.shift()[1]}n.raws.between="";let o;for(;e.length;)if(o=e.shift(),o[0]===":"){n.raws.between+=o[1];break}else o[0]==="word"&&/\w/.test(o[1])&&this.unknownWord([o]),n.raws.between+=o[1];(n.prop[0]==="_"||n.prop[0]==="*")&&(n.raws.before+=n.prop[0],n.prop=n.prop.slice(1));let s=[],a;for(;e.length&&(a=e[0][0],!(a!=="space"&&a!=="comment"));)s.push(e.shift());this.precheckMissedSemicolon(e);for(let c=e.length-1;c>=0;c--){if(o=e[c],o[1].toLowerCase()==="!important"){n.important=!0;let h=this.stringFrom(e,c);h=this.spacesFromEnd(e)+h,h!==" !important"&&(n.raws.important=h);break}else if(o[1].toLowerCase()==="important"){let h=e.slice(0),b="";for(let g=c;g>0;g--){let _=h[g][0];if(b.trim().indexOf("!")===0&&_!=="space")break;b=h.pop()[1]+b}b.trim().indexOf("!")===0&&(n.important=!0,n.raws.important=b,e=h)}if(o[0]!=="space"&&o[0]!=="comment")break}e.some(c=>c[0]!=="space"&&c[0]!=="comment")&&(n.raws.between+=s.map(c=>c[1]).join(""),s=[]),this.raw(n,"value",s.concat(e),t),n.value.includes(":")&&!t&&this.checkMissedSemicolon(e)}doubleColon(e){throw this.input.error("Double colon",{offset:e[2]},{offset:e[2]+e[1].length})}emptyRule(e){let t=new on;this.init(t,e[2]),t.selector="",t.raws.between="",this.current=t}end(e){this.current.nodes&&this.current.nodes.length&&(this.current.raws.semicolon=this.semicolon),this.semicolon=!1,this.current.raws.after=(this.current.raws.after||"")+this.spaces,this.spaces="",this.current.parent?(this.current.source.end=this.getPosition(e[2]),this.current.source.end.offset++,this.current=this.current.parent):this.unexpectedClose(e)}endFile(){this.current.parent&&this.unclosedBlock(),this.current.nodes&&this.current.nodes.length&&(this.current.raws.semicolon=this.semicolon),this.current.raws.after=(this.current.raws.after||"")+this.spaces,this.root.source.end=this.getPosition(this.tokenizer.position())}freeSemicolon(e){if(this.spaces+=e[1],this.current.nodes){let t=this.current.nodes[this.current.nodes.length-1];t&&t.type==="rule"&&!t.raws.ownSemicolon&&(t.raws.ownSemicolon=this.spaces,this.spaces="")}}getPosition(e){let t=this.input.fromOffset(e);return{column:t.col,line:t.line,offset:e}}init(e,t){this.current.push(e),e.source={input:this.input,start:this.getPosition(t)},e.raws.before=this.spaces,this.spaces="",e.type!=="comment"&&(this.semicolon=!1)}other(e){let t=!1,n=null,r=!1,o=null,s=[],a=e[1].startsWith("--"),l=[],c=e;for(;c;){if(n=c[0],l.push(c),n==="("||n==="[")o||(o=c),s.push(n==="("?")":"]");else if(a&&r&&n==="{")o||(o=c),s.push("}");else if(s.length===0)if(n===";")if(r){this.decl(l,a);return}else break;else if(n==="{"){this.rule(l);return}else if(n==="}"){this.tokenizer.back(l.pop()),t=!0;break}else n===":"&&(r=!0);else n===s[s.length-1]&&(s.pop(),s.length===0&&(o=null));c=this.tokenizer.nextToken()}if(this.tokenizer.endOfFile()&&(t=!0),s.length>0&&this.unclosedBracket(o),t&&r){if(!a)for(;l.length&&(c=l[l.length-1][0],!(c!=="space"&&c!=="comment"));)this.tokenizer.back(l.pop());this.decl(l,a)}else this.unknownWord(l)}parse(){let e;for(;!this.tokenizer.endOfFile();)switch(e=this.tokenizer.nextToken(),e[0]){case"space":this.spaces+=e[1];break;case";":this.freeSemicolon(e);break;case"}":this.end(e);break;case"comment":this.comment(e);break;case"at-word":this.atrule(e);break;case"{":this.emptyRule(e);break;default:this.other(e);break}this.endFile()}precheckMissedSemicolon(){}raw(e,t,n,r){let o,s,a=n.length,l="",c=!0,h,b;for(let g=0;g<a;g+=1)o=n[g],s=o[0],s==="space"&&g===a-1&&!r?c=!1:s==="comment"?(b=n[g-1]?n[g-1][0]:"empty",h=n[g+1]?n[g+1][0]:"empty",!an[b]&&!an[h]?l.slice(-1)===","?c=!1:l+=o[1]:c=!1):l+=o[1];if(!c){let g=n.reduce((_,R)=>_+R[1],"");e.raws[t]={raw:g,value:l}}e[t]=l}rule(e){e.pop();let t=new on;this.init(t,e[0][2]),t.raws.between=this.spacesAndCommentsFromEnd(e),this.raw(t,"selector",e),this.current=t}spacesAndCommentsFromEnd(e){let t,n="";for(;e.length&&(t=e[e.length-1][0],!(t!=="space"&&t!=="comment"));)n=e.pop()[1]+n;return n}spacesAndCommentsFromStart(e){let t,n="";for(;e.length&&(t=e[0][0],!(t!=="space"&&t!=="comment"));)n+=e.shift()[1];return n}spacesFromEnd(e){let t,n="";for(;e.length&&(t=e[e.length-1][0],t==="space");)n=e.pop()[1]+n;return n}stringFrom(e,t){let n="";for(let r=t;r<e.length;r++)n+=e[r][1];return e.splice(t,e.length-t),n}unclosedBlock(){let e=this.current.source.start;throw this.input.error("Unclosed block",e.line,e.column)}unclosedBracket(e){throw this.input.error("Unclosed bracket",{offset:e[2]},{offset:e[2]+1})}unexpectedClose(e){throw this.input.error("Unexpected }",{offset:e[2]},{offset:e[2]+1})}unknownWord(e){throw this.input.error("Unknown word",{offset:e[0][2]},{offset:e[0][2]+e[0][1].length})}unnamedAtrule(e,t){throw this.input.error("At-rule without name",{offset:t[2]},{offset:t[2]+t[1].length})}};var Kr=qr;let Vr=ee,Jr=Kr,Xr=Je;function He(i,e){let t=new Xr(i,e),n=new Jr(t);try{n.parse()}catch(r){throw r}return n.root}var Tt=He;He.default=He;Vr.registerParse(He);let{isClean:U,my:Qr}=ve,Yr=Rn,es=qe,ts=ee,ns=Mt,ln=Lt,is=Tt,rs=xe;const ss={atrule:"AtRule",comment:"Comment",decl:"Declaration",document:"Document",root:"Root",rule:"Rule"},os={AtRule:!0,AtRuleExit:!0,Comment:!0,CommentExit:!0,Declaration:!0,DeclarationExit:!0,Document:!0,DocumentExit:!0,Once:!0,OnceExit:!0,postcssPlugin:!0,prepare:!0,Root:!0,RootExit:!0,Rule:!0,RuleExit:!0},as={Once:!0,postcssPlugin:!0,prepare:!0},se=0;function ue(i){return typeof i=="object"&&typeof i.then=="function"}function Kn(i){let e=!1,t=ss[i.type];return i.type==="decl"?e=i.prop.toLowerCase():i.type==="atrule"&&(e=i.name.toLowerCase()),e&&i.append?[t,t+"-"+e,se,t+"Exit",t+"Exit-"+e]:e?[t,t+"-"+e,t+"Exit",t+"Exit-"+e]:i.append?[t,se,t+"Exit"]:[t,t+"Exit"]}function cn(i){let e;return i.type==="document"?e=["Document",se,"DocumentExit"]:i.type==="root"?e=["Root",se,"RootExit"]:e=Kn(i),{eventIndex:0,events:e,iterator:0,node:i,visitorIndex:0,visitors:[]}}function Ct(i){return i[U]=!1,i.nodes&&i.nodes.forEach(e=>Ct(e)),i}let Ot={},oe=class Vn{constructor(e,t,n){this.stringified=!1,this.processed=!1;let r;if(typeof t=="object"&&t!==null&&(t.type==="root"||t.type==="document"))r=Ct(t);else if(t instanceof Vn||t instanceof ln)r=Ct(t.root),t.map&&(typeof n.map>"u"&&(n.map={}),n.map.inline||(n.map.inline=!1),n.map.prev=t.map);else{let o=is;n.syntax&&(o=n.syntax.parse),n.parser&&(o=n.parser),o.parse&&(o=o.parse);try{r=o(t,n)}catch(s){this.processed=!0,this.error=s}r&&!r[Qr]&&ts.rebuild(r)}this.result=new ln(e,r,n),this.helpers={...Ot,postcss:Ot,result:this.result},this.plugins=this.processor.plugins.map(o=>typeof o=="object"&&o.prepare?{...o,...o.prepare(this.result)}:o)}async(){return this.error?Promise.reject(this.error):this.processed?Promise.resolve(this.result):(this.processing||(this.processing=this.runAsync()),this.processing)}catch(e){return this.async().catch(e)}finally(e){return this.async().then(e,e)}getAsyncError(){throw new Error("Use process(css).then(cb) to work with async plugins")}handleError(e,t){let n=this.result.lastPlugin;try{t&&t.addToError(e),this.error=e,e.name==="CssSyntaxError"&&!e.plugin?(e.plugin=n.postcssPlugin,e.setMessage()):n.postcssVersion}catch(r){console&&console.error&&console.error(r)}return e}prepareVisitors(){this.listeners={};let e=(t,n,r)=>{this.listeners[n]||(this.listeners[n]=[]),this.listeners[n].push([t,r])};for(let t of this.plugins)if(typeof t=="object")for(let n in t){if(!os[n]&&/^[A-Z]/.test(n))throw new Error(`Unknown event ${n} in ${t.postcssPlugin}. Try to update PostCSS (${this.processor.version} now).`);if(!as[n])if(typeof t[n]=="object")for(let r in t[n])r==="*"?e(t,n,t[n][r]):e(t,n+"-"+r.toLowerCase(),t[n][r]);else typeof t[n]=="function"&&e(t,n,t[n])}this.hasListener=Object.keys(this.listeners).length>0}async runAsync(){this.plugin=0;for(let e=0;e<this.plugins.length;e++){let t=this.plugins[e],n=this.runOnRoot(t);if(ue(n))try{await n}catch(r){throw this.handleError(r)}}if(this.prepareVisitors(),this.hasListener){let e=this.result.root;for(;!e[U];){e[U]=!0;let t=[cn(e)];for(;t.length>0;){let n=this.visitTick(t);if(ue(n))try{await n}catch(r){let o=t[t.length-1].node;throw this.handleError(r,o)}}}if(this.listeners.OnceExit)for(let[t,n]of this.listeners.OnceExit){this.result.lastPlugin=t;try{if(e.type==="document"){let r=e.nodes.map(o=>n(o,this.helpers));await Promise.all(r)}else await n(e,this.helpers)}catch(r){throw this.handleError(r)}}}return this.processed=!0,this.stringify()}runOnRoot(e){this.result.lastPlugin=e;try{if(typeof e=="object"&&e.Once){if(this.result.root.type==="document"){let t=this.result.root.nodes.map(n=>e.Once(n,this.helpers));return ue(t[0])?Promise.all(t):t}return e.Once(this.result.root,this.helpers)}else if(typeof e=="function")return e(this.result.root,this.result)}catch(t){throw this.handleError(t)}}stringify(){if(this.error)throw this.error;if(this.stringified)return this.result;this.stringified=!0,this.sync();let e=this.result.opts,t=es;e.syntax&&(t=e.syntax.stringify),e.stringifier&&(t=e.stringifier),t.stringify&&(t=t.stringify);let r=new Yr(t,this.result.root,this.result.opts).generate();return this.result.css=r[0],this.result.map=r[1],this.result}sync(){if(this.error)throw this.error;if(this.processed)return this.result;if(this.processed=!0,this.processing)throw this.getAsyncError();for(let e of this.plugins){let t=this.runOnRoot(e);if(ue(t))throw this.getAsyncError()}if(this.prepareVisitors(),this.hasListener){let e=this.result.root;for(;!e[U];)e[U]=!0,this.walkSync(e);if(this.listeners.OnceExit)if(e.type==="document")for(let t of e.nodes)this.visitSync(this.listeners.OnceExit,t);else this.visitSync(this.listeners.OnceExit,e)}return this.result}then(e,t){return this.async().then(e,t)}toString(){return this.css}visitSync(e,t){for(let[n,r]of e){this.result.lastPlugin=n;let o;try{o=r(t,this.helpers)}catch(s){throw this.handleError(s,t.proxyOf)}if(t.type!=="root"&&t.type!=="document"&&!t.parent)return!0;if(ue(o))throw this.getAsyncError()}}visitTick(e){let t=e[e.length-1],{node:n,visitors:r}=t;if(n.type!=="root"&&n.type!=="document"&&!n.parent){e.pop();return}if(r.length>0&&t.visitorIndex<r.length){let[s,a]=r[t.visitorIndex];t.visitorIndex+=1,t.visitorIndex===r.length&&(t.visitors=[],t.visitorIndex=0),this.result.lastPlugin=s;try{return a(n.toProxy(),this.helpers)}catch(l){throw this.handleError(l,n)}}if(t.iterator!==0){let s=t.iterator,a;for(;a=n.nodes[n.indexes[s]];)if(n.indexes[s]+=1,!a[U]){a[U]=!0,e.push(cn(a));return}t.iterator=0,delete n.indexes[s]}let o=t.events;for(;t.eventIndex<o.length;){let s=o[t.eventIndex];if(t.eventIndex+=1,s===se){n.nodes&&n.nodes.length&&(n[U]=!0,t.iterator=n.getIterator());return}else if(this.listeners[s]){t.visitors=this.listeners[s];return}}e.pop()}walkSync(e){e[U]=!0;let t=Kn(e);for(let n of t)if(n===se)e.nodes&&e.each(r=>{r[U]||this.walkSync(r)});else{let r=this.listeners[n];if(r&&this.visitSync(r,e.toProxy()))return}}warnings(){return this.sync().warnings()}get content(){return this.stringify().content}get css(){return this.stringify().css}get map(){return this.stringify().map}get messages(){return this.sync().messages}get opts(){return this.result.opts}get processor(){return this.result.processor}get root(){return this.sync().root}get[Symbol.toStringTag](){return"LazyResult"}};oe.registerPostcss=i=>{Ot=i};var Jn=oe;oe.default=oe;rs.registerLazyResult(oe);ns.registerLazyResult(oe);let ls=Rn,cs=qe,us=Tt;const hs=Lt;let At=class{constructor(e,t,n){t=t.toString(),this.stringified=!1,this._processor=e,this._css=t,this._opts=n,this._map=void 0;let r,o=cs;this.result=new hs(this._processor,r,this._opts),this.result.css=t;let s=this;Object.defineProperty(this.result,"root",{get(){return s.root}});let a=new ls(o,r,this._opts,t);if(a.isMap()){let[l,c]=a.generate();l&&(this.result.css=l),c&&(this.result.map=c)}}async(){return this.error?Promise.reject(this.error):Promise.resolve(this.result)}catch(e){return this.async().catch(e)}finally(e){return this.async().then(e,e)}sync(){if(this.error)throw this.error;return this.result}then(e,t){return this.async().then(e,t)}toString(){return this._css}warnings(){return[]}get content(){return this.result.css}get css(){return this.result.css}get map(){return this.result.map}get messages(){return[]}get opts(){return this.result.opts}get processor(){return this.result.processor}get root(){if(this._root)return this._root;let e,t=us;try{e=t(this._css,this._opts)}catch(n){this.error=n}if(this.error)throw this.error;return this._root=e,e}get[Symbol.toStringTag](){return"NoWorkResult"}};var fs=At;At.default=At;let ds=fs,ps=Jn,gs=Mt,ms=xe,me=class{constructor(e=[]){this.version="8.4.32",this.plugins=this.normalize(e)}normalize(e){let t=[];for(let n of e)if(n.postcss===!0?n=n():n.postcss&&(n=n.postcss),typeof n=="object"&&Array.isArray(n.plugins))t=t.concat(n.plugins);else if(typeof n=="object"&&n.postcssPlugin)t.push(n);else if(typeof n=="function")t.push(n);else if(!(typeof n=="object"&&(n.parse||n.stringify)))throw new Error(n+" is not a PostCSS plugin");return t}process(e,t={}){return this.plugins.length===0&&typeof t.parser>"u"&&typeof t.stringifier>"u"&&typeof t.syntax>"u"?new ds(this,e,t):new ps(this,e,t)}use(e){return this.plugins=this.plugins.concat(this.normalize([e])),this}};var bs=me;me.default=me;ms.registerProcessor(me);gs.registerProcessor(me);let ys=Ve,ws=Cn,vs=Xe,xs=It,Es=Je,Ss=xe,Cs=Pt;function be(i,e){if(Array.isArray(i))return i.map(r=>be(r));let{inputs:t,...n}=i;if(t){e=[];for(let r of t){let o={...r,__proto__:Es.prototype};o.map&&(o.map={...o.map,__proto__:ws.prototype}),e.push(o)}}if(n.nodes&&(n.nodes=i.nodes.map(r=>be(r,e))),n.source){let{inputId:r,...o}=n.source;n.source=o,r!=null&&(n.source.input=e[r])}if(n.type==="root")return new Ss(n);if(n.type==="decl")return new ys(n);if(n.type==="rule")return new Cs(n);if(n.type==="comment")return new vs(n);if(n.type==="atrule")return new xs(n);throw new Error("Unknown node type: "+i.type)}var Os=be;be.default=be;var un={};let As=kt,Xn=Ve,_s=Jn,ks=ee,jt=bs,Rs=qe,Ns=Os,Qn=Mt,Ms=Un,Yn=Xe,ei=It,Ls=Lt,Is=Je,Ps=Tt,Ts=Zn,ti=Pt,ni=xe,js=Ke;function E(...i){return i.length===1&&Array.isArray(i[0])&&(i=i[0]),new jt(i)}E.plugin=function(e,t){let n=!1;function r(...s){console&&console.warn&&!n&&(n=!0,console.warn(e+`: postcss.plugin was deprecated. Migration guide:
+https://evilmartians.com/chronicles/postcss-8-plugin-migration`),un.LANG&&un.LANG.startsWith("cn")&&console.warn(e+`: 里面 postcss.plugin 被弃用. 迁移指南:
+https://www.w3ctech.com/topic/2226`));let a=t(...s);return a.postcssPlugin=e,a.postcssVersion=new jt().version,a}let o;return Object.defineProperty(r,"postcss",{get(){return o||(o=r()),o}}),r.process=function(s,a,l){return E([r(l)]).process(s,a)},r};E.stringify=Rs;E.parse=Ps;E.fromJSON=Ns;E.list=Ts;E.comment=i=>new Yn(i);E.atRule=i=>new ei(i);E.decl=i=>new Xn(i);E.rule=i=>new ti(i);E.root=i=>new ni(i);E.document=i=>new Qn(i);E.CssSyntaxError=As;E.Declaration=Xn;E.Container=ks;E.Processor=jt;E.Document=Qn;E.Comment=Yn;E.Warning=Ms;E.AtRule=ei;E.Result=Ls;E.Input=Is;E.Rule=ti;E.Root=ni;E.Node=js;_s.registerPostcss(E);var $s=E;E.default=E;const A=vn($s);A.stringify;A.fromJSON;A.plugin;A.parse;A.list;A.document;A.comment;A.atRule;A.rule;A.decl;A.root;A.CssSyntaxError;A.Declaration;A.Container;A.Processor;A.Document;A.Comment;A.Warning;A.AtRule;A.Result;A.Input;A.Rule;A.Root;A.Node;var zs=function(e){const t=e.prefix,n=/\s+$/.test(t)?t:`${t} `,r=e.ignoreFiles?[].concat(e.ignoreFiles):[],o=e.includeFiles?[].concat(e.includeFiles):[];return function(s){r.length&&s.source.input.file&&hn(s.source.input.file,r)||o.length&&s.source.input.file&&!hn(s.source.input.file,o)||s.walkRules(a=>{const l=["keyframes","-webkit-keyframes","-moz-keyframes","-o-keyframes"];a.parent&&l.includes(a.parent.name)||(a.selectors=a.selectors.map(c=>e.exclude&&Bs(c,e.exclude)?c:e.transform?e.transform(t,c,n+c,s.source.input.file,a):n+c))})}};function hn(i,e){return e.some(t=>t instanceof RegExp?t.test(i):i.includes(t))}function Bs(i,e){return e.some(t=>t instanceof RegExp?t.test(i):i===t)}const Ds=vn(zs),Us="code{white-space:pre}.example{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:16px}.example>*{flex:1 1 500px}.example .tab-control{overflow:hidden}.example div[role=tab]{cursor:pointer;padding:8px 16px;display:inline-block;font-size:16px;border-bottom:2px solid transparent;background-clip:padding-box;-webkit-user-select:none;user-select:none}.example div[role=tab]:hover{background-color:#1467ba14}.example div[role=tab][selected]{background-color:#1467ba21;border-bottom:2px solid #1467ba}.tab-content{margin:16px 0}.tab-content>pre{padding-top:0}.tab-content.code{max-height:500px;overflow:auto}.tab-content.code pre{margin:0}",Fs="pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}";function Hs(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}function ii(i){return i instanceof Map?i.clear=i.delete=i.set=function(){throw new Error("map is read-only")}:i instanceof Set&&(i.add=i.clear=i.delete=function(){throw new Error("set is read-only")}),Object.freeze(i),Object.getOwnPropertyNames(i).forEach(e=>{const t=i[e],n=typeof t;(n==="object"||n==="function")&&!Object.isFrozen(t)&&ii(t)}),i}class fn{constructor(e){e.data===void 0&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function ri(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function K(i,...e){const t=Object.create(null);for(const n in i)t[n]=i[n];return e.forEach(function(n){for(const r in n)t[r]=n[r]}),t}const Ws="</span>",dn=i=>!!i.scope,Gs=(i,{prefix:e})=>{if(i.startsWith("language:"))return i.replace("language:","language-");if(i.includes(".")){const t=i.split(".");return[`${e}${t.shift()}`,...t.map((n,r)=>`${n}${"_".repeat(r+1)}`)].join(" ")}return`${e}${i}`};class Zs{constructor(e,t){this.buffer="",this.classPrefix=t.classPrefix,e.walk(this)}addText(e){this.buffer+=ri(e)}openNode(e){if(!dn(e))return;const t=Gs(e.scope,{prefix:this.classPrefix});this.span(t)}closeNode(e){dn(e)&&(this.buffer+=Ws)}value(){return this.buffer}span(e){this.buffer+=`<span class="${e}">`}}const pn=(i={})=>{const e={children:[]};return Object.assign(e,i),e};class $t{constructor(){this.rootNode=pn(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){this.top.children.push(e)}openNode(e){const t=pn({scope:e});this.add(t),this.stack.push(t)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,t){return typeof t=="string"?e.addText(t):t.children&&(e.openNode(t),t.children.forEach(n=>this._walk(e,n)),e.closeNode(t)),e}static _collapse(e){typeof e!="string"&&e.children&&(e.children.every(t=>typeof t=="string")?e.children=[e.children.join("")]:e.children.forEach(t=>{$t._collapse(t)}))}}class qs extends $t{constructor(e){super(),this.options=e}addText(e){e!==""&&this.add(e)}startScope(e){this.openNode(e)}endScope(){this.closeNode()}__addSublanguage(e,t){const n=e.root;t&&(n.scope=`language:${t}`),this.add(n)}toHTML(){return new Zs(this,this.options).value()}finalize(){return this.closeAllNodes(),!0}}function ye(i){return i?typeof i=="string"?i:i.source:null}function si(i){return te("(?=",i,")")}function Ks(i){return te("(?:",i,")*")}function Vs(i){return te("(?:",i,")?")}function te(...i){return i.map(e=>ye(e)).join("")}function Js(i){const e=i[i.length-1];return typeof e=="object"&&e.constructor===Object?(i.splice(i.length-1,1),e):{}}function zt(...i){return"("+(Js(i).capture?"":"?:")+i.map(e=>ye(e)).join("|")+")"}function oi(i){return new RegExp(i.toString()+"|").exec("").length-1}function Xs(i,e){const t=i&&i.exec(e);return t&&t.index===0}const Qs=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function Bt(i,{joinWith:e}){let t=0;return i.map(n=>{t+=1;const r=t;let o=ye(n),s="";for(;o.length>0;){const a=Qs.exec(o);if(!a){s+=o;break}s+=o.substring(0,a.index),o=o.substring(a.index+a[0].length),a[0][0]==="\\"&&a[1]?s+="\\"+String(Number(a[1])+r):(s+=a[0],a[0]==="("&&t++)}return s}).map(n=>`(${n})`).join(e)}const Ys=/\b\B/,ai="[a-zA-Z]\\w*",Dt="[a-zA-Z_]\\w*",li="\\b\\d+(\\.\\d+)?",ci="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",ui="\\b(0b[01]+)",eo="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",to=(i={})=>{const e=/^#![ ]*\//;return i.binary&&(i.begin=te(e,/.*\b/,i.binary,/\b.*/)),K({scope:"meta",begin:e,end:/$/,relevance:0,"on:begin":(t,n)=>{t.index!==0&&n.ignoreMatch()}},i)},we={begin:"\\\\[\\s\\S]",relevance:0},no={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[we]},io={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[we]},ro={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},Qe=function(i,e,t={}){const n=K({scope:"comment",begin:i,end:e,contains:[]},t);n.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});const r=zt("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return n.contains.push({begin:te(/[ ]+/,"(",r,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),n},so=Qe("//","$"),oo=Qe("/\\*","\\*/"),ao=Qe("#","$"),lo={scope:"number",begin:li,relevance:0},co={scope:"number",begin:ci,relevance:0},uo={scope:"number",begin:ui,relevance:0},ho={scope:"regexp",begin:/\/(?=[^/\n]*\/)/,end:/\/[gimuy]*/,contains:[we,{begin:/\[/,end:/\]/,relevance:0,contains:[we]}]},fo={scope:"title",begin:ai,relevance:0},po={scope:"title",begin:Dt,relevance:0},go={begin:"\\.\\s*"+Dt,relevance:0},mo=function(i){return Object.assign(i,{"on:begin":(e,t)=>{t.data._beginMatch=e[1]},"on:end":(e,t)=>{t.data._beginMatch!==e[1]&&t.ignoreMatch()}})};var Te=Object.freeze({__proto__:null,APOS_STRING_MODE:no,BACKSLASH_ESCAPE:we,BINARY_NUMBER_MODE:uo,BINARY_NUMBER_RE:ui,COMMENT:Qe,C_BLOCK_COMMENT_MODE:oo,C_LINE_COMMENT_MODE:so,C_NUMBER_MODE:co,C_NUMBER_RE:ci,END_SAME_AS_BEGIN:mo,HASH_COMMENT_MODE:ao,IDENT_RE:ai,MATCH_NOTHING_RE:Ys,METHOD_GUARD:go,NUMBER_MODE:lo,NUMBER_RE:li,PHRASAL_WORDS_MODE:ro,QUOTE_STRING_MODE:io,REGEXP_MODE:ho,RE_STARTERS_RE:eo,SHEBANG:to,TITLE_MODE:fo,UNDERSCORE_IDENT_RE:Dt,UNDERSCORE_TITLE_MODE:po});function bo(i,e){i.input[i.index-1]==="."&&e.ignoreMatch()}function yo(i,e){i.className!==void 0&&(i.scope=i.className,delete i.className)}function wo(i,e){e&&i.beginKeywords&&(i.begin="\\b("+i.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",i.__beforeBegin=bo,i.keywords=i.keywords||i.beginKeywords,delete i.beginKeywords,i.relevance===void 0&&(i.relevance=0))}function vo(i,e){Array.isArray(i.illegal)&&(i.illegal=zt(...i.illegal))}function xo(i,e){if(i.match){if(i.begin||i.end)throw new Error("begin & end are not supported with match");i.begin=i.match,delete i.match}}function Eo(i,e){i.relevance===void 0&&(i.relevance=1)}const So=(i,e)=>{if(!i.beforeMatch)return;if(i.starts)throw new Error("beforeMatch cannot be used with starts");const t=Object.assign({},i);Object.keys(i).forEach(n=>{delete i[n]}),i.keywords=t.keywords,i.begin=te(t.beforeMatch,si(t.begin)),i.starts={relevance:0,contains:[Object.assign(t,{endsParent:!0})]},i.relevance=0,delete t.beforeMatch},Co=["of","and","for","in","not","or","if","then","parent","list","value"],Oo="keyword";function hi(i,e,t=Oo){const n=Object.create(null);return typeof i=="string"?r(t,i.split(" ")):Array.isArray(i)?r(t,i):Object.keys(i).forEach(function(o){Object.assign(n,hi(i[o],e,o))}),n;function r(o,s){e&&(s=s.map(a=>a.toLowerCase())),s.forEach(function(a){const l=a.split("|");n[l[0]]=[o,Ao(l[0],l[1])]})}}function Ao(i,e){return e?Number(e):_o(i)?0:1}function _o(i){return Co.includes(i.toLowerCase())}const gn={},Y=i=>{console.error(i)},mn=(i,...e)=>{console.log(`WARN: ${i}`,...e)},ie=(i,e)=>{gn[`${i}/${e}`]||(console.log(`Deprecated as of ${i}. ${e}`),gn[`${i}/${e}`]=!0)},We=new Error;function fi(i,e,{key:t}){let n=0;const r=i[t],o={},s={};for(let a=1;a<=e.length;a++)s[a+n]=r[a],o[a+n]=!0,n+=oi(e[a-1]);i[t]=s,i[t]._emit=o,i[t]._multi=!0}function ko(i){if(Array.isArray(i.begin)){if(i.skip||i.excludeBegin||i.returnBegin)throw Y("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),We;if(typeof i.beginScope!="object"||i.beginScope===null)throw Y("beginScope must be object"),We;fi(i,i.begin,{key:"beginScope"}),i.begin=Bt(i.begin,{joinWith:""})}}function Ro(i){if(Array.isArray(i.end)){if(i.skip||i.excludeEnd||i.returnEnd)throw Y("skip, excludeEnd, returnEnd not compatible with endScope: {}"),We;if(typeof i.endScope!="object"||i.endScope===null)throw Y("endScope must be object"),We;fi(i,i.end,{key:"endScope"}),i.end=Bt(i.end,{joinWith:""})}}function No(i){i.scope&&typeof i.scope=="object"&&i.scope!==null&&(i.beginScope=i.scope,delete i.scope)}function Mo(i){No(i),typeof i.beginScope=="string"&&(i.beginScope={_wrap:i.beginScope}),typeof i.endScope=="string"&&(i.endScope={_wrap:i.endScope}),ko(i),Ro(i)}function Lo(i){function e(s,a){return new RegExp(ye(s),"m"+(i.case_insensitive?"i":"")+(i.unicodeRegex?"u":"")+(a?"g":""))}class t{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(a,l){l.position=this.position++,this.matchIndexes[this.matchAt]=l,this.regexes.push([l,a]),this.matchAt+=oi(a)+1}compile(){this.regexes.length===0&&(this.exec=()=>null);const a=this.regexes.map(l=>l[1]);this.matcherRe=e(Bt(a,{joinWith:"|"}),!0),this.lastIndex=0}exec(a){this.matcherRe.lastIndex=this.lastIndex;const l=this.matcherRe.exec(a);if(!l)return null;const c=l.findIndex((b,g)=>g>0&&b!==void 0),h=this.matchIndexes[c];return l.splice(0,c),Object.assign(l,h)}}class n{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(a){if(this.multiRegexes[a])return this.multiRegexes[a];const l=new t;return this.rules.slice(a).forEach(([c,h])=>l.addRule(c,h)),l.compile(),this.multiRegexes[a]=l,l}resumingScanAtSamePosition(){return this.regexIndex!==0}considerAll(){this.regexIndex=0}addRule(a,l){this.rules.push([a,l]),l.type==="begin"&&this.count++}exec(a){const l=this.getMatcher(this.regexIndex);l.lastIndex=this.lastIndex;let c=l.exec(a);if(this.resumingScanAtSamePosition()&&!(c&&c.index===this.lastIndex)){const h=this.getMatcher(0);h.lastIndex=this.lastIndex+1,c=h.exec(a)}return c&&(this.regexIndex+=c.position+1,this.regexIndex===this.count&&this.considerAll()),c}}function r(s){const a=new n;return s.contains.forEach(l=>a.addRule(l.begin,{rule:l,type:"begin"})),s.terminatorEnd&&a.addRule(s.terminatorEnd,{type:"end"}),s.illegal&&a.addRule(s.illegal,{type:"illegal"}),a}function o(s,a){const l=s;if(s.isCompiled)return l;[yo,xo,Mo,So].forEach(h=>h(s,a)),i.compilerExtensions.forEach(h=>h(s,a)),s.__beforeBegin=null,[wo,vo,Eo].forEach(h=>h(s,a)),s.isCompiled=!0;let c=null;return typeof s.keywords=="object"&&s.keywords.$pattern&&(s.keywords=Object.assign({},s.keywords),c=s.keywords.$pattern,delete s.keywords.$pattern),c=c||/\w+/,s.keywords&&(s.keywords=hi(s.keywords,i.case_insensitive)),l.keywordPatternRe=e(c,!0),a&&(s.begin||(s.begin=/\B|\b/),l.beginRe=e(l.begin),!s.end&&!s.endsWithParent&&(s.end=/\B|\b/),s.end&&(l.endRe=e(l.end)),l.terminatorEnd=ye(l.end)||"",s.endsWithParent&&a.terminatorEnd&&(l.terminatorEnd+=(s.end?"|":"")+a.terminatorEnd)),s.illegal&&(l.illegalRe=e(s.illegal)),s.contains||(s.contains=[]),s.contains=[].concat(...s.contains.map(function(h){return Io(h==="self"?s:h)})),s.contains.forEach(function(h){o(h,l)}),s.starts&&o(s.starts,a),l.matcher=r(l),l}if(i.compilerExtensions||(i.compilerExtensions=[]),i.contains&&i.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return i.classNameAliases=K(i.classNameAliases||{}),o(i)}function di(i){return i?i.endsWithParent||di(i.starts):!1}function Io(i){return i.variants&&!i.cachedVariants&&(i.cachedVariants=i.variants.map(function(e){return K(i,{variants:null},e)})),i.cachedVariants?i.cachedVariants:di(i)?K(i,{starts:i.starts?K(i.starts):null}):Object.isFrozen(i)?K(i):i}var Po="11.9.0";class To extends Error{constructor(e,t){super(e),this.name="HTMLInjectionError",this.html=t}}const ht=ri,bn=K,yn=Symbol("nomatch"),jo=7,pi=function(i){const e=Object.create(null),t=Object.create(null),n=[];let r=!0;const o="Could not find the language '{}', did you forget to load/include a language module?",s={disableAutodetect:!0,name:"Plain text",contains:[]};let a={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:qs};function l(u){return a.noHighlightRe.test(u)}function c(u){let d=u.className+" ";d+=u.parentNode?u.parentNode.className:"";const w=a.languageDetectRe.exec(d);if(w){const x=L(w[1]);return x||(mn(o.replace("{}",w[1])),mn("Falling back to no-highlight mode for this block.",u)),x?w[1]:"no-highlight"}return d.split(/\s+/).find(x=>l(x)||L(x))}function h(u,d,w){let x="",k="";typeof d=="object"?(x=u,w=d.ignoreIllegals,k=d.language):(ie("10.7.0","highlight(lang, code, ...args) has been deprecated."),ie("10.7.0",`Please use highlight(code, options) instead.
+https://github.com/highlightjs/highlight.js/issues/2277`),k=u,x=d),w===void 0&&(w=!0);const I={code:x,language:k};X("before:highlight",I);const q=I.result?I.result:b(I.language,I.code,w);return q.code=I.code,X("after:highlight",q),q}function b(u,d,w,x){const k=Object.create(null);function I(f,p){return f.keywords[p]}function q(){if(!y.keywords){N.addText(C);return}let f=0;y.keywordPatternRe.lastIndex=0;let p=y.keywordPatternRe.exec(C),v="";for(;p;){v+=C.substring(f,p.index);const S=D.case_insensitive?p[0].toLowerCase():p[0],M=I(y,S);if(M){const[G,ki]=M;if(N.addText(v),v="",k[S]=(k[S]||0)+1,k[S]<=jo&&(Oe+=ki),G.startsWith("_"))v+=p[0];else{const Ri=D.classNameAliases[G]||G;B(p[0],Ri)}}else v+=p[0];f=y.keywordPatternRe.lastIndex,p=y.keywordPatternRe.exec(C)}v+=C.substring(f),N.addText(v)}function Se(){if(C==="")return;let f=null;if(typeof y.subLanguage=="string"){if(!e[y.subLanguage]){N.addText(C);return}f=b(y.subLanguage,C,!0,Gt[y.subLanguage]),Gt[y.subLanguage]=f._top}else f=_(C,y.subLanguage.length?y.subLanguage:null);y.relevance>0&&(Oe+=f.relevance),N.__addSublanguage(f._emitter,f.language)}function P(){y.subLanguage!=null?Se():q(),C=""}function B(f,p){f!==""&&(N.startScope(p),N.addText(f),N.endScope())}function Ut(f,p){let v=1;const S=p.length-1;for(;v<=S;){if(!f._emit[v]){v++;continue}const M=D.classNameAliases[f[v]]||f[v],G=p[v];M?B(G,M):(C=G,q(),C=""),v++}}function Ft(f,p){return f.scope&&typeof f.scope=="string"&&N.openNode(D.classNameAliases[f.scope]||f.scope),f.beginScope&&(f.beginScope._wrap?(B(C,D.classNameAliases[f.beginScope._wrap]||f.beginScope._wrap),C=""):f.beginScope._multi&&(Ut(f.beginScope,p),C="")),y=Object.create(f,{parent:{value:y}}),y}function Ht(f,p,v){let S=Xs(f.endRe,v);if(S){if(f["on:end"]){const M=new fn(f);f["on:end"](p,M),M.isMatchIgnored&&(S=!1)}if(S){for(;f.endsParent&&f.parent;)f=f.parent;return f}}if(f.endsWithParent)return Ht(f.parent,p,v)}function Si(f){return y.matcher.regexIndex===0?(C+=f[0],1):(ot=!0,0)}function Ci(f){const p=f[0],v=f.rule,S=new fn(v),M=[v.__beforeBegin,v["on:begin"]];for(const G of M)if(G&&(G(f,S),S.isMatchIgnored))return Si(p);return v.skip?C+=p:(v.excludeBegin&&(C+=p),P(),!v.returnBegin&&!v.excludeBegin&&(C=p)),Ft(v,f),v.returnBegin?0:p.length}function Oi(f){const p=f[0],v=d.substring(f.index),S=Ht(y,f,v);if(!S)return yn;const M=y;y.endScope&&y.endScope._wrap?(P(),B(p,y.endScope._wrap)):y.endScope&&y.endScope._multi?(P(),Ut(y.endScope,f)):M.skip?C+=p:(M.returnEnd||M.excludeEnd||(C+=p),P(),M.excludeEnd&&(C=p));do y.scope&&N.closeNode(),!y.skip&&!y.subLanguage&&(Oe+=y.relevance),y=y.parent;while(y!==S.parent);return S.starts&&Ft(S.starts,f),M.returnEnd?0:p.length}function Ai(){const f=[];for(let p=y;p!==D;p=p.parent)p.scope&&f.unshift(p.scope);f.forEach(p=>N.openNode(p))}let Ce={};function Wt(f,p){const v=p&&p[0];if(C+=f,v==null)return P(),0;if(Ce.type==="begin"&&p.type==="end"&&Ce.index===p.index&&v===""){if(C+=d.slice(p.index,p.index+1),!r){const S=new Error(`0 width match regex (${u})`);throw S.languageName=u,S.badRule=Ce.rule,S}return 1}if(Ce=p,p.type==="begin")return Ci(p);if(p.type==="illegal"&&!w){const S=new Error('Illegal lexeme "'+v+'" for mode "'+(y.scope||"<unnamed>")+'"');throw S.mode=y,S}else if(p.type==="end"){const S=Oi(p);if(S!==yn)return S}if(p.type==="illegal"&&v==="")return 1;if(st>1e5&&st>p.index*3)throw new Error("potential infinite loop, way more iterations than matches");return C+=v,v.length}const D=L(u);if(!D)throw Y(o.replace("{}",u)),new Error('Unknown language: "'+u+'"');const _i=Lo(D);let rt="",y=x||_i;const Gt={},N=new a.__emitter(a);Ai();let C="",Oe=0,Q=0,st=0,ot=!1;try{if(D.__emitTokens)D.__emitTokens(d,N);else{for(y.matcher.considerAll();;){st++,ot?ot=!1:y.matcher.considerAll(),y.matcher.lastIndex=Q;const f=y.matcher.exec(d);if(!f)break;const p=d.substring(Q,f.index),v=Wt(p,f);Q=f.index+v}Wt(d.substring(Q))}return N.finalize(),rt=N.toHTML(),{language:u,value:rt,relevance:Oe,illegal:!1,_emitter:N,_top:y}}catch(f){if(f.message&&f.message.includes("Illegal"))return{language:u,value:ht(d),illegal:!0,relevance:0,_illegalBy:{message:f.message,index:Q,context:d.slice(Q-100,Q+100),mode:f.mode,resultSoFar:rt},_emitter:N};if(r)return{language:u,value:ht(d),illegal:!1,relevance:0,errorRaised:f,_emitter:N,_top:y};throw f}}function g(u){const d={value:ht(u),illegal:!1,relevance:0,_top:s,_emitter:new a.__emitter(a)};return d._emitter.addText(u),d}function _(u,d){d=d||a.languages||Object.keys(e);const w=g(u),x=d.filter(L).filter(Ee).map(P=>b(P,u,!1));x.unshift(w);const k=x.sort((P,B)=>{if(P.relevance!==B.relevance)return B.relevance-P.relevance;if(P.language&&B.language){if(L(P.language).supersetOf===B.language)return 1;if(L(B.language).supersetOf===P.language)return-1}return 0}),[I,q]=k,Se=I;return Se.secondBest=q,Se}function R(u,d,w){const x=d&&t[d]||w;u.classList.add("hljs"),u.classList.add(`language-${x}`)}function T(u){let d=null;const w=c(u);if(l(w))return;if(X("before:highlightElement",{el:u,language:w}),u.dataset.highlighted){console.log("Element previously highlighted. To highlight again, first unset `dataset.highlighted`.",u);return}if(u.children.length>0&&(a.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(u)),a.throwUnescapedHTML))throw new To("One of your code blocks includes unescaped HTML.",u.innerHTML);d=u;const x=d.textContent,k=w?h(x,{language:w,ignoreIllegals:!0}):_(x);u.innerHTML=k.value,u.dataset.highlighted="yes",R(u,w,k.language),u.result={language:k.language,re:k.relevance,relevance:k.relevance},k.secondBest&&(u.secondBest={language:k.secondBest.language,relevance:k.secondBest.relevance}),X("after:highlightElement",{el:u,result:k,text:x})}function m(u){a=bn(a,u)}const F=()=>{j(),ie("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")};function H(){j(),ie("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")}let V=!1;function j(){if(document.readyState==="loading"){V=!0;return}document.querySelectorAll(a.cssSelector).forEach(T)}function W(){V&&j()}typeof window<"u"&&window.addEventListener&&window.addEventListener("DOMContentLoaded",W,!1);function le(u,d){let w=null;try{w=d(i)}catch(x){if(Y("Language definition for '{}' could not be registered.".replace("{}",u)),r)Y(x);else throw x;w=s}w.name||(w.name=u),e[u]=w,w.rawDefinition=d.bind(null,i),w.aliases&&J(w.aliases,{languageName:u})}function ne(u){delete e[u];for(const d of Object.keys(t))t[d]===u&&delete t[d]}function z(){return Object.keys(e)}function L(u){return u=(u||"").toLowerCase(),e[u]||e[t[u]]}function J(u,{languageName:d}){typeof u=="string"&&(u=[u]),u.forEach(w=>{t[w.toLowerCase()]=d})}function Ee(u){const d=L(u);return d&&!d.disableAutodetect}function et(u){u["before:highlightBlock"]&&!u["before:highlightElement"]&&(u["before:highlightElement"]=d=>{u["before:highlightBlock"](Object.assign({block:d.el},d))}),u["after:highlightBlock"]&&!u["after:highlightElement"]&&(u["after:highlightElement"]=d=>{u["after:highlightBlock"](Object.assign({block:d.el},d))})}function tt(u){et(u),n.push(u)}function nt(u){const d=n.indexOf(u);d!==-1&&n.splice(d,1)}function X(u,d){const w=u;n.forEach(function(x){x[w]&&x[w](d)})}function it(u){return ie("10.7.0","highlightBlock will be removed entirely in v12.0"),ie("10.7.0","Please use highlightElement now."),T(u)}Object.assign(i,{highlight:h,highlightAuto:_,highlightAll:j,highlightElement:T,highlightBlock:it,configure:m,initHighlighting:F,initHighlightingOnLoad:H,registerLanguage:le,unregisterLanguage:ne,listLanguages:z,getLanguage:L,registerAliases:J,autoDetection:Ee,inherit:bn,addPlugin:tt,removePlugin:nt}),i.debugMode=function(){r=!1},i.safeMode=function(){r=!0},i.versionString=Po,i.regex={concat:te,lookahead:si,either:zt,optional:Vs,anyNumberOfTimes:Ks};for(const u in Te)typeof Te[u]=="object"&&ii(Te[u]);return Object.assign(i,Te),i},ae=pi({});ae.newInstance=()=>pi({});var $o=ae;ae.HighlightJS=ae;ae.default=ae;const Ye=Hs($o),Ge="[A-Za-z$_][0-9A-Za-z$_]*",gi=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],mi=["true","false","null","undefined","NaN","Infinity"],bi=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],yi=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],wi=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],vi=["arguments","this","super","console","window","document","localStorage","sessionStorage","module","global"],xi=[].concat(wi,bi,yi);function zo(i){const e=i.regex,t=(u,{after:d})=>{const w="</"+u[0].slice(1);return u.input.indexOf(w,d)!==-1},n=Ge,r={begin:"<>",end:"</>"},o=/<[A-Za-z0-9\\._:-]+\s*\/>/,s={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(u,d)=>{const w=u[0].length+u.index,x=u.input[w];if(x==="<"||x===","){d.ignoreMatch();return}x===">"&&(t(u,{after:w})||d.ignoreMatch());let k;const I=u.input.substring(w);if(k=I.match(/^\s*=/)){d.ignoreMatch();return}if((k=I.match(/^\s+extends\s+/))&&k.index===0){d.ignoreMatch();return}}},a={$pattern:Ge,keyword:gi,literal:mi,built_in:xi,"variable.language":vi},l="[0-9](_?[0-9])*",c=`\\.(${l})`,h="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",b={className:"number",variants:[{begin:`(\\b(${h})((${c})|\\.)?|(${c}))[eE][+-]?(${l})\\b`},{begin:`\\b(${h})\\b((${c})\\b|\\.)?|(${c})\\b`},{begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{begin:"\\b0[0-7]+n?\\b"}],relevance:0},g={className:"subst",begin:"\\$\\{",end:"\\}",keywords:a,contains:[]},_={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[i.BACKSLASH_ESCAPE,g],subLanguage:"xml"}},R={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[i.BACKSLASH_ESCAPE,g],subLanguage:"css"}},T={begin:"gql`",end:"",starts:{end:"`",returnEnd:!1,contains:[i.BACKSLASH_ESCAPE,g],subLanguage:"graphql"}},m={className:"string",begin:"`",end:"`",contains:[i.BACKSLASH_ESCAPE,g]},F={className:"comment",variants:[i.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,excludeBegin:!0,relevance:0},{className:"variable",begin:n+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),i.C_BLOCK_COMMENT_MODE,i.C_LINE_COMMENT_MODE]},H=[i.APOS_STRING_MODE,i.QUOTE_STRING_MODE,_,R,T,m,{match:/\$\d+/},b];g.contains=H.concat({begin:/\{/,end:/\}/,keywords:a,contains:["self"].concat(H)});const V=[].concat(F,g.contains),j=V.concat([{begin:/\(/,end:/\)/,keywords:a,contains:["self"].concat(V)}]),W={className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:a,contains:j},le={variants:[{match:[/class/,/\s+/,n,/\s+/,/extends/,/\s+/,e.concat(n,"(",e.concat(/\./,n),")*")],scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/class/,/\s+/,n],scope:{1:"keyword",3:"title.class"}}]},ne={relevance:0,match:e.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),className:"title.class",keywords:{_:[...bi,...yi]}},z={label:"use_strict",className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},L={variants:[{match:[/function/,/\s+/,n,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],className:{1:"keyword",3:"title.function"},label:"func.def",contains:[W],illegal:/%/},J={relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"};function Ee(u){return e.concat("(?!",u.join("|"),")")}const et={match:e.concat(/\b/,Ee([...wi,"super","import"]),n,e.lookahead(/\(/)),className:"title.function",relevance:0},tt={begin:e.concat(/\./,e.lookahead(e.concat(n,/(?![0-9A-Za-z$_(])/))),end:n,excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},nt={match:[/get|set/,/\s+/,n,/(?=\()/],className:{1:"keyword",3:"title.function"},contains:[{begin:/\(\)/},W]},X="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+i.UNDERSCORE_IDENT_RE+")\\s*=>",it={match:[/const|var|let/,/\s+/,n,/\s*/,/=\s*/,/(async\s*)?/,e.lookahead(X)],keywords:"async",className:{1:"keyword",3:"title.function"},contains:[W]};return{name:"JavaScript",aliases:["js","jsx","mjs","cjs"],keywords:a,exports:{PARAMS_CONTAINS:j,CLASS_REFERENCE:ne},illegal:/#(?![$_A-z])/,contains:[i.SHEBANG({label:"shebang",binary:"node",relevance:5}),z,i.APOS_STRING_MODE,i.QUOTE_STRING_MODE,_,R,T,m,F,{match:/\$\d+/},b,ne,{className:"attr",begin:n+e.lookahead(":"),relevance:0},it,{begin:"("+i.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",relevance:0,contains:[F,i.REGEXP_MODE,{className:"function",begin:X,returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:i.UNDERSCORE_IDENT_RE,relevance:0},{className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:a,contains:j}]}]},{begin:/,/,relevance:0},{match:/\s+/,relevance:0},{variants:[{begin:r.begin,end:r.end},{match:o},{begin:s.begin,"on:begin":s.isTrulyOpeningTag,end:s.end}],subLanguage:"xml",contains:[{begin:s.begin,end:s.end,skip:!0,contains:["self"]}]}]},L,{beginKeywords:"while if switch catch for"},{begin:"\\b(?!function)"+i.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",returnBegin:!0,label:"func.def",contains:[W,i.inherit(i.TITLE_MODE,{begin:n,className:"title.function"})]},{match:/\.\.\./,relevance:0},tt,{match:"\\$"+n,relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},contains:[W]},et,J,le,nt,{match:/\$[(.]/}]}}function Bo(i){const e=zo(i),t=Ge,n=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],r={beginKeywords:"namespace",end:/\{/,excludeEnd:!0,contains:[e.exports.CLASS_REFERENCE]},o={beginKeywords:"interface",end:/\{/,excludeEnd:!0,keywords:{keyword:"interface extends",built_in:n},contains:[e.exports.CLASS_REFERENCE]},s={className:"meta",relevance:10,begin:/^\s*['"]use strict['"]/},a=["type","namespace","interface","public","private","protected","implements","declare","abstract","readonly","enum","override"],l={$pattern:Ge,keyword:gi.concat(a),literal:mi,built_in:xi.concat(n),"variable.language":vi},c={className:"meta",begin:"@"+t},h=(g,_,R)=>{const T=g.contains.findIndex(m=>m.label===_);if(T===-1)throw new Error("can not find mode to replace");g.contains.splice(T,1,R)};Object.assign(e.keywords,l),e.exports.PARAMS_CONTAINS.push(c),e.contains=e.contains.concat([c,r,o]),h(e,"shebang",i.SHEBANG()),h(e,"use_strict",s);const b=e.contains.find(g=>g.label==="func.def");return b.relevance=0,Object.assign(e,{name:"TypeScript",aliases:["ts","tsx","mts","cts"]}),e}function Do(i){const e=i.regex,t=e.concat(/[\p{L}_]/u,e.optional(/[\p{L}0-9_.-]*:/u),/[\p{L}0-9_.-]*/u),n=/[\p{L}0-9._:-]+/u,r={className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},o={begin:/\s/,contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]},s=i.inherit(o,{begin:/\(/,end:/\)/}),a=i.inherit(i.APOS_STRING_MODE,{className:"string"}),l=i.inherit(i.QUOTE_STRING_MODE,{className:"string"}),c={endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",begin:n,relevance:0},{begin:/=\s*/,relevance:0,contains:[{className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/,contains:[r]},{begin:/'/,end:/'/,contains:[r]},{begin:/[^\s"'=<>`]+/}]}]}]};return{name:"HTML, XML",aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],case_insensitive:!0,unicodeRegex:!0,contains:[{className:"meta",begin:/<![a-z]/,end:/>/,relevance:10,contains:[o,l,a,s,{begin:/\[/,end:/\]/,contains:[{className:"meta",begin:/<![a-z]/,end:/>/,contains:[o,s,l,a]}]}]},i.COMMENT(/<!--/,/-->/,{relevance:10}),{begin:/<!\[CDATA\[/,end:/\]\]>/,relevance:10},r,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,relevance:10,contains:[l]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",begin:/<style(?=\s|>)/,end:/>/,keywords:{name:"style"},contains:[c],starts:{end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:/<script(?=\s|>)/,end:/>/,keywords:{name:"script"},contains:[c],starts:{end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{className:"tag",begin:/<>|<\/>/},{className:"tag",begin:e.concat(/</,e.lookahead(e.concat(t,e.either(/\/>/,/>/,/\s/)))),end:/\/?>/,contains:[{className:"name",begin:t,relevance:0,starts:c}]},{className:"tag",begin:e.concat(/<\//,e.lookahead(e.concat(t,/>/))),contains:[{className:"name",begin:t,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}}const Uo=i=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:i.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[i.APOS_STRING_MODE,i.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:i.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z_][A-Za-z0-9_-]*/}}),Fo=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],Ho=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],Wo=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],Go=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],Zo=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse();function qo(i){const e=i.regex,t=Uo(i),n={begin:/-(webkit|moz|ms|o)-(?=[a-z])/},r="and or not only",o=/@-?\w[\w]*(-\w+)*/,s="[a-zA-Z-][a-zA-Z0-9_-]*",a=[i.APOS_STRING_MODE,i.QUOTE_STRING_MODE];return{name:"CSS",case_insensitive:!0,illegal:/[=|'\$]/,keywords:{keyframePosition:"from to"},classNameAliases:{keyframePosition:"selector-tag"},contains:[t.BLOCK_COMMENT,n,t.CSS_NUMBER_MODE,{className:"selector-id",begin:/#[A-Za-z0-9_-]+/,relevance:0},{className:"selector-class",begin:"\\."+s,relevance:0},t.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",variants:[{begin:":("+Wo.join("|")+")"},{begin:":(:)?("+Go.join("|")+")"}]},t.CSS_VARIABLE,{className:"attribute",begin:"\\b("+Zo.join("|")+")\\b"},{begin:/:/,end:/[;}{]/,contains:[t.BLOCK_COMMENT,t.HEXCOLOR,t.IMPORTANT,t.CSS_NUMBER_MODE,...a,{begin:/(url|data-uri)\(/,end:/\)/,relevance:0,keywords:{built_in:"url data-uri"},contains:[...a,{className:"string",begin:/[^)]/,endsWithParent:!0,excludeEnd:!0}]},t.FUNCTION_DISPATCH]},{begin:e.lookahead(/@/),end:"[{;]",relevance:0,illegal:/:/,contains:[{className:"keyword",begin:o},{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,keywords:{$pattern:/[a-z-]+/,keyword:r,attribute:Ho.join(" ")},contains:[{begin:/[a-z-]+(?=:)/,className:"attribute"},...a,t.CSS_NUMBER_MODE]}]},{className:"selector-tag",begin:"\\b("+Fo.join("|")+")\\b"}]}}const Ei=document.createElement("style");Ei.innerText=[Us,Fs].join(`
+`);document.head.appendChild(Ei);Ye.registerLanguage("typescript",Bo);Ye.registerLanguage("html",Do);Ye.registerLanguage("css",qo);function Ko(...i){const e=document.createElement("div"),t=document.createElement("div");t.classList.add("tab-control");const n=document.createElement("div");return i.forEach(r=>{e.appendChild(r),r.addEventListener("click",()=>{i.forEach(o=>o.removeAttribute("selected")),r.setAttribute("selected",""),n.innerHTML="",n.appendChild(r.content),n.className=r.className,n.classList.add("tab-content")})}),t.appendChild(e),t.appendChild(n),n.classList.add("tab-content"),i[0].setAttribute("selected",""),n.appendChild(i[0].content),t}function he(i,e){const t=document.createElement("div");return t.role="tab",t.tabIndex=0,t.innerText=i,t.content=e,e.tagName=="PRE"&&t.classList.add("code"),t}function de(i,e){const t=document.createElement(i);return typeof e=="string"?t.innerHTML=e:e.forEach(n=>{t.appendChild(n)}),t}async function Vo(i,e,t){var n,r,o;const s=e.mainContent,a=de("div",s);a.id=`example-preview-${t}`;const l=typeof e.css=="string"||(n=e.css)==null?void 0:n.label,c=typeof e.css=="string"?e.css:(r=e.css)==null?void 0:r.content,h=Ko(he("Preview",a),he("HTML",je("html",s)),...c?[he(l??"CSS",je("css",c))]:[],...e.initializer&&e.initializer.content?[he(e.initializer.label??"TS",je("typescript",e.initializer.content))]:[],...(e.additionalSources||[]).map(g=>he(g.label,je(g.language,g.content))));e.description&&i.appendChild(de("div",e.description));const b=de("div",[h]);b.classList.add("example"),i.appendChild(b),c&&Jo(`#${a.id}`,c),(o=e.initializer)!=null&&o.initialize&&await e.initializer.initialize(a)}function je(i,e){let t=e.split(/\r?\n/).map(n=>{const r=n.indexOf("///");if(r>-1){const o=n.substring(r+3).trimStart();return o?n.replace(/^(\s*)([^\s].*)$/,`$1${o}`):void 0}return n}).filter(n=>typeof n<"u").join(`
+`).trim();return i&&i!="raw"&&(t=Ye.highlight(t,{language:i}).value),de("pre",[de("code",t)])}function Jo(i,e){const t=document.createElement("style");t.innerHTML=A().use(Ds({prefix:i})).process(e).css,document.head.appendChild(t)}async function Xo(i,e=document.body){const t=Yo(e);let n=0;Object.keys(i).forEach(async r=>{const o=document.createElement("div");o.className="example-container",t.appendChild(o);const s=i[r].default;Vo(o,s,n++)})}function Qo(i){const e=document.createElement("div");e.id="examples-container";const t=i.querySelector("#examples");return t?t.after(e):i.appendChild(e),e}function Yo(i){return i.children?Qo(i):i}const ea=`<h1 id="@cas-smartdesign/message">@cas-smartdesign/message</h1>
+<p>A custom element which represents the SmartDesign message widget.</p>
+<h2 id="slots">Slots</h2>
+<ul>
+<li><code>caption</code></li>
+<li><code>description</code></li>
+<li><code>footer</code></li>
+</ul>
+<h2 id="attributes">Attributes</h2>
+<ul>
+<li><code>level</code>: Message.Level<ul>
+<li><code>INFO</code>, <code>WARN</code>, <code>ERROR</code>, <code>SUCCESS</code></li>
+<li>Changes the color and the icon of the message element</li>
+<li>Default value is <code>INFO</code></li>
+</ul>
+</li>
+<li><code>hidden-icon</code>: boolean<ul>
+<li>Defines the visibility of the message icon</li>
+</ul>
+</li>
+</ul>
+<h2 id="examples">Examples</h2>
+`;document.querySelector("#markdown-container").innerHTML=ea;Xo(Object.assign({"./examples/1_declarative/index.ts":Ii,"./examples/2_created_from_source/index.ts":Ui}));export{Vi as L,fe as M};
+function __vite__mapDeps(indexes) {
+  if (!__vite__mapDeps.viteFileDeps) {
+    __vite__mapDeps.viteFileDeps = []
+  }
+  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
+}

package/dist/docs/index.html

@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+		<style>
+			.markdown-body {
+				box-sizing: border-box;
+				min-width: 200px;
+				max-width: 980px;
+				margin: 0 auto !important;
+				padding-bottom: 45px;
+			}
+		</style>
+		<script type="module" crossorigin src="./doc.mjs"></script>
+		<link rel="stylesheet" crossorigin href="./doc.css">
+	</head>
+
+	<body>
+		<div class="markdown-body"><div id="markdown-container"></div></div>
+	</body>
+</html>

package/dist/docs/new.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <g color="#000" fill="#1467ba">
+    <path style="marker:none" overflow="visible" d="M0 11h23v1H0z"/>
+    <path style="marker:none" overflow="visible" d="M11 23V0h1v23z"/>
+  </g>
+</svg>

package/dist/docs/new_white.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <g color="#000" fill="#fff">
+    <path style="marker:none" overflow="visible" d="M0 11h23v1H0z"/>
+    <path style="marker:none" overflow="visible" d="M11 23V0h1v23z"/>
+  </g>
+</svg>

package/dist/message-with-externals.js

@@ -0,0 +1,88 @@
+var window;(window||={})["@cas-smartdesign/message"]=(()=>{var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var i in t)a(e,i,{get:t[i],enumerable:!0})},w=(e,t,i,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of g(t))!v.call(e,s)&&s!==i&&a(e,s,{get:()=>t[s],enumerable:!(c=m(t,s))||c.enumerable});return e};var f=e=>w(a({},"__esModule",{value:!0}),e);var y={};u(y,{Level:()=>p,Message:()=>n});var r=class o extends HTMLElement{memoizedTemplate(){let t=this.is();if(o.TEMPLATE_CACHE[t])return o.TEMPLATE_CACHE[t];let i=this.template();return window.ShadyCSS&&window.ShadyCSS.prepareTemplate(i,this.is()),o.TEMPLATE_CACHE[t]=i,i}connectedCallback(){let t=this.memoizedTemplate();window.ShadyCSS&&window.ShadyCSS.styleElement(this),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(document.importNode(t.content,!0)),requestAnimationFrame(()=>this.dispatchEvent(new CustomEvent("ready"))))}whenReady(t){this.shadowRoot?t():this.addEventListener("ready",()=>t())}};r.TEMPLATE_CACHE={};var l=r;var b=`<style>
+	:host {
+		display: flex;
+		flex-direction: row;
+		padding: 24px;
+		box-sizing: border-box;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([level="info"]) {
+		background-color: #e1ebf6;
+	}
+
+	:host([level="warn"]) {
+		background-color: #fffaeb;
+	}
+
+	:host([level="error"]) {
+		background-color: #ffe2e5;
+	}
+
+	:host([level="success"]) {
+		background-color: #eaf4ec;
+	}
+
+	:host([hidden-icon]) img {
+		display: none;
+	}
+
+	.content {
+		display: flex;
+		flex-direction: column;
+		word-wrap: break-word;
+		overflow: hidden;
+		width: 100%;
+	}
+
+	img {
+		align-self: flex-start;
+		flex-shrink: 0;
+		padding-right: 16px;
+	}
+
+	.caption-wrapper,
+	.description-wrapper {
+		display: flex;
+	}
+
+	.caption-wrapper {
+		font-size: 24px;
+		padding-bottom: 8px;
+	}
+
+	.description-wrapper {
+		font-size: 16px;
+		white-space: pre-wrap;
+	}
+
+	:host(.no-caption) .caption-wrapper {
+		padding-bottom: 0;
+	}
+
+	:host(.no-caption) .description-wrapper {
+		align-items: center;
+		min-height: 32px;
+	}
+</style>
+
+<img src="" />
+<div class="content">
+	<div class="caption-wrapper">
+		<div class="caption"></div>
+		<slot name="caption"></slot>
+	</div>
+
+	<div class="description-wrapper">
+		<div class="description"></div>
+		<slot name="description"></slot>
+	</div>
+	<div class="footer">
+		<slot name="footer"></slot>
+	</div>
+</div>
+`,C="data:image/svg+xml,%3csvg%20id='svg3363'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23cc0017}%20%3c/style%3e%3cg%20id='layer1'%20transform='translate(0%20-40)'%3e%3cpath%20class='st0'%20d='M16%2042.2c7.6%200%2013.8%206.2%2013.8%2013.8S23.6%2069.8%2016%2069.8%202.2%2063.6%202.2%2056%208.4%2042.2%2016%2042.2m0-1.2C7.7%2041%201%2047.7%201%2056s6.7%2015%2015%2015%2015-6.7%2015-15-6.7-15-15-15z'%20id='path3854'/%3e%3cpath%20id='rect3856'%20class='st0'%20d='M15%2048h2v12h-2z'/%3e%3cpath%20id='rect3860'%20class='st0'%20d='M15%2063h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e",x="data:image/svg+xml,%3csvg%20id='svg3363'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23105295}%20%3c/style%3e%3cpath%20class='st0'%20d='M16%2029.8C8.4%2029.8%202.2%2023.6%202.2%2016S8.4%202.2%2016%202.2%2029.8%208.4%2029.8%2016%2023.6%2029.8%2016%2029.8m0%201.2c8.3%200%2015-6.7%2015-15S24.3%201%2016%201%201%207.7%201%2016s6.7%2015%2015%2015z'/%3e%3cpath%20id='rect3856'%20class='st0'%20d='M15%2012h2v12h-2z'/%3e%3cpath%20id='rect3860'%20class='st0'%20d='M15%207h2v2h-2z'/%3e%3c/svg%3e",E="data:image/svg+xml,%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23bf8800}%20%3c/style%3e%3cpath%20class='st0'%20d='M16%201.8l13.8%2024.7v1.6H2.3v-1.6L16%201.8zm1-.8h-2L1%2025.8v3.8h30v-3.8L17%201z'/%3e%3cpath%20class='st0'%20d='M15%2010h2v10h-2zm0%2013h2v2h-2z'/%3e%3c/svg%3e",A="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2029.8C8.4%2029.8%202.2%2023.6%202.2%2016C2.2%208.4%208.4%202.2%2016%202.2C23.6%202.2%2029.8%208.4%2029.8%2016C29.8%2023.6%2023.6%2029.8%2016%2029.8ZM16%2031C24.3%2031%2031%2024.3%2031%2016C31%207.7%2024.3%201%2016%201C7.7%201%201%207.7%201%2016C1%2024.3%207.7%2031%2016%2031Z'%20fill='%2326A642'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.4134%2010.9512L13.6667%2022.4656L7.58667%2015.9512L9.04878%2014.5866L13.6667%2019.5344L22.9513%209.58661L24.4134%2010.9512Z'%20fill='%2326A642'/%3e%3c/svg%3e",S={error:C,info:x,warn:E,success:A},d=class h extends l{set caption(t){t?this.setAttribute("caption",t):this.removeAttribute("caption")}get caption(){return this.getAttribute("caption")}set description(t){t?this.setAttribute("description",t):this.removeAttribute("description")}get description(){return this.getAttribute("description")}get level(){return this.getAttribute("level")}set level(t){t?this.setAttribute("level",t):this.setAttribute("level","info")}get iconAlt(){return this.getAttribute("icon-alt")}set iconAlt(t){t?this.setAttribute("icon-alt",t):this.removeAttribute("icon-alt")}get hiddenIcon(){return this.hasAttribute("hidden-icon")&&this.getAttribute("hidden-icon")!=="false"}set hiddenIcon(t){t?this.setAttribute("hidden-icon",""):this.removeAttribute("hidden-icon")}static get observedAttributes(){return["level","caption","description","icon-alt"]}is(){return h.ID}template(){let t=document.createElement("template");return t.innerHTML=b,t}constructor(){super(),this.updateNoCaptionStyleName=this.updateNoCaptionStyleName.bind(this)}connectedCallback(){super.connectedCallback(),this.hasAttribute("level")||(this.level="info"),this.infoImage=this.shadowRoot.querySelector("img"),this.captionElement=this.shadowRoot.querySelector(".caption"),this.descriptionElement=this.shadowRoot.querySelector(".description"),this.captionSlot=this.shadowRoot.querySelector('slot[name="caption"]'),this.captionSlot.addEventListener("slotchange",this.updateNoCaptionStyleName),this.render()}disconnectedCallback(){this.captionSlot.removeEventListener("slotchange",this.updateNoCaptionStyleName)}attributeChangedCallback(){this.render()}render(){this.updateCaption(),this.updateDescription(),this.updateIcon()}getPathToIcon(t){return S[t]}updateCaption(){this.captionElement&&(this.caption?this.captionElement.innerText=this.caption:this.captionElement.innerText="",this.updateNoCaptionStyleName())}updateNoCaptionStyleName(){this.caption||this.captionSlot.assignedNodes().length>0?this.classList.remove("no-caption"):this.classList.add("no-caption")}updateDescription(){this.descriptionElement&&(this.description?this.descriptionElement.innerText=this.description:this.descriptionElement.innerText="")}updateIcon(){this.infoImage&&(this.infoImage.src=this.getPathToIcon(this.level)||"",this.infoImage.alt=this.iconAlt||"")}};d.ID="sd-message";var n=d,p=(e=>(e.ERROR="error",e.WARN="warn",e.INFO="info",e.SUCCESS="success",e))(p||{});customElements.get(n.ID)||customElements.define(n.ID,n);return f(y);})();
+//# sourceMappingURL=message-with-externals.js.map

package/dist/message-with-externals.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../element-base/element-base.ts", "../message.html?raw", "../resources/error.svg", "../resources/info.svg", "../resources/warn.svg", "../resources/success.svg", "../message.ts"],
+  "sourcesContent": ["export type IReadyEvent = void;\n\nexport interface CustomEventMap extends HTMLElementEventMap {\n    ready: CustomEvent<IReadyEvent>;\n}\n\nexport interface ElementBase {\n    addEventListener<K extends keyof CustomEventMap>(\n        event: K,\n        listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null,\n        options?: AddEventListenerOptions | boolean,\n    ): void;\n    addEventListener(\n        type: string,\n        callback: EventListenerOrEventListenerObject | null,\n        options?: AddEventListenerOptions | boolean,\n    ): void;\n    removeEventListener<K extends keyof CustomEventMap>(\n        type: K,\n        listener: (this: this, ev: CustomEventMap[K]) => unknown,\n        options?: boolean | EventListenerOptions,\n    ): void;\n    removeEventListener(\n        type: string,\n        listener: EventListenerOrEventListenerObject,\n        options?: boolean | EventListenerOptions,\n    ): void;\n    dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport abstract class ElementBase extends HTMLElement {\n    public abstract is(): string;\n\n    protected abstract template(): HTMLTemplateElement;\n    private static readonly TEMPLATE_CACHE: {\n        [name: string]: HTMLTemplateElement;\n    } = {};\n    private memoizedTemplate(): HTMLTemplateElement {\n        const is = this.is();\n        if (ElementBase.TEMPLATE_CACHE[is]) {\n            return ElementBase.TEMPLATE_CACHE[is];\n        }\n        const template = this.template();\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        if ((window as any).ShadyCSS) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (window as any).ShadyCSS.prepareTemplate(template, this.is());\n        }\n        ElementBase.TEMPLATE_CACHE[is] = template;\n        return template;\n    }\n\n    public connectedCallback() {\n        const template = this.memoizedTemplate();\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        if ((window as any).ShadyCSS) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (window as any).ShadyCSS.styleElement(this);\n        }\n        if (!this.shadowRoot) {\n            this.attachShadow({ mode: \"open\" });\n            this.shadowRoot.appendChild(document.importNode(template.content, true));\n            requestAnimationFrame(() => this.dispatchEvent(new CustomEvent<IReadyEvent>(\"ready\")));\n        }\n    }\n\n    public whenReady(actor: () => void) {\n        if (this.shadowRoot) {\n            actor();\n        } else {\n            this.addEventListener(\"ready\", () => actor());\n        }\n    }\n}\n", "export default \"<style>\\n\\t:host {\\n\\t\\tdisplay: flex;\\n\\t\\tflex-direction: row;\\n\\t\\tpadding: 24px;\\n\\t\\tbox-sizing: border-box;\\n\\t}\\n\\n\\t:host([hidden]) {\\n\\t\\tdisplay: none;\\n\\t}\\n\\n\\t:host([level=\\\"info\\\"]) {\\n\\t\\tbackground-color: #e1ebf6;\\n\\t}\\n\\n\\t:host([level=\\\"warn\\\"]) {\\n\\t\\tbackground-color: #fffaeb;\\n\\t}\\n\\n\\t:host([level=\\\"error\\\"]) {\\n\\t\\tbackground-color: #ffe2e5;\\n\\t}\\n\\n\\t:host([level=\\\"success\\\"]) {\\n\\t\\tbackground-color: #eaf4ec;\\n\\t}\\n\\n\\t:host([hidden-icon]) img {\\n\\t\\tdisplay: none;\\n\\t}\\n\\n\\t.content {\\n\\t\\tdisplay: flex;\\n\\t\\tflex-direction: column;\\n\\t\\tword-wrap: break-word;\\n\\t\\toverflow: hidden;\\n\\t\\twidth: 100%;\\n\\t}\\n\\n\\timg {\\n\\t\\talign-self: flex-start;\\n\\t\\tflex-shrink: 0;\\n\\t\\tpadding-right: 16px;\\n\\t}\\n\\n\\t.caption-wrapper,\\n\\t.description-wrapper {\\n\\t\\tdisplay: flex;\\n\\t}\\n\\n\\t.caption-wrapper {\\n\\t\\tfont-size: 24px;\\n\\t\\tpadding-bottom: 8px;\\n\\t}\\n\\n\\t.description-wrapper {\\n\\t\\tfont-size: 16px;\\n\\t\\twhite-space: pre-wrap;\\n\\t}\\n\\n\\t:host(.no-caption) .caption-wrapper {\\n\\t\\tpadding-bottom: 0;\\n\\t}\\n\\n\\t:host(.no-caption) .description-wrapper {\\n\\t\\talign-items: center;\\n\\t\\tmin-height: 32px;\\n\\t}\\n</style>\\n\\n<img src=\\\"\\\" />\\n<div class=\\\"content\\\">\\n\\t<div class=\\\"caption-wrapper\\\">\\n\\t\\t<div class=\\\"caption\\\"></div>\\n\\t\\t<slot name=\\\"caption\\\"></slot>\\n\\t</div>\\n\\n\\t<div class=\\\"description-wrapper\\\">\\n\\t\\t<div class=\\\"description\\\"></div>\\n\\t\\t<slot name=\\\"description\\\"></slot>\\n\\t</div>\\n\\t<div class=\\\"footer\\\">\\n\\t\\t<slot name=\\\"footer\\\"></slot>\\n\\t</div>\\n</div>\\n\"", "export default \"data:image/svg+xml,%3csvg%20id='svg3363'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23cc0017}%20%3c/style%3e%3cg%20id='layer1'%20transform='translate(0%20-40)'%3e%3cpath%20class='st0'%20d='M16%2042.2c7.6%200%2013.8%206.2%2013.8%2013.8S23.6%2069.8%2016%2069.8%202.2%2063.6%202.2%2056%208.4%2042.2%2016%2042.2m0-1.2C7.7%2041%201%2047.7%201%2056s6.7%2015%2015%2015%2015-6.7%2015-15-6.7-15-15-15z'%20id='path3854'/%3e%3cpath%20id='rect3856'%20class='st0'%20d='M15%2048h2v12h-2z'/%3e%3cpath%20id='rect3860'%20class='st0'%20d='M15%2063h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e\"", "export default \"data:image/svg+xml,%3csvg%20id='svg3363'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23105295}%20%3c/style%3e%3cpath%20class='st0'%20d='M16%2029.8C8.4%2029.8%202.2%2023.6%202.2%2016S8.4%202.2%2016%202.2%2029.8%208.4%2029.8%2016%2023.6%2029.8%2016%2029.8m0%201.2c8.3%200%2015-6.7%2015-15S24.3%201%2016%201%201%207.7%201%2016s6.7%2015%2015%2015z'/%3e%3cpath%20id='rect3856'%20class='st0'%20d='M15%2012h2v12h-2z'/%3e%3cpath%20id='rect3860'%20class='st0'%20d='M15%207h2v2h-2z'/%3e%3c/svg%3e\"", "export default \"data:image/svg+xml,%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23bf8800}%20%3c/style%3e%3cpath%20class='st0'%20d='M16%201.8l13.8%2024.7v1.6H2.3v-1.6L16%201.8zm1-.8h-2L1%2025.8v3.8h30v-3.8L17%201z'/%3e%3cpath%20class='st0'%20d='M15%2010h2v10h-2zm0%2013h2v2h-2z'/%3e%3c/svg%3e\"", "export default \"data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2029.8C8.4%2029.8%202.2%2023.6%202.2%2016C2.2%208.4%208.4%202.2%2016%202.2C23.6%202.2%2029.8%208.4%2029.8%2016C29.8%2023.6%2023.6%2029.8%2016%2029.8ZM16%2031C24.3%2031%2031%2024.3%2031%2016C31%207.7%2024.3%201%2016%201C7.7%201%201%207.7%201%2016C1%2024.3%207.7%2031%2016%2031Z'%20fill='%2326A642'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.4134%2010.9512L13.6667%2022.4656L7.58667%2015.9512L9.04878%2014.5866L13.6667%2019.5344L22.9513%209.58661L24.4134%2010.9512Z'%20fill='%2326A642'/%3e%3c/svg%3e\"", "import { ElementBase } from \"@cas-smartdesign/element-base\";\nimport { default as htmlTemplate } from \"./message.html?raw\";\n\nimport error from \"./resources/error.svg\";\nimport info from \"./resources/info.svg\";\nimport warn from \"./resources/warn.svg\";\nimport success from \"./resources/success.svg\";\n\nconst icons = {\n    error: error,\n    info: info,\n    warn: warn,\n    success: success,\n};\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        [Message.ID]: Message;\n    }\n}\n\nexport class Message extends ElementBase {\n    public static readonly ID = \"sd-message\";\n    private infoImage: HTMLImageElement;\n    private captionElement: HTMLElement;\n    private descriptionElement: HTMLElement;\n    private captionSlot: HTMLSlotElement;\n\n    public set caption(caption: string) {\n        if (caption) {\n            this.setAttribute(\"caption\", caption);\n        } else {\n            this.removeAttribute(\"caption\");\n        }\n    }\n\n    public get caption(): string {\n        return this.getAttribute(\"caption\");\n    }\n\n    public set description(description: string) {\n        if (description) {\n            this.setAttribute(\"description\", description);\n        } else {\n            this.removeAttribute(\"description\");\n        }\n    }\n\n    public get description(): string {\n        return this.getAttribute(\"description\");\n    }\n\n    public get level(): Level {\n        return this.getAttribute(\"level\") as Level;\n    }\n\n    public set level(level: Level) {\n        if (level) {\n            this.setAttribute(\"level\", level);\n        } else {\n            this.setAttribute(\"level\", \"info\");\n        }\n    }\n\n    public get iconAlt(): string {\n        return this.getAttribute(\"icon-alt\");\n    }\n\n    public set iconAlt(value: string) {\n        if (value) {\n            this.setAttribute(\"icon-alt\", value);\n        } else {\n            this.removeAttribute(\"icon-alt\");\n        }\n    }\n\n    public get hiddenIcon(): boolean {\n        return this.hasAttribute(\"hidden-icon\") && this.getAttribute(\"hidden-icon\") !== \"false\";\n    }\n\n    public set hiddenIcon(hiddenIcon: boolean) {\n        if (hiddenIcon) {\n            this.setAttribute(\"hidden-icon\", \"\");\n        } else {\n            this.removeAttribute(\"hidden-icon\");\n        }\n    }\n\n    static get observedAttributes(): string[] {\n        return [\"level\", \"caption\", \"description\", \"icon-alt\"];\n    }\n\n    is(): string {\n        return Message.ID;\n    }\n\n    protected template(): HTMLTemplateElement {\n        const template = document.createElement(\"template\");\n        template.innerHTML = htmlTemplate;\n        return template;\n    }\n\n    constructor() {\n        super();\n        this.updateNoCaptionStyleName = this.updateNoCaptionStyleName.bind(this);\n    }\n\n    connectedCallback(): void {\n        super.connectedCallback();\n\n        if (!this.hasAttribute(\"level\")) {\n            this.level = Level.INFO;\n        }\n\n        this.infoImage = this.shadowRoot.querySelector(\"img\");\n        this.captionElement = this.shadowRoot.querySelector(\".caption\");\n        this.descriptionElement = this.shadowRoot.querySelector(\".description\");\n        this.captionSlot = this.shadowRoot.querySelector('slot[name=\"caption\"]');\n\n        this.captionSlot.addEventListener(\"slotchange\", this.updateNoCaptionStyleName);\n        this.render();\n    }\n\n    disconnectedCallback(): void {\n        this.captionSlot.removeEventListener(\"slotchange\", this.updateNoCaptionStyleName);\n    }\n\n    public attributeChangedCallback(): void {\n        this.render();\n    }\n\n    protected render(): void {\n        this.updateCaption();\n        this.updateDescription();\n        this.updateIcon();\n    }\n\n    private getPathToIcon(level: Level): string {\n        return icons[level];\n    }\n\n    private updateCaption() {\n        if (!this.captionElement) {\n            return;\n        }\n        if (this.caption) {\n            this.captionElement.innerText = this.caption;\n        } else {\n            this.captionElement.innerText = \"\";\n        }\n        this.updateNoCaptionStyleName();\n    }\n\n    private updateNoCaptionStyleName() {\n        if (this.caption || this.captionSlot.assignedNodes().length > 0) {\n            this.classList.remove(\"no-caption\");\n        } else {\n            this.classList.add(\"no-caption\");\n        }\n    }\n\n    private updateDescription() {\n        if (!this.descriptionElement) {\n            return;\n        }\n        if (this.description) {\n            this.descriptionElement.innerText = this.description;\n        } else {\n            this.descriptionElement.innerText = \"\";\n        }\n    }\n\n    private updateIcon() {\n        if (this.infoImage) {\n            this.infoImage.src = this.getPathToIcon(this.level) || \"\";\n            this.infoImage.alt = this.iconAlt || \"\";\n        }\n    }\n}\n\nexport enum Level {\n    ERROR = \"error\",\n    WARN = \"warn\",\n    INFO = \"info\",\n    SUCCESS = \"success\",\n}\n\nif (!customElements.get(Message.ID)) {\n    customElements.define(Message.ID, Message);\n}\n"],
+  "mappings": "igBA8BO,IAAeA,EAAf,MAAeA,UAAoB,WAAY,CAO1C,kBAAwC,CACtC,IAAAC,EAAK,KAAK,GAAA,EACZ,GAAAD,EAAY,eAAeC,CAAE,EACtB,OAAAD,EAAY,eAAeC,CAAE,EAElC,IAAAC,EAAW,KAAK,SAAA,EAEtB,OAAK,OAAe,UAEf,OAAe,SAAS,gBAAgBA,EAAU,KAAK,GAAA,CAAI,EAEpDF,EAAA,eAAeC,CAAE,EAAIC,EAC1BA,CACX,CAEO,mBAAoB,CACjB,IAAAA,EAAW,KAAK,iBAAA,EAEjB,OAAe,UAEf,OAAe,SAAS,aAAa,IAAI,EAEzC,KAAK,aACN,KAAK,aAAa,CAAE,KAAM,MAAQ,CAAA,EAClC,KAAK,WAAW,YAAY,SAAS,WAAWA,EAAS,QAAS,EAAI,CAAC,EACvE,sBAAsB,IAAM,KAAK,cAAc,IAAI,YAAyB,OAAO,CAAC,CAAC,EAE7F,CAEO,UAAUC,EAAmB,CAC5B,KAAK,WACCA,EAAAA,EAEN,KAAK,iBAAiB,QAAS,IAAMA,EAAO,CAAA,CAEpD,CACJ,EAvCIH,EAAwB,eAEpB,CAAA,EAND,IAAeI,EAAfJ,EC9BP,IAAeK,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECAAC,EAAA,+nBCAAC,EAAA,ojBCAAC,EAAA,sXCAAC,EAAA,gqBCQTC,EAAQ,CACV,MAAAJ,EACA,KAAAC,EACA,KAAAC,EACA,QAAAC,CACJ,EAQaE,EAAN,MAAMA,UAAgBC,CAAY,CAOrC,IAAW,QAAQC,EAAiB,CAC5BA,EACK,KAAA,aAAa,UAAWA,CAAO,EAEpC,KAAK,gBAAgB,SAAS,CAEtC,CAEA,IAAW,SAAkB,CAClB,OAAA,KAAK,aAAa,SAAS,CACtC,CAEA,IAAW,YAAYC,EAAqB,CACpCA,EACK,KAAA,aAAa,cAAeA,CAAW,EAE5C,KAAK,gBAAgB,aAAa,CAE1C,CAEA,IAAW,aAAsB,CACtB,OAAA,KAAK,aAAa,aAAa,CAC1C,CAEA,IAAW,OAAe,CACf,OAAA,KAAK,aAAa,OAAO,CACpC,CAEA,IAAW,MAAMC,EAAc,CACvBA,EACK,KAAA,aAAa,QAASA,CAAK,EAE3B,KAAA,aAAa,QAAS,MAAM,CAEzC,CAEA,IAAW,SAAkB,CAClB,OAAA,KAAK,aAAa,UAAU,CACvC,CAEA,IAAW,QAAQC,EAAe,CAC1BA,EACK,KAAA,aAAa,WAAYA,CAAK,EAEnC,KAAK,gBAAgB,UAAU,CAEvC,CAEA,IAAW,YAAsB,CAC7B,OAAO,KAAK,aAAa,aAAa,GAAK,KAAK,aAAa,aAAa,IAAM,OACpF,CAEA,IAAW,WAAWC,EAAqB,CACnCA,EACK,KAAA,aAAa,cAAe,EAAE,EAEnC,KAAK,gBAAgB,aAAa,CAE1C,CAEA,WAAW,oBAA+B,CACtC,MAAO,CAAC,QAAS,UAAW,cAAe,UAAU,CACzD,CAEA,IAAa,CACT,OAAON,EAAQ,EACnB,CAEU,UAAgC,CAChC,IAAAO,EAAW,SAAS,cAAc,UAAU,EAClD,OAAAA,EAAS,UAAYb,EACda,CACX,CAEA,aAAc,CACJ,MAAA,EACN,KAAK,yBAA2B,KAAK,yBAAyB,KAAK,IAAI,CAC3E,CAEA,mBAA0B,CACtB,MAAM,kBAAkB,EAEnB,KAAK,aAAa,OAAO,IAC1B,KAAK,MAAQ,QAGjB,KAAK,UAAY,KAAK,WAAW,cAAc,KAAK,EACpD,KAAK,eAAiB,KAAK,WAAW,cAAc,UAAU,EAC9D,KAAK,mBAAqB,KAAK,WAAW,cAAc,cAAc,EACtE,KAAK,YAAc,KAAK,WAAW,cAAc,sBAAsB,EAEvE,KAAK,YAAY,iBAAiB,aAAc,KAAK,wBAAwB,EAC7E,KAAK,OAAO,CAChB,CAEA,sBAA6B,CACzB,KAAK,YAAY,oBAAoB,aAAc,KAAK,wBAAwB,CACpF,CAEO,0BAAiC,CACpC,KAAK,OAAO,CAChB,CAEU,QAAe,CACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,WAAW,CACpB,CAEQ,cAAcH,EAAsB,CACxC,OAAOL,EAAMK,CAAK,CACtB,CAEQ,eAAgB,CACf,KAAK,iBAGN,KAAK,QACA,KAAA,eAAe,UAAY,KAAK,QAErC,KAAK,eAAe,UAAY,GAEpC,KAAK,yBAAyB,EAClC,CAEQ,0BAA2B,CAC3B,KAAK,SAAW,KAAK,YAAY,cAAc,EAAE,OAAS,EACrD,KAAA,UAAU,OAAO,YAAY,EAE7B,KAAA,UAAU,IAAI,YAAY,CAEvC,CAEQ,mBAAoB,CACnB,KAAK,qBAGN,KAAK,YACA,KAAA,mBAAmB,UAAY,KAAK,YAEzC,KAAK,mBAAmB,UAAY,GAE5C,CAEQ,YAAa,CACb,KAAK,YACL,KAAK,UAAU,IAAM,KAAK,cAAc,KAAK,KAAK,GAAK,GAClD,KAAA,UAAU,IAAM,KAAK,SAAW,GAE7C,CACJ,EA5JIJ,EAAuB,GAAK,aADzB,IAAMQ,EAANR,EA+JKS,GAAAA,IACRA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,KAAO,OACPA,EAAA,QAAU,UAJFA,IAAAA,GAAA,CAAA,CAAA,EAOP,eAAe,IAAID,EAAQ,EAAE,GACf,eAAA,OAAOA,EAAQ,GAAIA,CAAO",
+  "names": ["_ElementBase", "is", "template", "actor", "ElementBase", "htmlTemplate", "error", "info", "warn", "success", "icons", "_Message", "ElementBase", "caption", "description", "level", "value", "hiddenIcon", "template", "Message", "Level"]
+}

package/dist/message.d.ts

@@ -0,0 +1,42 @@
+import { ElementBase } from "@cas-smartdesign/element-base";
+declare global {
+    interface HTMLElementTagNameMap {
+        [Message.ID]: Message;
+    }
+}
+export declare class Message extends ElementBase {
+    static readonly ID = "sd-message";
+    private infoImage;
+    private captionElement;
+    private descriptionElement;
+    private captionSlot;
+    set caption(caption: string);
+    get caption(): string;
+    set description(description: string);
+    get description(): string;
+    get level(): Level;
+    set level(level: Level);
+    get iconAlt(): string;
+    set iconAlt(value: string);
+    get hiddenIcon(): boolean;
+    set hiddenIcon(hiddenIcon: boolean);
+    static get observedAttributes(): string[];
+    is(): string;
+    protected template(): HTMLTemplateElement;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    protected render(): void;
+    private getPathToIcon;
+    private updateCaption;
+    private updateNoCaptionStyleName;
+    private updateDescription;
+    private updateIcon;
+}
+export declare enum Level {
+    ERROR = "error",
+    WARN = "warn",
+    INFO = "info",
+    SUCCESS = "success"
+}

package/dist/message.mjs

@@ -0,0 +1,173 @@
+import { ElementBase as s } from "@cas-smartdesign/element-base";
+const o = `<style>
+	:host {
+		display: flex;
+		flex-direction: row;
+		padding: 24px;
+		box-sizing: border-box;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([level="info"]) {
+		background-color: #e1ebf6;
+	}
+
+	:host([level="warn"]) {
+		background-color: #fffaeb;
+	}
+
+	:host([level="error"]) {
+		background-color: #ffe2e5;
+	}
+
+	:host([level="success"]) {
+		background-color: #eaf4ec;
+	}
+
+	:host([hidden-icon]) img {
+		display: none;
+	}
+
+	.content {
+		display: flex;
+		flex-direction: column;
+		word-wrap: break-word;
+		overflow: hidden;
+		width: 100%;
+	}
+
+	img {
+		align-self: flex-start;
+		flex-shrink: 0;
+		padding-right: 16px;
+	}
+
+	.caption-wrapper,
+	.description-wrapper {
+		display: flex;
+	}
+
+	.caption-wrapper {
+		font-size: 24px;
+		padding-bottom: 8px;
+	}
+
+	.description-wrapper {
+		font-size: 16px;
+		white-space: pre-wrap;
+	}
+
+	:host(.no-caption) .caption-wrapper {
+		padding-bottom: 0;
+	}
+
+	:host(.no-caption) .description-wrapper {
+		align-items: center;
+		min-height: 32px;
+	}
+</style>
+
+<img src="" />
+<div class="content">
+	<div class="caption-wrapper">
+		<div class="caption"></div>
+		<slot name="caption"></slot>
+	</div>
+
+	<div class="description-wrapper">
+		<div class="description"></div>
+		<slot name="description"></slot>
+	</div>
+	<div class="footer">
+		<slot name="footer"></slot>
+	</div>
+</div>
+`, a = "data:image/svg+xml,%3csvg%20id='svg3363'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23cc0017}%20%3c/style%3e%3cg%20id='layer1'%20transform='translate(0%20-40)'%3e%3cpath%20class='st0'%20d='M16%2042.2c7.6%200%2013.8%206.2%2013.8%2013.8S23.6%2069.8%2016%2069.8%202.2%2063.6%202.2%2056%208.4%2042.2%2016%2042.2m0-1.2C7.7%2041%201%2047.7%201%2056s6.7%2015%2015%2015%2015-6.7%2015-15-6.7-15-15-15z'%20id='path3854'/%3e%3cpath%20id='rect3856'%20class='st0'%20d='M15%2048h2v12h-2z'/%3e%3cpath%20id='rect3860'%20class='st0'%20d='M15%2063h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e", c = "data:image/svg+xml,%3csvg%20id='svg3363'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23105295}%20%3c/style%3e%3cpath%20class='st0'%20d='M16%2029.8C8.4%2029.8%202.2%2023.6%202.2%2016S8.4%202.2%2016%202.2%2029.8%208.4%2029.8%2016%2023.6%2029.8%2016%2029.8m0%201.2c8.3%200%2015-6.7%2015-15S24.3%201%2016%201%201%207.7%201%2016s6.7%2015%2015%2015z'/%3e%3cpath%20id='rect3856'%20class='st0'%20d='M15%2012h2v12h-2z'/%3e%3cpath%20id='rect3860'%20class='st0'%20d='M15%207h2v2h-2z'/%3e%3c/svg%3e", r = "data:image/svg+xml,%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23bf8800}%20%3c/style%3e%3cpath%20class='st0'%20d='M16%201.8l13.8%2024.7v1.6H2.3v-1.6L16%201.8zm1-.8h-2L1%2025.8v3.8h30v-3.8L17%201z'/%3e%3cpath%20class='st0'%20d='M15%2010h2v10h-2zm0%2013h2v2h-2z'/%3e%3c/svg%3e", l = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2029.8C8.4%2029.8%202.2%2023.6%202.2%2016C2.2%208.4%208.4%202.2%2016%202.2C23.6%202.2%2029.8%208.4%2029.8%2016C29.8%2023.6%2023.6%2029.8%2016%2029.8ZM16%2031C24.3%2031%2031%2024.3%2031%2016C31%207.7%2024.3%201%2016%201C7.7%201%201%207.7%201%2016C1%2024.3%207.7%2031%2016%2031Z'%20fill='%2326A642'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.4134%2010.9512L13.6667%2022.4656L7.58667%2015.9512L9.04878%2014.5866L13.6667%2019.5344L22.9513%209.58661L24.4134%2010.9512Z'%20fill='%2326A642'/%3e%3c/svg%3e", d = {
+  error: a,
+  info: c,
+  warn: r,
+  success: l
+}, i = class i extends s {
+  set caption(t) {
+    t ? this.setAttribute("caption", t) : this.removeAttribute("caption");
+  }
+  get caption() {
+    return this.getAttribute("caption");
+  }
+  set description(t) {
+    t ? this.setAttribute("description", t) : this.removeAttribute("description");
+  }
+  get description() {
+    return this.getAttribute("description");
+  }
+  get level() {
+    return this.getAttribute("level");
+  }
+  set level(t) {
+    t ? this.setAttribute("level", t) : this.setAttribute("level", "info");
+  }
+  get iconAlt() {
+    return this.getAttribute("icon-alt");
+  }
+  set iconAlt(t) {
+    t ? this.setAttribute("icon-alt", t) : this.removeAttribute("icon-alt");
+  }
+  get hiddenIcon() {
+    return this.hasAttribute("hidden-icon") && this.getAttribute("hidden-icon") !== "false";
+  }
+  set hiddenIcon(t) {
+    t ? this.setAttribute("hidden-icon", "") : this.removeAttribute("hidden-icon");
+  }
+  static get observedAttributes() {
+    return ["level", "caption", "description", "icon-alt"];
+  }
+  is() {
+    return i.ID;
+  }
+  template() {
+    const t = document.createElement("template");
+    return t.innerHTML = o, t;
+  }
+  constructor() {
+    super(), this.updateNoCaptionStyleName = this.updateNoCaptionStyleName.bind(this);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.hasAttribute("level") || (this.level = "info"), this.infoImage = this.shadowRoot.querySelector("img"), this.captionElement = this.shadowRoot.querySelector(".caption"), this.descriptionElement = this.shadowRoot.querySelector(".description"), this.captionSlot = this.shadowRoot.querySelector('slot[name="caption"]'), this.captionSlot.addEventListener("slotchange", this.updateNoCaptionStyleName), this.render();
+  }
+  disconnectedCallback() {
+    this.captionSlot.removeEventListener("slotchange", this.updateNoCaptionStyleName);
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    this.updateCaption(), this.updateDescription(), this.updateIcon();
+  }
+  getPathToIcon(t) {
+    return d[t];
+  }
+  updateCaption() {
+    this.captionElement && (this.caption ? this.captionElement.innerText = this.caption : this.captionElement.innerText = "", this.updateNoCaptionStyleName());
+  }
+  updateNoCaptionStyleName() {
+    this.caption || this.captionSlot.assignedNodes().length > 0 ? this.classList.remove("no-caption") : this.classList.add("no-caption");
+  }
+  updateDescription() {
+    this.descriptionElement && (this.description ? this.descriptionElement.innerText = this.description : this.descriptionElement.innerText = "");
+  }
+  updateIcon() {
+    this.infoImage && (this.infoImage.src = this.getPathToIcon(this.level) || "", this.infoImage.alt = this.iconAlt || "");
+  }
+};
+i.ID = "sd-message";
+let n = i;
+var h = /* @__PURE__ */ ((e) => (e.ERROR = "error", e.WARN = "warn", e.INFO = "info", e.SUCCESS = "success", e))(h || {});
+customElements.get(n.ID) || customElements.define(n.ID, n);
+export {
+  h as Level,
+  n as Message
+};
+//# sourceMappingURL=message.mjs.map

package/dist/message.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.mjs","sources":["../message.html?raw","../resources/error.svg","../resources/info.svg","../resources/warn.svg","../resources/success.svg","../message.ts"],"sourcesContent":["export default \"<style>\\n\\t:host {\\n\\t\\tdisplay: flex;\\n\\t\\tflex-direction: row;\\n\\t\\tpadding: 24px;\\n\\t\\tbox-sizing: border-box;\\n\\t}\\n\\n\\t:host([hidden]) {\\n\\t\\tdisplay: none;\\n\\t}\\n\\n\\t:host([level=\\\"info\\\"]) {\\n\\t\\tbackground-color: #e1ebf6;\\n\\t}\\n\\n\\t:host([level=\\\"warn\\\"]) {\\n\\t\\tbackground-color: #fffaeb;\\n\\t}\\n\\n\\t:host([level=\\\"error\\\"]) {\\n\\t\\tbackground-color: #ffe2e5;\\n\\t}\\n\\n\\t:host([level=\\\"success\\\"]) {\\n\\t\\tbackground-color: #eaf4ec;\\n\\t}\\n\\n\\t:host([hidden-icon]) img {\\n\\t\\tdisplay: none;\\n\\t}\\n\\n\\t.content {\\n\\t\\tdisplay: flex;\\n\\t\\tflex-direction: column;\\n\\t\\tword-wrap: break-word;\\n\\t\\toverflow: hidden;\\n\\t\\twidth: 100%;\\n\\t}\\n\\n\\timg {\\n\\t\\talign-self: flex-start;\\n\\t\\tflex-shrink: 0;\\n\\t\\tpadding-right: 16px;\\n\\t}\\n\\n\\t.caption-wrapper,\\n\\t.description-wrapper {\\n\\t\\tdisplay: flex;\\n\\t}\\n\\n\\t.caption-wrapper {\\n\\t\\tfont-size: 24px;\\n\\t\\tpadding-bottom: 8px;\\n\\t}\\n\\n\\t.description-wrapper {\\n\\t\\tfont-size: 16px;\\n\\t\\twhite-space: pre-wrap;\\n\\t}\\n\\n\\t:host(.no-caption) .caption-wrapper {\\n\\t\\tpadding-bottom: 0;\\n\\t}\\n\\n\\t:host(.no-caption) .description-wrapper {\\n\\t\\talign-items: center;\\n\\t\\tmin-height: 32px;\\n\\t}\\n</style>\\n\\n<img src=\\\"\\\" />\\n<div class=\\\"content\\\">\\n\\t<div class=\\\"caption-wrapper\\\">\\n\\t\\t<div class=\\\"caption\\\"></div>\\n\\t\\t<slot name=\\\"caption\\\"></slot>\\n\\t</div>\\n\\n\\t<div class=\\\"description-wrapper\\\">\\n\\t\\t<div class=\\\"description\\\"></div>\\n\\t\\t<slot name=\\\"description\\\"></slot>\\n\\t</div>\\n\\t<div class=\\\"footer\\\">\\n\\t\\t<slot name=\\\"footer\\\"></slot>\\n\\t</div>\\n</div>\\n\"","export default \"data:image/svg+xml,%3csvg%20id='svg3363'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23cc0017}%20%3c/style%3e%3cg%20id='layer1'%20transform='translate(0%20-40)'%3e%3cpath%20class='st0'%20d='M16%2042.2c7.6%200%2013.8%206.2%2013.8%2013.8S23.6%2069.8%2016%2069.8%202.2%2063.6%202.2%2056%208.4%2042.2%2016%2042.2m0-1.2C7.7%2041%201%2047.7%201%2056s6.7%2015%2015%2015%2015-6.7%2015-15-6.7-15-15-15z'%20id='path3854'/%3e%3cpath%20id='rect3856'%20class='st0'%20d='M15%2048h2v12h-2z'/%3e%3cpath%20id='rect3860'%20class='st0'%20d='M15%2063h2v2h-2z'/%3e%3c/g%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20id='svg3363'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23105295}%20%3c/style%3e%3cpath%20class='st0'%20d='M16%2029.8C8.4%2029.8%202.2%2023.6%202.2%2016S8.4%202.2%2016%202.2%2029.8%208.4%2029.8%2016%2023.6%2029.8%2016%2029.8m0%201.2c8.3%200%2015-6.7%2015-15S24.3%201%2016%201%201%207.7%201%2016s6.7%2015%2015%2015z'/%3e%3cpath%20id='rect3856'%20class='st0'%20d='M15%2012h2v12h-2z'/%3e%3cpath%20id='rect3860'%20class='st0'%20d='M15%207h2v2h-2z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20height='32'%20width='32'%3e%3cstyle%3e%20.st0{fill:%23bf8800}%20%3c/style%3e%3cpath%20class='st0'%20d='M16%201.8l13.8%2024.7v1.6H2.3v-1.6L16%201.8zm1-.8h-2L1%2025.8v3.8h30v-3.8L17%201z'/%3e%3cpath%20class='st0'%20d='M15%2010h2v10h-2zm0%2013h2v2h-2z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2029.8C8.4%2029.8%202.2%2023.6%202.2%2016C2.2%208.4%208.4%202.2%2016%202.2C23.6%202.2%2029.8%208.4%2029.8%2016C29.8%2023.6%2023.6%2029.8%2016%2029.8ZM16%2031C24.3%2031%2031%2024.3%2031%2016C31%207.7%2024.3%201%2016%201C7.7%201%201%207.7%201%2016C1%2024.3%207.7%2031%2016%2031Z'%20fill='%2326A642'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.4134%2010.9512L13.6667%2022.4656L7.58667%2015.9512L9.04878%2014.5866L13.6667%2019.5344L22.9513%209.58661L24.4134%2010.9512Z'%20fill='%2326A642'/%3e%3c/svg%3e\"","import { ElementBase } from \"@cas-smartdesign/element-base\";\nimport { default as htmlTemplate } from \"./message.html?raw\";\n\nimport error from \"./resources/error.svg\";\nimport info from \"./resources/info.svg\";\nimport warn from \"./resources/warn.svg\";\nimport success from \"./resources/success.svg\";\n\nconst icons = {\n    error: error,\n    info: info,\n    warn: warn,\n    success: success,\n};\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        [Message.ID]: Message;\n    }\n}\n\nexport class Message extends ElementBase {\n    public static readonly ID = \"sd-message\";\n    private infoImage: HTMLImageElement;\n    private captionElement: HTMLElement;\n    private descriptionElement: HTMLElement;\n    private captionSlot: HTMLSlotElement;\n\n    public set caption(caption: string) {\n        if (caption) {\n            this.setAttribute(\"caption\", caption);\n        } else {\n            this.removeAttribute(\"caption\");\n        }\n    }\n\n    public get caption(): string {\n        return this.getAttribute(\"caption\");\n    }\n\n    public set description(description: string) {\n        if (description) {\n            this.setAttribute(\"description\", description);\n        } else {\n            this.removeAttribute(\"description\");\n        }\n    }\n\n    public get description(): string {\n        return this.getAttribute(\"description\");\n    }\n\n    public get level(): Level {\n        return this.getAttribute(\"level\") as Level;\n    }\n\n    public set level(level: Level) {\n        if (level) {\n            this.setAttribute(\"level\", level);\n        } else {\n            this.setAttribute(\"level\", \"info\");\n        }\n    }\n\n    public get iconAlt(): string {\n        return this.getAttribute(\"icon-alt\");\n    }\n\n    public set iconAlt(value: string) {\n        if (value) {\n            this.setAttribute(\"icon-alt\", value);\n        } else {\n            this.removeAttribute(\"icon-alt\");\n        }\n    }\n\n    public get hiddenIcon(): boolean {\n        return this.hasAttribute(\"hidden-icon\") && this.getAttribute(\"hidden-icon\") !== \"false\";\n    }\n\n    public set hiddenIcon(hiddenIcon: boolean) {\n        if (hiddenIcon) {\n            this.setAttribute(\"hidden-icon\", \"\");\n        } else {\n            this.removeAttribute(\"hidden-icon\");\n        }\n    }\n\n    static get observedAttributes(): string[] {\n        return [\"level\", \"caption\", \"description\", \"icon-alt\"];\n    }\n\n    is(): string {\n        return Message.ID;\n    }\n\n    protected template(): HTMLTemplateElement {\n        const template = document.createElement(\"template\");\n        template.innerHTML = htmlTemplate;\n        return template;\n    }\n\n    constructor() {\n        super();\n        this.updateNoCaptionStyleName = this.updateNoCaptionStyleName.bind(this);\n    }\n\n    connectedCallback(): void {\n        super.connectedCallback();\n\n        if (!this.hasAttribute(\"level\")) {\n            this.level = Level.INFO;\n        }\n\n        this.infoImage = this.shadowRoot.querySelector(\"img\");\n        this.captionElement = this.shadowRoot.querySelector(\".caption\");\n        this.descriptionElement = this.shadowRoot.querySelector(\".description\");\n        this.captionSlot = this.shadowRoot.querySelector('slot[name=\"caption\"]');\n\n        this.captionSlot.addEventListener(\"slotchange\", this.updateNoCaptionStyleName);\n        this.render();\n    }\n\n    disconnectedCallback(): void {\n        this.captionSlot.removeEventListener(\"slotchange\", this.updateNoCaptionStyleName);\n    }\n\n    public attributeChangedCallback(): void {\n        this.render();\n    }\n\n    protected render(): void {\n        this.updateCaption();\n        this.updateDescription();\n        this.updateIcon();\n    }\n\n    private getPathToIcon(level: Level): string {\n        return icons[level];\n    }\n\n    private updateCaption() {\n        if (!this.captionElement) {\n            return;\n        }\n        if (this.caption) {\n            this.captionElement.innerText = this.caption;\n        } else {\n            this.captionElement.innerText = \"\";\n        }\n        this.updateNoCaptionStyleName();\n    }\n\n    private updateNoCaptionStyleName() {\n        if (this.caption || this.captionSlot.assignedNodes().length > 0) {\n            this.classList.remove(\"no-caption\");\n        } else {\n            this.classList.add(\"no-caption\");\n        }\n    }\n\n    private updateDescription() {\n        if (!this.descriptionElement) {\n            return;\n        }\n        if (this.description) {\n            this.descriptionElement.innerText = this.description;\n        } else {\n            this.descriptionElement.innerText = \"\";\n        }\n    }\n\n    private updateIcon() {\n        if (this.infoImage) {\n            this.infoImage.src = this.getPathToIcon(this.level) || \"\";\n            this.infoImage.alt = this.iconAlt || \"\";\n        }\n    }\n}\n\nexport enum Level {\n    ERROR = \"error\",\n    WARN = \"warn\",\n    INFO = \"info\",\n    SUCCESS = \"success\",\n}\n\nif (!customElements.get(Message.ID)) {\n    customElements.define(Message.ID, Message);\n}\n"],"names":["htmlTemplate","error","info","warn","success","icons","_Message","ElementBase","caption","description","level","value","hiddenIcon","template","Message","Level"],"mappings":";AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCAAC,IAAA,goBCAAC,IAAA,qjBCAAC,IAAA,uXCAAC,IAAA,iqBCQTC,IAAQ;AAAA,EACV,OAAAJ;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACJ,GAQaE,IAAN,MAAMA,UAAgBC,EAAY;AAAA,EAOrC,IAAW,QAAQC,GAAiB;AAChC,IAAIA,IACK,KAAA,aAAa,WAAWA,CAAO,IAEpC,KAAK,gBAAgB,SAAS;AAAA,EAEtC;AAAA,EAEA,IAAW,UAAkB;AAClB,WAAA,KAAK,aAAa,SAAS;AAAA,EACtC;AAAA,EAEA,IAAW,YAAYC,GAAqB;AACxC,IAAIA,IACK,KAAA,aAAa,eAAeA,CAAW,IAE5C,KAAK,gBAAgB,aAAa;AAAA,EAE1C;AAAA,EAEA,IAAW,cAAsB;AACtB,WAAA,KAAK,aAAa,aAAa;AAAA,EAC1C;AAAA,EAEA,IAAW,QAAe;AACf,WAAA,KAAK,aAAa,OAAO;AAAA,EACpC;AAAA,EAEA,IAAW,MAAMC,GAAc;AAC3B,IAAIA,IACK,KAAA,aAAa,SAASA,CAAK,IAE3B,KAAA,aAAa,SAAS,MAAM;AAAA,EAEzC;AAAA,EAEA,IAAW,UAAkB;AAClB,WAAA,KAAK,aAAa,UAAU;AAAA,EACvC;AAAA,EAEA,IAAW,QAAQC,GAAe;AAC9B,IAAIA,IACK,KAAA,aAAa,YAAYA,CAAK,IAEnC,KAAK,gBAAgB,UAAU;AAAA,EAEvC;AAAA,EAEA,IAAW,aAAsB;AAC7B,WAAO,KAAK,aAAa,aAAa,KAAK,KAAK,aAAa,aAAa,MAAM;AAAA,EACpF;AAAA,EAEA,IAAW,WAAWC,GAAqB;AACvC,IAAIA,IACK,KAAA,aAAa,eAAe,EAAE,IAEnC,KAAK,gBAAgB,aAAa;AAAA,EAE1C;AAAA,EAEA,WAAW,qBAA+B;AACtC,WAAO,CAAC,SAAS,WAAW,eAAe,UAAU;AAAA,EACzD;AAAA,EAEA,KAAa;AACT,WAAON,EAAQ;AAAA,EACnB;AAAA,EAEU,WAAgC;AAChC,UAAAO,IAAW,SAAS,cAAc,UAAU;AAClD,WAAAA,EAAS,YAAYb,GACda;AAAA,EACX;AAAA,EAEA,cAAc;AACJ,aACN,KAAK,2BAA2B,KAAK,yBAAyB,KAAK,IAAI;AAAA,EAC3E;AAAA,EAEA,oBAA0B;AACtB,UAAM,kBAAkB,GAEnB,KAAK,aAAa,OAAO,MAC1B,KAAK,QAAQ,SAGjB,KAAK,YAAY,KAAK,WAAW,cAAc,KAAK,GACpD,KAAK,iBAAiB,KAAK,WAAW,cAAc,UAAU,GAC9D,KAAK,qBAAqB,KAAK,WAAW,cAAc,cAAc,GACtE,KAAK,cAAc,KAAK,WAAW,cAAc,sBAAsB,GAEvE,KAAK,YAAY,iBAAiB,cAAc,KAAK,wBAAwB,GAC7E,KAAK,OAAO;AAAA,EAChB;AAAA,EAEA,uBAA6B;AACzB,SAAK,YAAY,oBAAoB,cAAc,KAAK,wBAAwB;AAAA,EACpF;AAAA,EAEO,2BAAiC;AACpC,SAAK,OAAO;AAAA,EAChB;AAAA,EAEU,SAAe;AACrB,SAAK,cAAc,GACnB,KAAK,kBAAkB,GACvB,KAAK,WAAW;AAAA,EACpB;AAAA,EAEQ,cAAcH,GAAsB;AACxC,WAAOL,EAAMK,CAAK;AAAA,EACtB;AAAA,EAEQ,gBAAgB;AAChB,IAAC,KAAK,mBAGN,KAAK,UACA,KAAA,eAAe,YAAY,KAAK,UAErC,KAAK,eAAe,YAAY,IAEpC,KAAK,yBAAyB;AAAA,EAClC;AAAA,EAEQ,2BAA2B;AAC/B,IAAI,KAAK,WAAW,KAAK,YAAY,cAAc,EAAE,SAAS,IACrD,KAAA,UAAU,OAAO,YAAY,IAE7B,KAAA,UAAU,IAAI,YAAY;AAAA,EAEvC;AAAA,EAEQ,oBAAoB;AACpB,IAAC,KAAK,uBAGN,KAAK,cACA,KAAA,mBAAmB,YAAY,KAAK,cAEzC,KAAK,mBAAmB,YAAY;AAAA,EAE5C;AAAA,EAEQ,aAAa;AACjB,IAAI,KAAK,cACL,KAAK,UAAU,MAAM,KAAK,cAAc,KAAK,KAAK,KAAK,IAClD,KAAA,UAAU,MAAM,KAAK,WAAW;AAAA,EAE7C;AACJ;AA5JIJ,EAAuB,KAAK;AADzB,IAAMQ,IAANR;AA+JK,IAAAS,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,OAAO,QACPA,EAAA,UAAU,WAJFA,IAAAA,KAAA,CAAA,CAAA;AAOP,eAAe,IAAID,EAAQ,EAAE,KACf,eAAA,OAAOA,EAAQ,IAAIA,CAAO;"}

package/npm-third-party-licenses.json

@@ -0,0 +1,187 @@
+{
+    "@cypress/vite-dev-server@5.0.7": {
+        "licenses": "MIT",
+        "repository": "https://github.com/cypress-io/cypress",
+        "licenseUrl": "https://github.com/cypress-io/cypress/tree/develop/npm/vite-dev-server#readme"
+    },
+    "@rollup/plugin-node-resolve@15.2.3": {
+        "licenses": "MIT",
+        "repository": "https://github.com/rollup/plugins",
+        "licenseUrl": "https://github.com/rollup/plugins/raw/HEAD/LICENSE"
+    },
+    "@types/node@20.10.6": {
+        "licenses": "MIT",
+        "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
+        "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
+    },
+    "@types/postcss-prefix-selector@1.16.3": {
+        "licenses": "MIT",
+        "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
+        "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
+    },
+    "@typescript-eslint/eslint-plugin@6.17.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/typescript-eslint/typescript-eslint",
+        "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
+    },
+    "@typescript-eslint/parser@6.17.0": {
+        "licenses": "BSD-2-Clause",
+        "repository": "https://github.com/typescript-eslint/typescript-eslint",
+        "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
+    },
+    "@vitest/coverage-v8@1.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitest-dev/vitest",
+        "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
+    },
+    "@vitest/ui@1.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitest-dev/vitest",
+        "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
+    },
+    "axe-core@4.8.3": {
+        "licenses": "MPL-2.0",
+        "repository": "https://github.com/dequelabs/axe-core",
+        "licenseUrl": "https://github.com/dequelabs/axe-core/raw/HEAD/LICENSE"
+    },
+    "cypress-axe@1.5.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/component-driven/cypress-axe",
+        "licenseUrl": "https://github.com/component-driven/cypress-axe/raw/HEAD/License.md"
+    },
+    "cypress-real-events@1.13.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/dmtrKovalenko/cypress-real-events",
+        "licenseUrl": "https://github.com/dmtrKovalenko/cypress-real-events"
+    },
+    "cypress@13.6.2": {
+        "licenses": "MIT",
+        "repository": "https://github.com/cypress-io/cypress",
+        "licenseUrl": "https://cypress.io"
+    },
+    "esbuild@0.19.11": {
+        "licenses": "MIT",
+        "repository": "https://github.com/evanw/esbuild",
+        "licenseUrl": "https://github.com/evanw/esbuild/raw/HEAD/LICENSE.md"
+    },
+    "eslint-config-google@0.14.0": {
+        "licenses": "Apache-2.0",
+        "repository": "https://github.com/google/eslint-config-google",
+        "licenseUrl": "https://github.com/google/eslint-config-google/raw/HEAD/LICENSE"
+    },
+    "eslint-config-prettier@9.1.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/prettier/eslint-config-prettier",
+        "licenseUrl": "https://github.com/prettier/eslint-config-prettier/raw/HEAD/LICENSE"
+    },
+    "eslint@8.56.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/eslint/eslint",
+        "licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
+    },
+    "github-markdown-css@5.5.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/sindresorhus/github-markdown-css",
+        "licenseUrl": "https://github.com/sindresorhus/github-markdown-css/raw/HEAD/license"
+    },
+    "highlight.js@11.9.0": {
+        "licenses": "BSD-3-Clause",
+        "repository": "https://github.com/highlightjs/highlight.js",
+        "licenseUrl": "https://github.com/highlightjs/highlight.js/raw/HEAD/LICENSE"
+    },
+    "junit-report-builder@3.1.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/davidparsson/junit-report-builder",
+        "licenseUrl": "https://github.com/davidparsson/junit-report-builder/raw/HEAD/LICENSE"
+    },
+    "lint-staged@15.2.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/okonet/lint-staged",
+        "licenseUrl": "https://github.com/okonet/lint-staged/raw/HEAD/LICENSE"
+    },
+    "marked@11.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/markedjs/marked",
+        "licenseUrl": "https://github.com/markedjs/marked/raw/HEAD/LICENSE.md"
+    },
+    "postcss-prefix-selector@1.16.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/RadValentin/postcss-prefix-selector",
+        "licenseUrl": "https://github.com/RadValentin/postcss-prefix-selector/raw/HEAD/LICENSE"
+    },
+    "postcss@8.4.32": {
+        "licenses": "MIT",
+        "repository": "https://github.com/postcss/postcss",
+        "licenseUrl": "https://github.com/postcss/postcss/raw/HEAD/LICENSE"
+    },
+    "prettier@3.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/prettier/prettier",
+        "licenseUrl": "https://github.com/prettier/prettier/raw/HEAD/LICENSE"
+    },
+    "resolve-pkg@2.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/sindresorhus/resolve-pkg",
+        "licenseUrl": "https://github.com/sindresorhus/resolve-pkg/raw/HEAD/license"
+    },
+    "sass@1.69.6": {
+        "licenses": "MIT",
+        "repository": "https://github.com/sass/dart-sass",
+        "licenseUrl": "https://github.com/sass/dart-sass/raw/HEAD/LICENSE"
+    },
+    "stylelint-config-recommended-scss@14.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint-scss/stylelint-config-recommended-scss",
+        "licenseUrl": "https://github.com/stylelint-scss/stylelint-config-recommended-scss/raw/HEAD/LICENSE"
+    },
+    "stylelint-config-standard@36.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint/stylelint-config-standard",
+        "licenseUrl": "https://github.com/stylelint/stylelint-config-standard/raw/HEAD/LICENSE"
+    },
+    "stylelint-scss@6.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint-scss/stylelint-scss",
+        "licenseUrl": "https://github.com/stylelint-scss/stylelint-scss/raw/HEAD/LICENSE"
+    },
+    "stylelint@16.1.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint/stylelint",
+        "licenseUrl": "https://github.com/stylelint/stylelint/raw/HEAD/LICENSE"
+    },
+    "tsup@8.0.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/egoist/tsup",
+        "licenseUrl": "https://github.com/egoist/tsup/raw/HEAD/LICENSE"
+    },
+    "turbo@1.11.2": {
+        "licenses": "MPL-2.0",
+        "repository": "https://github.com/vercel/turbo",
+        "licenseUrl": "https://github.com/vercel/turbo/raw/HEAD/LICENSE"
+    },
+    "typescript@5.3.3": {
+        "licenses": "Apache-2.0",
+        "repository": "https://github.com/Microsoft/TypeScript",
+        "licenseUrl": "https://github.com/Microsoft/TypeScript/raw/HEAD/LICENSE.txt"
+    },
+    "vite-tsconfig-paths@4.2.3": {
+        "licenses": "MIT",
+        "repository": "https://github.com/aleclarson/vite-tsconfig-paths",
+        "licenseUrl": "https://github.com/aleclarson/vite-tsconfig-paths/raw/HEAD/LICENSE"
+    },
+    "vite@5.0.10": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitejs/vite",
+        "licenseUrl": "https://github.com/vitejs/vite/raw/HEAD/LICENSE.md"
+    },
+    "vitest@1.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitest-dev/vitest",
+        "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE.md"
+    },
+    "yargs@17.7.2": {
+        "licenses": "MIT",
+        "repository": "https://github.com/yargs/yargs",
+        "licenseUrl": "https://github.com/yargs/yargs/raw/HEAD/LICENSE"
+    }
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@cas-smartdesign/message",
+  "version": "4.0.1",
+  "description": "A message element with three different levels which has the look and feel of the smartdesign message",
+  "main": "dist/message-with-externals.js",
+  "module": "dist/message.mjs",
+  "types": "dist/message.d.ts",
+  "license": "SEE LICENSE IN LICENSE",
+  "dependencies": {
+    "@cas-smartdesign/element-base": "^5.0.1"
+  },
+  "files": [
+    "dist",
+    "npm-third-party-licenses.json"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "devDependencies": {
+    "@cas-smartdesign/element-preview": "^0.2.1",
+    "@cas-smartdesign/license-generator": "^1.6.1"
+  },
+  "scripts": {
+    "version": "pnpm version",
+    "generate-declaration": "tsc -p tsconfig.types.json",
+    "build:no-license": "vite build && pnpm generate-declaration && vite build --mode documentation",
+    "build": "pnpm generate-license && pnpm build:no-license",
+    "watch": "vite build --watch",
+    "dev": "vite",
+    "generate-license": "sd-license-generator --r ../../"
+  }
+}

package/readme.md

@@ -0,0 +1,20 @@
+# @cas-smartdesign/message
+
+A custom element which represents the SmartDesign message widget.
+
+## Slots
+
+- `caption`
+- `description`
+- `footer`
+
+## Attributes
+
+- `level`: Message.Level
+  - `INFO`, `WARN`, `ERROR`, `SUCCESS`
+  - Changes the color and the icon of the message element
+  - Default value is `INFO`
+- `hidden-icon`: boolean
+  - Defines the visibility of the message icon
+
+## Examples