@cas-smartdesign/message 4.1.0 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/docs/doc.mjs
CHANGED
|
@@ -74,7 +74,7 @@ addExamples();
|
|
|
74
74
|
:host {
|
|
75
75
|
display: flex;
|
|
76
76
|
flex-direction: row;
|
|
77
|
-
padding: 24px;
|
|
77
|
+
padding: var(--sd-message-padding, 24px);
|
|
78
78
|
box-sizing: border-box;
|
|
79
79
|
}
|
|
80
80
|
|
|
@@ -113,7 +113,7 @@ addExamples();
|
|
|
113
113
|
img {
|
|
114
114
|
align-self: flex-start;
|
|
115
115
|
flex-shrink: 0;
|
|
116
|
-
padding-right: 16px;
|
|
116
|
+
padding-right: var(--sd-message-img-padding-right, 16px);
|
|
117
117
|
}
|
|
118
118
|
|
|
119
119
|
.caption-wrapper,
|
|
@@ -122,12 +122,12 @@ addExamples();
|
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
.caption-wrapper {
|
|
125
|
-
font-size: 24px;
|
|
126
|
-
padding-bottom: 8px;
|
|
125
|
+
font-size: var(--sd-message-caption-font-size, 24px);
|
|
126
|
+
padding-bottom: var(--sd-message-caption-padding-bottom, 8px);
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.description-wrapper {
|
|
130
|
-
font-size: 16px;
|
|
130
|
+
font-size: var(--sd-message-description-font-size, 16px);
|
|
131
131
|
white-space: pre-wrap;
|
|
132
132
|
}
|
|
133
133
|
|
|
@@ -137,7 +137,7 @@ addExamples();
|
|
|
137
137
|
|
|
138
138
|
:host(.no-caption) .description-wrapper {
|
|
139
139
|
align-items: center;
|
|
140
|
-
min-height: 32px;
|
|
140
|
+
min-height: var(--sd-message-description-min-height, 32px);
|
|
141
141
|
}
|
|
142
142
|
</style>
|
|
143
143
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
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,
|
|
1
|
+
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,r)=>{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:!(r=m(t,s))||r.enumerable});return e};var f=e=>w(a({},"__esModule",{value:!0}),e);var y={};u(y,{Level:()=>p,Message:()=>n});var c=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())}};c.TEMPLATE_CACHE={};var d=c;var b=`<style>
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: row;
|
|
5
|
-
padding: 24px;
|
|
5
|
+
padding: var(--sd-message-padding, 24px);
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -41,7 +41,7 @@ var window;(window||={})["@cas-smartdesign/message"]=(()=>{var a=Object.definePr
|
|
|
41
41
|
img {
|
|
42
42
|
align-self: flex-start;
|
|
43
43
|
flex-shrink: 0;
|
|
44
|
-
padding-right: 16px;
|
|
44
|
+
padding-right: var(--sd-message-img-padding-right, 16px);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.caption-wrapper,
|
|
@@ -50,12 +50,12 @@ var window;(window||={})["@cas-smartdesign/message"]=(()=>{var a=Object.definePr
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.caption-wrapper {
|
|
53
|
-
font-size: 24px;
|
|
54
|
-
padding-bottom: 8px;
|
|
53
|
+
font-size: var(--sd-message-caption-font-size, 24px);
|
|
54
|
+
padding-bottom: var(--sd-message-caption-padding-bottom, 8px);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
.description-wrapper {
|
|
58
|
-
font-size: 16px;
|
|
58
|
+
font-size: var(--sd-message-description-font-size, 16px);
|
|
59
59
|
white-space: pre-wrap;
|
|
60
60
|
}
|
|
61
61
|
|
|
@@ -65,7 +65,7 @@ var window;(window||={})["@cas-smartdesign/message"]=(()=>{var a=Object.definePr
|
|
|
65
65
|
|
|
66
66
|
:host(.no-caption) .description-wrapper {
|
|
67
67
|
align-items: center;
|
|
68
|
-
min-height: 32px;
|
|
68
|
+
min-height: var(--sd-message-description-min-height, 32px);
|
|
69
69
|
}
|
|
70
70
|
</style>
|
|
71
71
|
|
|
@@ -84,5 +84,5 @@ var window;(window||={})["@cas-smartdesign/message"]=(()=>{var a=Object.definePr
|
|
|
84
84
|
<slot name="footer"></slot>
|
|
85
85
|
</div>
|
|
86
86
|
</div>
|
|
87
|
-
`,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},
|
|
87
|
+
`,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},l=class h extends d{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||"")}};l.ID="sd-message";var n=l,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);})();
|
|
88
88
|
//# sourceMappingURL=message-with-externals.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../element-base/element-base.ts", "../message.html", "../resources/error.svg", "../resources/info.svg", "../resources/warn.svg", "../resources/success.svg", "../message.ts"],
|
|
4
|
-
"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"],
|
|
4
|
+
"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: var(--sd-message-padding, 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: var(--sd-message-img-padding-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: var(--sd-message-caption-font-size, 24px);\\n\\t\\tpadding-bottom: var(--sd-message-caption-padding-bottom, 8px);\\n\\t}\\n\\n\\t.description-wrapper {\\n\\t\\tfont-size: var(--sd-message-description-font-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: var(--sd-message-description-min-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"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": ["_ElementBase", "is", "template", "actor", "ElementBase", "htmlTemplate", "error", "info", "warn", "success", "icons", "_Message", "ElementBase", "caption", "description", "level", "value", "hiddenIcon", "template", "Message", "Level"]
|
|
7
7
|
}
|
package/dist/message.mjs
CHANGED
|
@@ -3,7 +3,7 @@ const o = `<style>
|
|
|
3
3
|
:host {
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: row;
|
|
6
|
-
padding: 24px;
|
|
6
|
+
padding: var(--sd-message-padding, 24px);
|
|
7
7
|
box-sizing: border-box;
|
|
8
8
|
}
|
|
9
9
|
|
|
@@ -42,7 +42,7 @@ const o = `<style>
|
|
|
42
42
|
img {
|
|
43
43
|
align-self: flex-start;
|
|
44
44
|
flex-shrink: 0;
|
|
45
|
-
padding-right: 16px;
|
|
45
|
+
padding-right: var(--sd-message-img-padding-right, 16px);
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.caption-wrapper,
|
|
@@ -51,12 +51,12 @@ const o = `<style>
|
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
.caption-wrapper {
|
|
54
|
-
font-size: 24px;
|
|
55
|
-
padding-bottom: 8px;
|
|
54
|
+
font-size: var(--sd-message-caption-font-size, 24px);
|
|
55
|
+
padding-bottom: var(--sd-message-caption-padding-bottom, 8px);
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
.description-wrapper {
|
|
59
|
-
font-size: 16px;
|
|
59
|
+
font-size: var(--sd-message-description-font-size, 16px);
|
|
60
60
|
white-space: pre-wrap;
|
|
61
61
|
}
|
|
62
62
|
|
|
@@ -66,7 +66,7 @@ const o = `<style>
|
|
|
66
66
|
|
|
67
67
|
:host(.no-caption) .description-wrapper {
|
|
68
68
|
align-items: center;
|
|
69
|
-
min-height: 32px;
|
|
69
|
+
min-height: var(--sd-message-description-min-height, 32px);
|
|
70
70
|
}
|
|
71
71
|
</style>
|
|
72
72
|
|
|
@@ -85,12 +85,12 @@ const o = `<style>
|
|
|
85
85
|
<slot name="footer"></slot>
|
|
86
86
|
</div>
|
|
87
87
|
</div>
|
|
88
|
-
`, 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",
|
|
88
|
+
`, 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", r = "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", c = "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 = {
|
|
89
89
|
error: a,
|
|
90
|
-
info:
|
|
91
|
-
warn:
|
|
90
|
+
info: r,
|
|
91
|
+
warn: c,
|
|
92
92
|
success: l
|
|
93
|
-
},
|
|
93
|
+
}, n = class n extends s {
|
|
94
94
|
set caption(t) {
|
|
95
95
|
t ? this.setAttribute("caption", t) : this.removeAttribute("caption");
|
|
96
96
|
}
|
|
@@ -125,7 +125,7 @@ const o = `<style>
|
|
|
125
125
|
return ["level", "caption", "description", "icon-alt"];
|
|
126
126
|
}
|
|
127
127
|
is() {
|
|
128
|
-
return
|
|
128
|
+
return n.ID;
|
|
129
129
|
}
|
|
130
130
|
template() {
|
|
131
131
|
const t = document.createElement("template");
|
|
@@ -162,12 +162,12 @@ const o = `<style>
|
|
|
162
162
|
this.infoImage && (this.infoImage.src = this.getPathToIcon(this.level) || "", this.infoImage.alt = this.iconAlt || "");
|
|
163
163
|
}
|
|
164
164
|
};
|
|
165
|
-
|
|
166
|
-
let
|
|
165
|
+
n.ID = "sd-message";
|
|
166
|
+
let i = n;
|
|
167
167
|
var h = /* @__PURE__ */ ((e) => (e.ERROR = "error", e.WARN = "warn", e.INFO = "info", e.SUCCESS = "success", e))(h || {});
|
|
168
|
-
customElements.get(
|
|
168
|
+
customElements.get(i.ID) || customElements.define(i.ID, i);
|
|
169
169
|
export {
|
|
170
170
|
h as Level,
|
|
171
|
-
|
|
171
|
+
i as Message
|
|
172
172
|
};
|
|
173
173
|
//# sourceMappingURL=message.mjs.map
|
package/dist/message.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":"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"}
|
|
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: var(--sd-message-padding, 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: var(--sd-message-img-padding-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: var(--sd-message-caption-font-size, 24px);\\n\\t\\tpadding-bottom: var(--sd-message-caption-padding-bottom, 8px);\\n\\t}\\n\\n\\t.description-wrapper {\\n\\t\\tfont-size: var(--sd-message-description-font-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: var(--sd-message-description-min-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":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cas-smartdesign/message",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.2.0",
|
|
4
4
|
"description": "A message element with three different levels which has the look and feel of the smartdesign message",
|
|
5
5
|
"main": "dist/message-with-externals.js",
|
|
6
6
|
"module": "dist/message.mjs",
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
"access": "public"
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"@cas-smartdesign/
|
|
22
|
-
"@cas-smartdesign/
|
|
21
|
+
"@cas-smartdesign/license-generator": "^1.7.0",
|
|
22
|
+
"@cas-smartdesign/element-preview": "^0.3.0"
|
|
23
23
|
},
|
|
24
24
|
"scripts": {
|
|
25
25
|
"version": "pnpm version",
|