@cas-smartdesign/login-loading-indicator 3.0.2 → 3.1.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.
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../element-base/element-base.ts", "../login-loading-indicator.html?raw", "../login-loading-indicator.ts"],
3
+ "sources": ["../../element-base/element-base.ts", "../login-loading-indicator.html", "../login-loading-indicator.ts"],
4
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.root {\\n\\t\\tposition: absolute;\\n\\t\\twidth: 100%;\\n\\t\\theight: 100%;\\n\\t\\tbackground: white;\\n\\t\\tdisplay: flex;\\n\\t\\talign-items: center;\\n\\t\\tjustify-content: center;\\n\\t\\tflex-direction: column;\\n\\t\\tfont-family: \\\"Segoe UI\\\", \\\"Lucida Sans\\\", Arial, sans-serif;\\n\\t}\\n\\n\\t.logo {\\n\\t\\twidth: auto;\\n\\t\\tmax-width: 300px;\\n\\t\\theight: auto;\\n\\t\\tmax-height: 120px;\\n\\t\\tbackground-repeat: no-repeat;\\n\\t\\tbackground-position: center;\\n\\t\\tpadding-bottom: 16px;\\n\\t}\\n\\n\\t.progressContainer {\\n\\t\\theight: 4px;\\n\\t\\twidth: 280px;\\n\\t\\tposition: relative;\\n\\t\\tbackground: #e0e0e0;\\n\\t\\toverflow: hidden;\\n\\t}\\n\\n\\t.progress {\\n\\t\\tbackground: var(--login-loading-progress-color, #f44336);\\n\\t\\tposition: absolute;\\n\\t\\ttop: 0;\\n\\t\\tright: 0;\\n\\t\\tbottom: 0;\\n\\t\\tleft: 0;\\n\\t\\ttransform: scaleX(0);\\n\\t\\ttransform-origin: right center;\\n\\t\\tanimation: indeterminate-bar 2s linear infinite;\\n\\t\\twill-change: transform;\\n\\t}\\n\\n\\t.progress::after {\\n\\t\\tcontent: \\\"\\\";\\n\\t\\ttransform-origin: center center;\\n\\t\\tanimation: indeterminate-splitter 2s linear infinite;\\n\\t\\tbackground: #e0e0e0;\\n\\t\\theight: 4px;\\n\\t\\tposition: absolute;\\n\\t\\ttop: 0;\\n\\t\\tright: 0;\\n\\t\\tbottom: 0;\\n\\t\\tleft: 0;\\n\\t}\\n\\n\\t.welcome-title {\\n\\t\\tpadding-top: 64px;\\n\\t\\tcolor: var(--login-loading-title-color, #f44336);\\n\\t\\tfont-size: 2em;\\n\\t\\tfont-weight: 200;\\n\\t}\\n\\n\\t.hints {\\n\\t\\tpadding-top: 24px;\\n\\t\\tcolor: gray;\\n\\t\\tfont-size: 24px;\\n\\t\\tfont-weight: 100;\\n\\t\\topacity: 0;\\n\\t\\ttransition: opacity 1s;\\n\\t}\\n\\n\\t@keyframes indeterminate-bar {\\n\\t\\t0% {\\n\\t\\t\\ttransform: scaleX(1) translateX(-100%);\\n\\t\\t}\\n\\t\\t50% {\\n\\t\\t\\ttransform: scaleX(1) translateX(0%);\\n\\t\\t}\\n\\t\\t75% {\\n\\t\\t\\ttransform: scaleX(1) translateX(0%);\\n\\t\\t\\tanimation-timing-function: cubic-bezier(0.28, 0.62, 0.37, 0.91);\\n\\t\\t}\\n\\t\\t100% {\\n\\t\\t\\ttransform: scaleX(0) translateX(0%);\\n\\t\\t}\\n\\t}\\n\\n\\t@keyframes indeterminate-splitter {\\n\\t\\t0% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(-125%);\\n\\t\\t}\\n\\t\\t30% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(-125%);\\n\\t\\t\\tanimation-timing-function: cubic-bezier(0.42, 0, 0.6, 0.8);\\n\\t\\t}\\n\\t\\t90% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(125%);\\n\\t\\t}\\n\\t\\t100% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(125%);\\n\\t\\t}\\n\\t}\\n</style>\\n\\n<div class=\\\"root\\\">\\n\\t<img class=\\\"logo\\\" src=\\\"\\\" />\\n\\t<div class=\\\"progressContainer\\\">\\n\\t\\t<div class=\\\"progress\\\"></div>\\n\\t</div>\\n\\t<div class=\\\"welcome-title\\\"></div>\\n\\t<div class=\\\"hints\\\"></div>\\n</div>\\n\"", "import { ElementBase } from \"@cas-smartdesign/element-base\";\nimport { default as htmlTemplate } from \"./login-loading-indicator.html?raw\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [LoginLoadingIndicator.ID]: LoginLoadingIndicator;\n }\n}\n\nexport class LoginLoadingIndicator extends ElementBase {\n public static readonly ID = \"sd-login-loading-indicator\";\n\n private _logoPath: string;\n private _title: string;\n private _hints: string[];\n\n private stepper;\n\n is(): string {\n return LoginLoadingIndicator.ID;\n }\n\n protected template(): HTMLTemplateElement {\n const template = document.createElement(\"template\");\n template.innerHTML = htmlTemplate;\n return template;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.logoPath = this._logoPath;\n this.title = this._title;\n requestAnimationFrame(() => {\n this.hints = this._hints;\n });\n }\n\n private hintsWrapper(): HTMLElement {\n return this.shadowRoot.querySelector(\".hints\");\n }\n\n set logoPath(path: string) {\n this._logoPath = path;\n if (this.shadowRoot) {\n this.shadowRoot.querySelector(\".logo\").setAttribute(\"src\", path);\n }\n }\n\n set title(title: string) {\n this._title = title;\n if (this.shadowRoot) {\n this.shadowRoot.querySelector(\".welcome-title\").textContent = title || \"\";\n }\n }\n\n set hints(hints: string[]) {\n this._hints = hints;\n if (this.shadowRoot) {\n if (this.stepper) {\n this.hintsWrapper().removeEventListener(\"transitionend\", this.stepper);\n this.stepper = null;\n }\n if (hints && hints.length > 0) {\n this.stepper = this.createStepper(hints);\n requestAnimationFrame(this.stepper);\n this.hintsWrapper().addEventListener(\"transitionend\", this.stepper);\n }\n }\n }\n\n private createStepper(hints: string[]) {\n let hintIndex = -1;\n const hintsWrapper = this.hintsWrapper();\n\n const fadeIn = {\n act: function (done) {\n hintIndex = (hintIndex + 1) % hints.length;\n hintsWrapper.innerText = hints[hintIndex];\n hintsWrapper.style.opacity = \"1\";\n },\n next: function () {\n return show;\n },\n };\n\n const show = {\n act: function (done) {\n setTimeout(done, 1000);\n },\n next: function () {\n return fadeOut;\n },\n };\n\n const fadeOut = {\n act: function (done) {\n hintsWrapper.style.opacity = \"0\";\n },\n next: function () {\n return fadeIn;\n },\n };\n\n const initialState = {\n act: function (done) {\n done();\n },\n next: function () {\n return fadeIn;\n },\n };\n\n let currentState = initialState;\n const stepper = function () {\n currentState = currentState.next();\n currentState.act(stepper);\n };\n return stepper;\n }\n}\n\nif (!customElements.get(LoginLoadingIndicator.ID)) {\n customElements.define(LoginLoadingIndicator.ID, LoginLoadingIndicator);\n}\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": ["_ElementBase", "is", "template", "actor", "ElementBase", "htmlTemplate", "_LoginLoadingIndicator", "ElementBase", "template", "path", "title", "hints", "hintIndex", "hintsWrapper", "fadeIn", "done", "show", "fadeOut", "currentState", "stepper", "LoginLoadingIndicator"]
7
7
  }
