@libs-ui/components-spinner 0.2.126 → 0.2.128
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,10 +1,10 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, input, signal } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class LibsUiComponentsSpinnerComponent {
|
|
4
|
-
|
|
4
|
+
// #region PROPERTY
|
|
5
5
|
width = signal('100px');
|
|
6
6
|
height = signal('100px');
|
|
7
|
-
|
|
7
|
+
// #region INPUT
|
|
8
8
|
type = input('spin-absolute-blue', { transform: value => value || 'spin-absolute-blue' });
|
|
9
9
|
size = input('medium', { transform: value => value || 'medium' });
|
|
10
10
|
ngOnInit() {
|
|
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{ selector: 'libs_ui-components-spinner', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class='libs-ui-spinner-image'\n [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n <div class=\"spin-loading\"\n [attr.color]=\"(type() === 'spin-blue' || type() === 'spin-absolute-blue')?'blue':'white'\"\n [style.width]=\"width()\"\n [style.height]=\"height()\"></div>\n</div>\n", styles: ["@keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.libs-ui-spinner-image{display:flex;align-items:center;justify-content:center;position:relative}.libs-ui-spinner-image.libs-ui-spinner-image-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;width:100px;height:100px;z-index:4}.libs-ui-spinner-image .spin-loading{--border-width: 15%;border-radius:50%;--color: white;--mask: radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - .8px), #000 calc(100% - var(--border-width) + 0px));-webkit-mask:var(--mask);mask:var(--mask);background:conic-gradient(from 90deg at 50% 50%,#DBF1FF 0deg,rgba(43,128,255,0) .04deg,var(--color) 360deg);-webkit-animation:animation-frame-loading .7s linear infinite;animation:animation-frame-loading .7s linear infinite}.libs-ui-spinner-image .spin-loading[color=blue]{--color: var(--libs-ui-color-default, #226FF5)}\n"] }]
|
|
36
36
|
}] });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvc3Bpbm5lci9zcmMvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvc3Bpbm5lci9zcmMvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVzFGLE1BQU0sT0FBTyxnQ0FBZ0M7SUFDM0MsbUJBQW1CO0lBQ1QsS0FBSyxHQUFHLE1BQU0sQ0FBUyxPQUFPLENBQUMsQ0FBQztJQUNoQyxNQUFNLEdBQUcsTUFBTSxDQUFTLE9BQU8sQ0FBQyxDQUFDO0lBRTNDLGdCQUFnQjtJQUNQLElBQUksR0FBRyxLQUFLLENBQTZCLG9CQUFvQixFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxJQUFJLG9CQUFvQixFQUFFLENBQUMsQ0FBQztJQUN0SCxJQUFJLEdBQUcsS0FBSyxDQUFxRixRQUFRLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLElBQUksUUFBUSxFQUFFLENBQUMsQ0FBQztJQUUvSixRQUFRO1FBQ04sUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQztZQUNwQixLQUFLLE9BQU87Z0JBQ1YsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUN4QixNQUFNO1lBRVIsS0FBSyxRQUFRO2dCQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUN2QixJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDeEIsTUFBTTtZQUVSLEtBQUssT0FBTztnQkFDVixJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3hCLE1BQU07WUFFUixLQUFLLFNBQVM7Z0JBQ1osSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUN4QixNQUFNO1FBQ1YsQ0FBQztJQUNILENBQUM7d0dBL0JVLGdDQUFnQzs0RkFBaEMsZ0NBQWdDLDRVQ1g3Qyx3V0FPQTs7NEZESWEsZ0NBQWdDO2tCQVI1QyxTQUFTOytCQUVFLDRCQUE0QixtQkFHckIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5wdXQsIE9uSW5pdCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUWVBFX1NQSU5ORVIgfSBmcm9tICcuL2ludGVyZmFjZXMvc3Bpbm5lci50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlic191aS1jb21wb25lbnRzLXNwaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJ3NwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zcGlubmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNTcGlubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLy8gI3JlZ2lvbiBQUk9QRVJUWVxuICBwcm90ZWN0ZWQgd2lkdGggPSBzaWduYWw8c3RyaW5nPignMTAwcHgnKTtcbiAgcHJvdGVjdGVkIGhlaWdodCA9IHNpZ25hbDxzdHJpbmc+KCcxMDBweCcpO1xuXG4gIC8vICNyZWdpb24gSU5QVVRcbiAgcmVhZG9ubHkgdHlwZSA9IGlucHV0PFRZUEVfU1BJTk5FUiwgVFlQRV9TUElOTkVSPignc3Bpbi1hYnNvbHV0ZS1ibHVlJywgeyB0cmFuc2Zvcm06IHZhbHVlID0+IHZhbHVlIHx8ICdzcGluLWFic29sdXRlLWJsdWUnIH0pO1xuICByZWFkb25seSBzaXplID0gaW5wdXQ8J2xhcmdlJyB8ICdtZWRpdW0nIHwgJ3NtYWxsJyB8ICdzbWFsbGVyJywgJ2xhcmdlJyB8ICdtZWRpdW0nIHwgJ3NtYWxsJyB8ICdzbWFsbGVyJz4oJ21lZGl1bScsIHsgdHJhbnNmb3JtOiB2YWx1ZSA9PiB2YWx1ZSB8fCAnbWVkaXVtJyB9KTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzd2l0Y2ggKHRoaXMuc2l6ZSgpKSB7XG4gICAgICBjYXNlICdsYXJnZSc6XG4gICAgICAgIHRoaXMud2lkdGguc2V0KCc2NHB4Jyk7XG4gICAgICAgIHRoaXMuaGVpZ2h0LnNldCgnNjRweCcpO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSAnbWVkaXVtJzpcbiAgICAgICAgdGhpcy53aWR0aC5zZXQoJzIwcHgnKTtcbiAgICAgICAgdGhpcy5oZWlnaHQuc2V0KCcyMHB4Jyk7XG4gICAgICAgIGJyZWFrO1xuXG4gICAgICBjYXNlICdzbWFsbCc6XG4gICAgICAgIHRoaXMud2lkdGguc2V0KCcxNnB4Jyk7XG4gICAgICAgIHRoaXMuaGVpZ2h0LnNldCgnMTZweCcpO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSAnc21hbGxlcic6XG4gICAgICAgIHRoaXMud2lkdGguc2V0KCcxMnB4Jyk7XG4gICAgICAgIHRoaXMuaGVpZ2h0LnNldCgnMTJweCcpO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9J2xpYnMtdWktc3Bpbm5lci1pbWFnZSdcbiAgW2NsYXNzLmxpYnMtdWktc3Bpbm5lci1pbWFnZS1hYnNvbHV0ZV09XCJ0eXBlKCkgPT09ICdzcGluLWFic29sdXRlLXdoaXRlJyB8fCB0eXBlKCkgPT09ICdzcGluLWFic29sdXRlLWJsdWUnXCI+XG4gIDxkaXYgY2xhc3M9XCJzcGluLWxvYWRpbmdcIlxuICAgIFthdHRyLmNvbG9yXT1cIih0eXBlKCkgPT09ICdzcGluLWJsdWUnIHx8IHR5cGUoKSA9PT0gJ3NwaW4tYWJzb2x1dGUtYmx1ZScpPydibHVlJzond2hpdGUnXCJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGgoKVwiXG4gICAgW3N0eWxlLmhlaWdodF09XCJoZWlnaHQoKVwiPjwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { signal, input, Component, ChangeDetectionStrategy } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class LibsUiComponentsSpinnerComponent {
|
|
5
|
-
|
|
5
|
+
// #region PROPERTY
|
|
6
6
|
width = signal('100px');
|
|
7
7
|
height = signal('100px');
|
|
8
|
-
|
|
8
|
+
// #region INPUT
|
|
9
9
|
type = input('spin-absolute-blue', { transform: value => value || 'spin-absolute-blue' });
|
|
10
10
|
size = input('medium', { transform: value => value || 'medium' });
|
|
11
11
|
ngOnInit() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"libs-ui-components-spinner.mjs","sources":["../../../../../libs-ui/components/spinner/src/spinner.component.ts","../../../../../libs-ui/components/spinner/src/spinner.component.html","../../../../../libs-ui/components/spinner/src/libs-ui-components-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, OnInit, signal } from '@angular/core';\nimport { TYPE_SPINNER } from './interfaces/spinner.type';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'libs_ui-components-spinner',\n templateUrl: 'spinner.component.html',\n styleUrls: ['./spinner.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LibsUiComponentsSpinnerComponent implements OnInit {\n
|
|
1
|
+
{"version":3,"file":"libs-ui-components-spinner.mjs","sources":["../../../../../libs-ui/components/spinner/src/spinner.component.ts","../../../../../libs-ui/components/spinner/src/spinner.component.html","../../../../../libs-ui/components/spinner/src/libs-ui-components-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, OnInit, signal } from '@angular/core';\nimport { TYPE_SPINNER } from './interfaces/spinner.type';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'libs_ui-components-spinner',\n templateUrl: 'spinner.component.html',\n styleUrls: ['./spinner.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LibsUiComponentsSpinnerComponent implements OnInit {\n // #region PROPERTY\n protected width = signal<string>('100px');\n protected height = signal<string>('100px');\n\n // #region INPUT\n readonly type = input<TYPE_SPINNER, TYPE_SPINNER>('spin-absolute-blue', { transform: value => value || 'spin-absolute-blue' });\n readonly size = input<'large' | 'medium' | 'small' | 'smaller', 'large' | 'medium' | 'small' | 'smaller'>('medium', { transform: value => value || 'medium' });\n\n ngOnInit(): void {\n switch (this.size()) {\n case 'large':\n this.width.set('64px');\n this.height.set('64px');\n break;\n\n case 'medium':\n this.width.set('20px');\n this.height.set('20px');\n break;\n\n case 'small':\n this.width.set('16px');\n this.height.set('16px');\n break;\n\n case 'smaller':\n this.width.set('12px');\n this.height.set('12px');\n break;\n }\n }\n}\n","<div class='libs-ui-spinner-image'\n [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n <div class=\"spin-loading\"\n [attr.color]=\"(type() === 'spin-blue' || type() === 'spin-absolute-blue')?'blue':'white'\"\n [style.width]=\"width()\"\n [style.height]=\"height()\"></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAWa,gCAAgC,CAAA;;AAEjC,IAAA,KAAK,GAAG,MAAM,CAAS,OAAO,CAAC,CAAC;AAChC,IAAA,MAAM,GAAG,MAAM,CAAS,OAAO,CAAC,CAAC;;AAGlC,IAAA,IAAI,GAAG,KAAK,CAA6B,oBAAoB,EAAE,EAAE,SAAS,EAAE,KAAK,IAAI,KAAK,IAAI,oBAAoB,EAAE,CAAC,CAAC;AACtH,IAAA,IAAI,GAAG,KAAK,CAAqF,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,IAAI,KAAK,IAAI,QAAQ,EAAE,CAAC,CAAC;IAE/J,QAAQ,GAAA;AACN,QAAA,QAAQ,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AACvB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBACxB,MAAM;AAER,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AACvB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBACxB,MAAM;AAER,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AACvB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBACxB,MAAM;AAER,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AACvB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBACxB,MAAM;SACT;KACF;wGA/BU,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gCAAgC,4UCX7C,wWAOA,EAAA,MAAA,EAAA,CAAA,4xCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDIa,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAR5C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAGrB,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,wWAAA,EAAA,MAAA,EAAA,CAAA,4xCAAA,CAAA,EAAA,CAAA;;;AETlB;;AAEG;;;;"}
|