@@ -1 +1 @@
1
- {"version":3,"file":"login-loading-indicator.mjs","sources":["../login-loading-indicator.html?raw","../login-loading-indicator.ts"],"sourcesContent":["export default \"<style>\\n\\t.root {\\n\\t\\tposition: absolute;\\n\\t\\twidth: 100%;\\n\\t\\theight: 100%;\\n\\t\\tbackground: white;\\n\\t\\tdisplay: flex;\\n\\t\\talign-items: center;\\n\\t\\tjustify-content: center;\\n\\t\\tflex-direction: column;\\n\\t\\tfont-family: \\\"Segoe UI\\\", \\\"Lucida Sans\\\", Arial, sans-serif;\\n\\t}\\n\\n\\t.logo {\\n\\t\\twidth: auto;\\n\\t\\tmax-width: 300px;\\n\\t\\theight: auto;\\n\\t\\tmax-height: 120px;\\n\\t\\tbackground-repeat: no-repeat;\\n\\t\\tbackground-position: center;\\n\\t\\tpadding-bottom: 16px;\\n\\t}\\n\\n\\t.progressContainer {\\n\\t\\theight: 4px;\\n\\t\\twidth: 280px;\\n\\t\\tposition: relative;\\n\\t\\tbackground: #e0e0e0;\\n\\t\\toverflow: hidden;\\n\\t}\\n\\n\\t.progress {\\n\\t\\tbackground: var(--login-loading-progress-color, #f44336);\\n\\t\\tposition: absolute;\\n\\t\\ttop: 0;\\n\\t\\tright: 0;\\n\\t\\tbottom: 0;\\n\\t\\tleft: 0;\\n\\t\\ttransform: scaleX(0);\\n\\t\\ttransform-origin: right center;\\n\\t\\tanimation: indeterminate-bar 2s linear infinite;\\n\\t\\twill-change: transform;\\n\\t}\\n\\n\\t.progress::after {\\n\\t\\tcontent: \\\"\\\";\\n\\t\\ttransform-origin: center center;\\n\\t\\tanimation: indeterminate-splitter 2s linear infinite;\\n\\t\\tbackground: #e0e0e0;\\n\\t\\theight: 4px;\\n\\t\\tposition: absolute;\\n\\t\\ttop: 0;\\n\\t\\tright: 0;\\n\\t\\tbottom: 0;\\n\\t\\tleft: 0;\\n\\t}\\n\\n\\t.welcome-title {\\n\\t\\tpadding-top: 64px;\\n\\t\\tcolor: var(--login-loading-title-color, #f44336);\\n\\t\\tfont-size: 2em;\\n\\t\\tfont-weight: 200;\\n\\t}\\n\\n\\t.hints {\\n\\t\\tpadding-top: 24px;\\n\\t\\tcolor: gray;\\n\\t\\tfont-size: 24px;\\n\\t\\tfont-weight: 100;\\n\\t\\topacity: 0;\\n\\t\\ttransition: opacity 1s;\\n\\t}\\n\\n\\t@keyframes indeterminate-bar {\\n\\t\\t0% {\\n\\t\\t\\ttransform: scaleX(1) translateX(-100%);\\n\\t\\t}\\n\\t\\t50% {\\n\\t\\t\\ttransform: scaleX(1) translateX(0%);\\n\\t\\t}\\n\\t\\t75% {\\n\\t\\t\\ttransform: scaleX(1) translateX(0%);\\n\\t\\t\\tanimation-timing-function: cubic-bezier(0.28, 0.62, 0.37, 0.91);\\n\\t\\t}\\n\\t\\t100% {\\n\\t\\t\\ttransform: scaleX(0) translateX(0%);\\n\\t\\t}\\n\\t}\\n\\n\\t@keyframes indeterminate-splitter {\\n\\t\\t0% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(-125%);\\n\\t\\t}\\n\\t\\t30% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(-125%);\\n\\t\\t\\tanimation-timing-function: cubic-bezier(0.42, 0, 0.6, 0.8);\\n\\t\\t}\\n\\t\\t90% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(125%);\\n\\t\\t}\\n\\t\\t100% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(125%);\\n\\t\\t}\\n\\t}\\n</style>\\n\\n<div class=\\\"root\\\">\\n\\t<img class=\\\"logo\\\" src=\\\"\\\" />\\n\\t<div class=\\\"progressContainer\\\">\\n\\t\\t<div class=\\\"progress\\\"></div>\\n\\t</div>\\n\\t<div class=\\\"welcome-title\\\"></div>\\n\\t<div class=\\\"hints\\\"></div>\\n</div>\\n\"","import { ElementBase } from \"@cas-smartdesign/element-base\";\nimport { default as htmlTemplate } from \"./login-loading-indicator.html?raw\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [LoginLoadingIndicator.ID]: LoginLoadingIndicator;\n }\n}\n\nexport class LoginLoadingIndicator extends ElementBase {\n public static readonly ID = \"sd-login-loading-indicator\";\n\n private _logoPath: string;\n private _title: string;\n private _hints: string[];\n\n private stepper;\n\n is(): string {\n return LoginLoadingIndicator.ID;\n }\n\n protected template(): HTMLTemplateElement {\n const template = document.createElement(\"template\");\n template.innerHTML = htmlTemplate;\n return template;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.logoPath = this._logoPath;\n this.title = this._title;\n requestAnimationFrame(() => {\n this.hints = this._hints;\n });\n }\n\n private hintsWrapper(): HTMLElement {\n return this.shadowRoot.querySelector(\".hints\");\n }\n\n set logoPath(path: string) {\n this._logoPath = path;\n if (this.shadowRoot) {\n this.shadowRoot.querySelector(\".logo\").setAttribute(\"src\", path);\n }\n }\n\n set title(title: string) {\n this._title = title;\n if (this.shadowRoot) {\n this.shadowRoot.querySelector(\".welcome-title\").textContent = title || \"\";\n }\n }\n\n set hints(hints: string[]) {\n this._hints = hints;\n if (this.shadowRoot) {\n if (this.stepper) {\n this.hintsWrapper().removeEventListener(\"transitionend\", this.stepper);\n this.stepper = null;\n }\n if (hints && hints.length > 0) {\n this.stepper = this.createStepper(hints);\n requestAnimationFrame(this.stepper);\n this.hintsWrapper().addEventListener(\"transitionend\", this.stepper);\n }\n }\n }\n\n private createStepper(hints: string[]) {\n let hintIndex = -1;\n const hintsWrapper = this.hintsWrapper();\n\n const fadeIn = {\n act: function (done) {\n hintIndex = (hintIndex + 1) % hints.length;\n hintsWrapper.innerText = hints[hintIndex];\n hintsWrapper.style.opacity = \"1\";\n },\n next: function () {\n return show;\n },\n };\n\n const show = {\n act: function (done) {\n setTimeout(done, 1000);\n },\n next: function () {\n return fadeOut;\n },\n };\n\n const fadeOut = {\n act: function (done) {\n hintsWrapper.style.opacity = \"0\";\n },\n next: function () {\n return fadeIn;\n },\n };\n\n const initialState = {\n act: function (done) {\n done();\n },\n next: function () {\n return fadeIn;\n },\n };\n\n let currentState = initialState;\n const stepper = function () {\n currentState = currentState.next();\n currentState.act(stepper);\n };\n return stepper;\n }\n}\n\nif (!customElements.get(LoginLoadingIndicator.ID)) {\n customElements.define(LoginLoadingIndicator.ID, LoginLoadingIndicator);\n}\n"],"names":["htmlTemplate","_LoginLoadingIndicator","ElementBase","template","path","title","hints","hintIndex","hintsWrapper","fadeIn","done","show","fadeOut","currentState","stepper","LoginLoadingIndicator"],"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;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,GCSFC,IAAN,MAAMA,UAA8BC,EAAY;AAAA,EASnD,KAAa;AACT,WAAOD,EAAsB;AAAA,EACjC;AAAA,EAEU,WAAgC;AAChC,UAAAE,IAAW,SAAS,cAAc,UAAU;AAClD,WAAAA,EAAS,YAAYH,GACdG;AAAA,EACX;AAAA,EAEA,oBAAoB;AAChB,UAAM,kBAAkB,GACxB,KAAK,WAAW,KAAK,WACrB,KAAK,QAAQ,KAAK,QAClB,sBAAsB,MAAM;AACxB,WAAK,QAAQ,KAAK;AAAA,IAAA,CACrB;AAAA,EACL;AAAA,EAEQ,eAA4B;AACzB,WAAA,KAAK,WAAW,cAAc,QAAQ;AAAA,EACjD;AAAA,EAEA,IAAI,SAASC,GAAc;AACvB,SAAK,YAAYA,GACb,KAAK,cACL,KAAK,WAAW,cAAc,OAAO,EAAE,aAAa,OAAOA,CAAI;AAAA,EAEvE;AAAA,EAEA,IAAI,MAAMC,GAAe;AACrB,SAAK,SAASA,GACV,KAAK,eACL,KAAK,WAAW,cAAc,gBAAgB,EAAE,cAAcA,KAAS;AAAA,EAE/E;AAAA,EAEA,IAAI,MAAMC,GAAiB;AACvB,SAAK,SAASA,GACV,KAAK,eACD,KAAK,YACL,KAAK,aAAa,EAAE,oBAAoB,iBAAiB,KAAK,OAAO,GACrE,KAAK,UAAU,OAEfA,KAASA,EAAM,SAAS,MACnB,KAAA,UAAU,KAAK,cAAcA,CAAK,GACvC,sBAAsB,KAAK,OAAO,GAClC,KAAK,aAAa,EAAE,iBAAiB,iBAAiB,KAAK,OAAO;AAAA,EAG9E;AAAA,EAEQ,cAAcA,GAAiB;AACnC,QAAIC,IAAY;AACV,UAAAC,IAAe,KAAK,gBAEpBC,IAAS;AAAA,MACX,KAAK,SAAUC,GAAM;AACJ,QAAAH,KAAAA,IAAY,KAAKD,EAAM,QACvBE,EAAA,YAAYF,EAAMC,CAAS,GACxCC,EAAa,MAAM,UAAU;AAAA,MACjC;AAAA,MACA,MAAM,WAAY;AACP,eAAAG;AAAA,MACX;AAAA,IAAA,GAGEA,IAAO;AAAA,MACT,KAAK,SAAUD,GAAM;AACjB,mBAAWA,GAAM,GAAI;AAAA,MACzB;AAAA,MACA,MAAM,WAAY;AACP,eAAAE;AAAA,MACX;AAAA,IAAA,GAGEA,IAAU;AAAA,MACZ,KAAK,SAAUF,GAAM;AACjB,QAAAF,EAAa,MAAM,UAAU;AAAA,MACjC;AAAA,MACA,MAAM,WAAY;AACP,eAAAC;AAAA,MACX;AAAA,IAAA;AAYJ,QAAII,IATiB;AAAA,MACjB,KAAK,SAAUH,GAAM;AACZ,QAAAA;MACT;AAAA,MACA,MAAM,WAAY;AACP,eAAAD;AAAA,MACX;AAAA,IAAA;AAIJ,UAAMK,IAAU,WAAY;AACxB,MAAAD,IAAeA,EAAa,QAC5BA,EAAa,IAAIC,CAAO;AAAA,IAAA;AAErB,WAAAA;AAAA,EACX;AACJ;AA7GIb,EAAuB,KAAK;AADzB,IAAMc,IAANd;AAgHF,eAAe,IAAIc,EAAsB,EAAE,KAC7B,eAAA,OAAOA,EAAsB,IAAIA,CAAqB;"}
1
+ {"version":3,"file":"login-loading-indicator.mjs","sources":["../login-loading-indicator.html?raw","../login-loading-indicator.ts"],"sourcesContent":["export default \"<style>\\n\\t.root {\\n\\t\\tposition: absolute;\\n\\t\\twidth: 100%;\\n\\t\\theight: 100%;\\n\\t\\tbackground: white;\\n\\t\\tdisplay: flex;\\n\\t\\talign-items: center;\\n\\t\\tjustify-content: center;\\n\\t\\tflex-direction: column;\\n\\t\\tfont-family: \\\"Segoe UI\\\", \\\"Lucida Sans\\\", Arial, sans-serif;\\n\\t}\\n\\n\\t.logo {\\n\\t\\twidth: auto;\\n\\t\\tmax-width: 300px;\\n\\t\\theight: auto;\\n\\t\\tmax-height: 120px;\\n\\t\\tbackground-repeat: no-repeat;\\n\\t\\tbackground-position: center;\\n\\t\\tpadding-bottom: 16px;\\n\\t}\\n\\n\\t.progressContainer {\\n\\t\\theight: 4px;\\n\\t\\twidth: 280px;\\n\\t\\tposition: relative;\\n\\t\\tbackground: #e0e0e0;\\n\\t\\toverflow: hidden;\\n\\t}\\n\\n\\t.progress {\\n\\t\\tbackground: var(--login-loading-progress-color, #f44336);\\n\\t\\tposition: absolute;\\n\\t\\ttop: 0;\\n\\t\\tright: 0;\\n\\t\\tbottom: 0;\\n\\t\\tleft: 0;\\n\\t\\ttransform: scaleX(0);\\n\\t\\ttransform-origin: right center;\\n\\t\\tanimation: indeterminate-bar 2s linear infinite;\\n\\t\\twill-change: transform;\\n\\t}\\n\\n\\t.progress::after {\\n\\t\\tcontent: \\\"\\\";\\n\\t\\ttransform-origin: center center;\\n\\t\\tanimation: indeterminate-splitter 2s linear infinite;\\n\\t\\tbackground: #e0e0e0;\\n\\t\\theight: 4px;\\n\\t\\tposition: absolute;\\n\\t\\ttop: 0;\\n\\t\\tright: 0;\\n\\t\\tbottom: 0;\\n\\t\\tleft: 0;\\n\\t}\\n\\n\\t.welcome-title {\\n\\t\\tpadding-top: 64px;\\n\\t\\tcolor: var(--login-loading-title-color, #f44336);\\n\\t\\tfont-size: 2em;\\n\\t\\tfont-weight: 200;\\n\\t}\\n\\n\\t.hints {\\n\\t\\tpadding-top: 24px;\\n\\t\\tcolor: gray;\\n\\t\\tfont-size: 24px;\\n\\t\\tfont-weight: 100;\\n\\t\\topacity: 0;\\n\\t\\ttransition: opacity 1s;\\n\\t}\\n\\n\\t@keyframes indeterminate-bar {\\n\\t\\t0% {\\n\\t\\t\\ttransform: scaleX(1) translateX(-100%);\\n\\t\\t}\\n\\t\\t50% {\\n\\t\\t\\ttransform: scaleX(1) translateX(0%);\\n\\t\\t}\\n\\t\\t75% {\\n\\t\\t\\ttransform: scaleX(1) translateX(0%);\\n\\t\\t\\tanimation-timing-function: cubic-bezier(0.28, 0.62, 0.37, 0.91);\\n\\t\\t}\\n\\t\\t100% {\\n\\t\\t\\ttransform: scaleX(0) translateX(0%);\\n\\t\\t}\\n\\t}\\n\\n\\t@keyframes indeterminate-splitter {\\n\\t\\t0% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(-125%);\\n\\t\\t}\\n\\t\\t30% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(-125%);\\n\\t\\t\\tanimation-timing-function: cubic-bezier(0.42, 0, 0.6, 0.8);\\n\\t\\t}\\n\\t\\t90% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(125%);\\n\\t\\t}\\n\\t\\t100% {\\n\\t\\t\\ttransform: scaleX(0.75) translateX(125%);\\n\\t\\t}\\n\\t}\\n</style>\\n\\n<div class=\\\"root\\\">\\n\\t<img class=\\\"logo\\\" src=\\\"\\\" />\\n\\t<div class=\\\"progressContainer\\\">\\n\\t\\t<div class=\\\"progress\\\"></div>\\n\\t</div>\\n\\t<div class=\\\"welcome-title\\\"></div>\\n\\t<div class=\\\"hints\\\"></div>\\n</div>\\n\"","import { ElementBase } from \"@cas-smartdesign/element-base\";\nimport { default as htmlTemplate } from \"./login-loading-indicator.html?raw\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [LoginLoadingIndicator.ID]: LoginLoadingIndicator;\n }\n}\n\nexport class LoginLoadingIndicator extends ElementBase {\n public static readonly ID = \"sd-login-loading-indicator\";\n\n private _logoPath: string;\n private _title: string;\n private _hints: string[];\n\n private stepper;\n\n is(): string {\n return LoginLoadingIndicator.ID;\n }\n\n protected template(): HTMLTemplateElement {\n const template = document.createElement(\"template\");\n template.innerHTML = htmlTemplate;\n return template;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.logoPath = this._logoPath;\n this.title = this._title;\n requestAnimationFrame(() => {\n this.hints = this._hints;\n });\n }\n\n private hintsWrapper(): HTMLElement {\n return this.shadowRoot.querySelector(\".hints\");\n }\n\n set logoPath(path: string) {\n this._logoPath = path;\n if (this.shadowRoot) {\n this.shadowRoot.querySelector(\".logo\").setAttribute(\"src\", path);\n }\n }\n\n set title(title: string) {\n this._title = title;\n if (this.shadowRoot) {\n this.shadowRoot.querySelector(\".welcome-title\").textContent = title || \"\";\n }\n }\n\n set hints(hints: string[]) {\n this._hints = hints;\n if (this.shadowRoot) {\n if (this.stepper) {\n this.hintsWrapper().removeEventListener(\"transitionend\", this.stepper);\n this.stepper = null;\n }\n if (hints && hints.length > 0) {\n this.stepper = this.createStepper(hints);\n requestAnimationFrame(this.stepper);\n this.hintsWrapper().addEventListener(\"transitionend\", this.stepper);\n }\n }\n }\n\n private createStepper(hints: string[]) {\n let hintIndex = -1;\n const hintsWrapper = this.hintsWrapper();\n\n const fadeIn = {\n act: function (done) {\n hintIndex = (hintIndex + 1) % hints.length;\n hintsWrapper.innerText = hints[hintIndex];\n hintsWrapper.style.opacity = \"1\";\n },\n next: function () {\n return show;\n },\n };\n\n const show = {\n act: function (done) {\n setTimeout(done, 1000);\n },\n next: function () {\n return fadeOut;\n },\n };\n\n const fadeOut = {\n act: function (done) {\n hintsWrapper.style.opacity = \"0\";\n },\n next: function () {\n return fadeIn;\n },\n };\n\n const initialState = {\n act: function (done) {\n done();\n },\n next: function () {\n return fadeIn;\n },\n };\n\n let currentState = initialState;\n const stepper = function () {\n currentState = currentState.next();\n currentState.act(stepper);\n };\n return stepper;\n }\n}\n\nif (!customElements.get(LoginLoadingIndicator.ID)) {\n customElements.define(LoginLoadingIndicator.ID, LoginLoadingIndicator);\n}\n"],"names":["htmlTemplate","_LoginLoadingIndicator","ElementBase","template","path","title","hints","hintIndex","hintsWrapper","fadeIn","done","show","fadeOut","currentState","stepper","LoginLoadingIndicator"],"mappings":"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"}
@@ -1,15 +1,20 @@
1
1
  {
2
- "@cypress/vite-dev-server@5.0.7": {
2
+ "@cypress/vite-dev-server@7.0.0": {
3
3
  "licenses": "MIT",
4
4
  "repository": "https://github.com/cypress-io/cypress",
5
5
  "licenseUrl": "https://github.com/cypress-io/cypress/tree/develop/npm/vite-dev-server#readme"
6
6
  },
7
- "@rollup/plugin-node-resolve@15.2.3": {
7
+ "@eslint/js@9.34.0": {
8
+ "licenses": "MIT",
9
+ "repository": "https://github.com/eslint/eslint",
10
+ "licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
11
+ },
12
+ "@rollup/plugin-node-resolve@16.0.1": {
8
13
  "licenses": "MIT",
9
14
  "repository": "https://github.com/rollup/plugins",
10
15
  "licenseUrl": "https://github.com/rollup/plugins/raw/HEAD/LICENSE"
11
16
  },
12
- "@types/node@20.10.6": {
17
+ "@types/node@24.3.0": {
13
18
  "licenses": "MIT",
14
19
  "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
15
20
  "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
@@ -19,47 +24,42 @@
19
24
  "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
20
25
  "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
21
26
  },
22
- "@typescript-eslint/eslint-plugin@6.17.0": {
27
+ "@typescript-eslint/eslint-plugin@8.41.0": {
23
28
  "licenses": "MIT",
24
29
  "repository": "https://github.com/typescript-eslint/typescript-eslint",
25
30
  "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
26
31
  },
27
- "@typescript-eslint/parser@6.17.0": {
28
- "licenses": "BSD-2-Clause",
32
+ "@typescript-eslint/parser@8.41.0": {
33
+ "licenses": "MIT",
29
34
  "repository": "https://github.com/typescript-eslint/typescript-eslint",
30
35
  "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
31
36
  },
32
- "@vitest/coverage-v8@1.1.1": {
37
+ "@vitest/coverage-v8@3.2.4": {
33
38
  "licenses": "MIT",
34
39
  "repository": "https://github.com/vitest-dev/vitest",
35
40
  "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
36
41
  },
37
- "@vitest/ui@1.1.1": {
42
+ "@vitest/ui@3.2.4": {
38
43
  "licenses": "MIT",
39
44
  "repository": "https://github.com/vitest-dev/vitest",
40
45
  "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
41
46
  },
42
- "axe-core@4.8.3": {
47
+ "axe-core@4.10.3": {
43
48
  "licenses": "MPL-2.0",
44
49
  "repository": "https://github.com/dequelabs/axe-core",
45
50
  "licenseUrl": "https://github.com/dequelabs/axe-core/raw/HEAD/LICENSE"
46
51
  },
47
- "cypress-axe@1.5.0": {
52
+ "cypress-axe@1.7.0": {
48
53
  "licenses": "MIT",
49
54
  "repository": "https://github.com/component-driven/cypress-axe",
50
55
  "licenseUrl": "https://github.com/component-driven/cypress-axe/raw/HEAD/License.md"
51
56
  },
52
- "cypress-real-events@1.13.0": {
53
- "licenses": "MIT",
54
- "repository": "https://github.com/dmtrKovalenko/cypress-real-events",
55
- "licenseUrl": "https://github.com/dmtrKovalenko/cypress-real-events"
56
- },
57
- "cypress@13.6.2": {
57
+ "cypress@15.0.0": {
58
58
  "licenses": "MIT",
59
59
  "repository": "https://github.com/cypress-io/cypress",
60
60
  "licenseUrl": "https://cypress.io"
61
61
  },
62
- "esbuild@0.19.11": {
62
+ "esbuild@0.25.9": {
63
63
  "licenses": "MIT",
64
64
  "repository": "https://github.com/evanw/esbuild",
65
65
  "licenseUrl": "https://github.com/evanw/esbuild/raw/HEAD/LICENSE.md"
@@ -69,52 +69,52 @@
69
69
  "repository": "https://github.com/google/eslint-config-google",
70
70
  "licenseUrl": "https://github.com/google/eslint-config-google/raw/HEAD/LICENSE"
71
71
  },
72
- "eslint-config-prettier@9.1.0": {
72
+ "eslint-config-prettier@10.1.8": {
73
73
  "licenses": "MIT",
74
74
  "repository": "https://github.com/prettier/eslint-config-prettier",
75
75
  "licenseUrl": "https://github.com/prettier/eslint-config-prettier/raw/HEAD/LICENSE"
76
76
  },
77
- "eslint@8.56.0": {
77
+ "eslint@9.34.0": {
78
78
  "licenses": "MIT",
79
79
  "repository": "https://github.com/eslint/eslint",
80
80
  "licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
81
81
  },
82
- "github-markdown-css@5.5.0": {
82
+ "github-markdown-css@5.8.1": {
83
83
  "licenses": "MIT",
84
84
  "repository": "https://github.com/sindresorhus/github-markdown-css",
85
85
  "licenseUrl": "https://github.com/sindresorhus/github-markdown-css/raw/HEAD/license"
86
86
  },
87
- "highlight.js@11.9.0": {
87
+ "highlight.js@11.11.1": {
88
88
  "licenses": "BSD-3-Clause",
89
89
  "repository": "https://github.com/highlightjs/highlight.js",
90
90
  "licenseUrl": "https://github.com/highlightjs/highlight.js/raw/HEAD/LICENSE"
91
91
  },
92
- "junit-report-builder@3.1.0": {
92
+ "junit-report-builder@5.1.1": {
93
93
  "licenses": "MIT",
94
94
  "repository": "https://github.com/davidparsson/junit-report-builder",
95
95
  "licenseUrl": "https://github.com/davidparsson/junit-report-builder/raw/HEAD/LICENSE"
96
96
  },
97
- "lint-staged@15.2.0": {
97
+ "lint-staged@16.1.5": {
98
98
  "licenses": "MIT",
99
- "repository": "https://github.com/okonet/lint-staged",
100
- "licenseUrl": "https://github.com/okonet/lint-staged/raw/HEAD/LICENSE"
99
+ "repository": "https://github.com/lint-staged/lint-staged",
100
+ "licenseUrl": "https://github.com/lint-staged/lint-staged/raw/HEAD/LICENSE"
101
101
  },
102
- "marked@11.1.1": {
102
+ "marked@16.2.1": {
103
103
  "licenses": "MIT",
104
104
  "repository": "https://github.com/markedjs/marked",
105
105
  "licenseUrl": "https://github.com/markedjs/marked/raw/HEAD/LICENSE.md"
106
106
  },
107
- "postcss-prefix-selector@1.16.0": {
107
+ "postcss-prefix-selector@2.1.1": {
108
108
  "licenses": "MIT",
109
109
  "repository": "https://github.com/RadValentin/postcss-prefix-selector",
110
110
  "licenseUrl": "https://github.com/RadValentin/postcss-prefix-selector/raw/HEAD/LICENSE"
111
111
  },
112
- "postcss@8.4.32": {
112
+ "postcss@8.5.6": {
113
113
  "licenses": "MIT",
114
114
  "repository": "https://github.com/postcss/postcss",
115
115
  "licenseUrl": "https://github.com/postcss/postcss/raw/HEAD/LICENSE"
116
116
  },
117
- "prettier@3.1.1": {
117
+ "prettier@3.6.2": {
118
118
  "licenses": "MIT",
119
119
  "repository": "https://github.com/prettier/prettier",
120
120
  "licenseUrl": "https://github.com/prettier/prettier/raw/HEAD/LICENSE"
@@ -124,62 +124,67 @@
124
124
  "repository": "https://github.com/sindresorhus/resolve-pkg",
125
125
  "licenseUrl": "https://github.com/sindresorhus/resolve-pkg/raw/HEAD/license"
126
126
  },
127
- "sass@1.69.6": {
127
+ "sass@1.91.0": {
128
128
  "licenses": "MIT",
129
129
  "repository": "https://github.com/sass/dart-sass",
130
130
  "licenseUrl": "https://github.com/sass/dart-sass/raw/HEAD/LICENSE"
131
131
  },
132
- "stylelint-config-recommended-scss@14.0.0": {
132
+ "stylelint-config-recommended-scss@16.0.0": {
133
133
  "licenses": "MIT",
134
134
  "repository": "https://github.com/stylelint-scss/stylelint-config-recommended-scss",
135
135
  "licenseUrl": "https://github.com/stylelint-scss/stylelint-config-recommended-scss/raw/HEAD/LICENSE"
136
136
  },
137
- "stylelint-config-standard@36.0.0": {
137
+ "stylelint-config-standard@39.0.0": {
138
138
  "licenses": "MIT",
139
139
  "repository": "https://github.com/stylelint/stylelint-config-standard",
140
140
  "licenseUrl": "https://github.com/stylelint/stylelint-config-standard/raw/HEAD/LICENSE"
141
141
  },
142
- "stylelint-scss@6.0.0": {
142
+ "stylelint-scss@6.12.1": {
143
143
  "licenses": "MIT",
144
144
  "repository": "https://github.com/stylelint-scss/stylelint-scss",
145
145
  "licenseUrl": "https://github.com/stylelint-scss/stylelint-scss/raw/HEAD/LICENSE"
146
146
  },
147
- "stylelint@16.1.0": {
147
+ "stylelint@16.23.1": {
148
148
  "licenses": "MIT",
149
149
  "repository": "https://github.com/stylelint/stylelint",
150
150
  "licenseUrl": "https://github.com/stylelint/stylelint/raw/HEAD/LICENSE"
151
151
  },
152
- "tsup@8.0.1": {
152
+ "tsup@8.5.0": {
153
153
  "licenses": "MIT",
154
154
  "repository": "https://github.com/egoist/tsup",
155
155
  "licenseUrl": "https://github.com/egoist/tsup/raw/HEAD/LICENSE"
156
156
  },
157
- "turbo@1.11.2": {
158
- "licenses": "MPL-2.0",
159
- "repository": "https://github.com/vercel/turbo",
160
- "licenseUrl": "https://github.com/vercel/turbo/raw/HEAD/LICENSE"
157
+ "turbo@2.5.6": {
158
+ "licenses": "MIT",
159
+ "repository": "https://github.com/vercel/turborepo",
160
+ "licenseUrl": "https://github.com/vercel/turborepo/raw/HEAD/LICENSE"
161
+ },
162
+ "typescript-eslint@8.41.0": {
163
+ "licenses": "MIT",
164
+ "repository": "https://github.com/typescript-eslint/typescript-eslint",
165
+ "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
161
166
  },
162
- "typescript@5.3.3": {
167
+ "typescript@5.9.2": {
163
168
  "licenses": "Apache-2.0",
164
- "repository": "https://github.com/Microsoft/TypeScript",
165
- "licenseUrl": "https://github.com/Microsoft/TypeScript/raw/HEAD/LICENSE.txt"
169
+ "repository": "https://github.com/microsoft/TypeScript",
170
+ "licenseUrl": "https://github.com/microsoft/TypeScript/raw/HEAD/LICENSE.txt"
166
171
  },
167
- "vite-tsconfig-paths@4.2.3": {
172
+ "vite-tsconfig-paths@5.1.4": {
168
173
  "licenses": "MIT",
169
174
  "repository": "https://github.com/aleclarson/vite-tsconfig-paths",
170
175
  "licenseUrl": "https://github.com/aleclarson/vite-tsconfig-paths/raw/HEAD/LICENSE"
171
176
  },
172
- "vite@5.0.10": {
177
+ "vite@7.1.3": {
173
178
  "licenses": "MIT",
174
179
  "repository": "https://github.com/vitejs/vite",
175
180
  "licenseUrl": "https://github.com/vitejs/vite/raw/HEAD/LICENSE.md"
176
181
  },
177
- "vitest@1.1.1": {
182
+ "vitest@3.2.4": {
178
183
  "licenses": "MIT",
179
184
  "repository": "https://github.com/vitest-dev/vitest",
180
185
  "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE.md"
181
186
  },
182
- "yargs@17.7.2": {
187
+ "yargs@18.0.0": {
183
188
  "licenses": "MIT",
184
189
  "repository": "https://github.com/yargs/yargs",
185
190
  "licenseUrl": "https://github.com/yargs/yargs/raw/HEAD/LICENSE"
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@cas-smartdesign/login-loading-indicator",
3
- "version": "3.0.2",
3
+ "version": "3.1.0",
4
4
  "description": "A login loading indicator which fits into the UI of SmartDesign.",
5
5
  "main": "dist/login-loading-indicator-with-externals.js",
6
6
  "module": "dist/login-loading-indicator.mjs",
7
7
  "types": "dist/login-loading-indicator.d.ts",
8
8
  "license": "SEE LICENSE IN LICENSE",
9
9
  "dependencies": {
10
- "@cas-smartdesign/element-base": "^5.0.1"
10
+ "@cas-smartdesign/element-base": "^5.1.0"
11
11
  },
12
12
  "files": [
13
13
  "dist",
@@ -18,8 +18,8 @@
18
18
  "access": "public"
19
19
  },
20
20
  "devDependencies": {
21
- "@cas-smartdesign/element-preview": "^0.2.1",
22
- "@cas-smartdesign/license-generator": "^1.6.1"
21
+ "@cas-smartdesign/element-preview": "^0.3.0",
22
+ "@cas-smartdesign/license-generator": "^1.7.0"
23
23
  },
24
24
  "scripts": {
25
25
  "version": "pnpm version",
package/readme.md CHANGED
@@ -17,5 +17,3 @@ A custom element which encloses the look and feel of the smartdesign loading ind
17
17
  - Defines the color of the progress bar (default is #f44336)
18
18
  - `--login-loading-title-color`
19
19
  - Defines the color of the title (default is #f44336)
20
-
21
- ## Examples