@agorapulse/ui-symbol 17.2.10 → 18.0.0-beta.10
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.
|
Binary file
|
|
@@ -31,10 +31,10 @@ export class SymbolRegistry {
|
|
|
31
31
|
getId(name) {
|
|
32
32
|
return name.replace("--", "-").replace("_", "-");
|
|
33
33
|
}
|
|
34
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
35
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SymbolRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
35
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SymbolRegistry, providedIn: 'root' });
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SymbolRegistry, decorators: [{
|
|
38
38
|
type: Injectable,
|
|
39
39
|
args: [{
|
|
40
40
|
providedIn: 'root',
|
|
@@ -98,10 +98,10 @@ export class SymbolComponent {
|
|
|
98
98
|
div.innerHTML = svgContent;
|
|
99
99
|
return div.querySelector('svg') || this.document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
|
100
100
|
}
|
|
101
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
102
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
101
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SymbolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
102
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: SymbolComponent, isStandalone: true, selector: "ap-symbol", inputs: { color: "color", symbolId: "symbolId", size: "size" }, host: { properties: { "attr.symbol-id": "symbolId" } }, viewQueries: [{ propertyName: "symbolElement", first: true, predicate: ["symbolElement"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"ap-symbol {{ customSize ? '' : size }}\"\n [ngStyle]=\"customSize\"\n [class.old]=\"symbolId && customIcons[symbolId]\">\n <div\n #symbolElement\n [class]=\"'svg ' + symbolId\"\n [class.hidden]=\"symbolId && customIcons[symbolId]\"\n [ngClass]=\"customColor ? '' : color\"\n [ngStyle]=\"customColor\"></div>\n @if (symbolId && customIcons[symbolId]) {\n <img\n class=\"svg\"\n [alt]=\"symbolId\"\n [ngClass]=\"customColor ? '' : color\"\n [ngStyle]=\"customColor\"\n src=\"../../assets/lib-ui-symbol/{{ customIcons[symbolId] }}\" />\n }\n</div>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.ap-symbol.old{display:flex}.ap-symbol .svg.hidden{display:none!important}.ap-symbol .youtube-official,.ap-symbol .youtube{position:relative;top:-12.5%;left:-12.5%;width:125%!important;height:125%!important}.ap-symbol.large,.ap-symbol.large svg{width:64px;height:64px;min-width:64px;max-width:64px;max-height:64px}.ap-symbol.normal,.ap-symbol.normal svg,.ap-symbol.xxl,.ap-symbol.xxl svg{width:48px;height:48px;min-width:48px;max-width:48px;max-height:48px}.ap-symbol.medium,.ap-symbol.medium svg,.ap-symbol.xl,.ap-symbol.xl svg{width:40px;height:40px;min-width:40px;max-width:40px;max-height:40px}.ap-symbol.small,.ap-symbol.small svg,.ap-symbol.lg,.ap-symbol.lg svg{width:32px;height:32px;min-width:32px;max-width:32px;max-height:32px}.ap-symbol.mini,.ap-symbol.mini svg,.ap-symbol.md,.ap-symbol.md svg{width:24px;height:24px;min-width:24px;max-width:24px;max-height:24px}.ap-symbol.mini-sm,.ap-symbol.mini-sm svg{width:18px;height:18px;min-width:18px;max-width:18px;max-height:18px}.ap-symbol.micro,.ap-symbol.micro svg,.ap-symbol.sm,.ap-symbol.sm svg{width:16px;height:16px;min-width:16px;max-width:16px;max-height:16px}.ap-symbol.micro-sm,.ap-symbol.micro-sm svg,.ap-symbol.xs,.ap-symbol.xs svg{width:12px;height:12px;min-width:12px;max-width:12px;max-height:12px}.ap-symbol.nano,.ap-symbol.nano svg{width:10px;height:10px;min-width:10px;max-width:10px;max-height:10px}.ap-symbol.pico,.ap-symbol.pico svg,.ap-symbol.xxs,.ap-symbol.xxs svg{width:8px;height:8px;min-width:8px;max-width:8px;max-height:8px}.ap-symbol.none,.ap-symbol.none svg{width:100%;height:100%}.ap-symbol .svg{display:grid!important;place-content:center;width:100%;height:inherit;color:inherit;fill:currentColor}.ap-symbol .svg ::ng-deep svg{width:100%;height:100%}.ap-symbol .svg.black{color:var(--ref-color-grey-100)}.ap-symbol .svg.white{color:#fff}.ap-symbol .svg.azure{color:#00aeef}.ap-symbol .svg.blood-orange{color:var(--ref-color-orange-100)}.ap-symbol .svg.purple{color:var(--ref-color-purple-100)}.ap-symbol .svg.electric-blue{color:var(--ref-color-electric-blue-100)}.ap-symbol .svg.grey{color:var(--ref-color-grey-150)}.ap-symbol .svg.grey-blue{color:var(--ref-color-grey-80)}.ap-symbol .svg.facebook{color:var(--ref-color-facebook-100)}.ap-symbol .svg.google{color:#4e85e8}.ap-symbol .svg.instagram,.ap-symbol .svg.facebook-instagram{color:var(--ref-color-instagram-100)}.ap-symbol .svg.linkedin{color:var(--ref-color-linkedin-100)}.ap-symbol .svg.twitter,.ap-symbol .svg.x{color:var(--ref-color-twitter-100)}.ap-symbol .svg.youtube{color:var(--ref-color-youtube-100)}.ap-symbol .svg.web{color:var(--ref-color-electric-blue-100)}.ap-symbol .svg.basic-grey{color:var(--ref-color-grey-100)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
103
103
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SymbolComponent, decorators: [{
|
|
105
105
|
type: Component,
|
|
106
106
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'ap-symbol', imports: [NgStyle, NgClass], host: {
|
|
107
107
|
'[attr.symbol-id]': 'symbolId'
|
|
@@ -34,10 +34,10 @@ class SymbolRegistry {
|
|
|
34
34
|
getId(name) {
|
|
35
35
|
return name.replace("--", "-").replace("_", "-");
|
|
36
36
|
}
|
|
37
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
38
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
37
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SymbolRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
38
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SymbolRegistry, providedIn: 'root' });
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SymbolRegistry, decorators: [{
|
|
41
41
|
type: Injectable,
|
|
42
42
|
args: [{
|
|
43
43
|
providedIn: 'root',
|
|
@@ -765,10 +765,10 @@ class SymbolComponent {
|
|
|
765
765
|
div.innerHTML = svgContent;
|
|
766
766
|
return div.querySelector('svg') || this.document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
|
767
767
|
}
|
|
768
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
769
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
768
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SymbolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
769
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: SymbolComponent, isStandalone: true, selector: "ap-symbol", inputs: { color: "color", symbolId: "symbolId", size: "size" }, host: { properties: { "attr.symbol-id": "symbolId" } }, viewQueries: [{ propertyName: "symbolElement", first: true, predicate: ["symbolElement"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"ap-symbol {{ customSize ? '' : size }}\"\n [ngStyle]=\"customSize\"\n [class.old]=\"symbolId && customIcons[symbolId]\">\n <div\n #symbolElement\n [class]=\"'svg ' + symbolId\"\n [class.hidden]=\"symbolId && customIcons[symbolId]\"\n [ngClass]=\"customColor ? '' : color\"\n [ngStyle]=\"customColor\"></div>\n @if (symbolId && customIcons[symbolId]) {\n <img\n class=\"svg\"\n [alt]=\"symbolId\"\n [ngClass]=\"customColor ? '' : color\"\n [ngStyle]=\"customColor\"\n src=\"../../assets/lib-ui-symbol/{{ customIcons[symbolId] }}\" />\n }\n</div>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.ap-symbol.old{display:flex}.ap-symbol .svg.hidden{display:none!important}.ap-symbol .youtube-official,.ap-symbol .youtube{position:relative;top:-12.5%;left:-12.5%;width:125%!important;height:125%!important}.ap-symbol.large,.ap-symbol.large svg{width:64px;height:64px;min-width:64px;max-width:64px;max-height:64px}.ap-symbol.normal,.ap-symbol.normal svg,.ap-symbol.xxl,.ap-symbol.xxl svg{width:48px;height:48px;min-width:48px;max-width:48px;max-height:48px}.ap-symbol.medium,.ap-symbol.medium svg,.ap-symbol.xl,.ap-symbol.xl svg{width:40px;height:40px;min-width:40px;max-width:40px;max-height:40px}.ap-symbol.small,.ap-symbol.small svg,.ap-symbol.lg,.ap-symbol.lg svg{width:32px;height:32px;min-width:32px;max-width:32px;max-height:32px}.ap-symbol.mini,.ap-symbol.mini svg,.ap-symbol.md,.ap-symbol.md svg{width:24px;height:24px;min-width:24px;max-width:24px;max-height:24px}.ap-symbol.mini-sm,.ap-symbol.mini-sm svg{width:18px;height:18px;min-width:18px;max-width:18px;max-height:18px}.ap-symbol.micro,.ap-symbol.micro svg,.ap-symbol.sm,.ap-symbol.sm svg{width:16px;height:16px;min-width:16px;max-width:16px;max-height:16px}.ap-symbol.micro-sm,.ap-symbol.micro-sm svg,.ap-symbol.xs,.ap-symbol.xs svg{width:12px;height:12px;min-width:12px;max-width:12px;max-height:12px}.ap-symbol.nano,.ap-symbol.nano svg{width:10px;height:10px;min-width:10px;max-width:10px;max-height:10px}.ap-symbol.pico,.ap-symbol.pico svg,.ap-symbol.xxs,.ap-symbol.xxs svg{width:8px;height:8px;min-width:8px;max-width:8px;max-height:8px}.ap-symbol.none,.ap-symbol.none svg{width:100%;height:100%}.ap-symbol .svg{display:grid!important;place-content:center;width:100%;height:inherit;color:inherit;fill:currentColor}.ap-symbol .svg ::ng-deep svg{width:100%;height:100%}.ap-symbol .svg.black{color:var(--ref-color-grey-100)}.ap-symbol .svg.white{color:#fff}.ap-symbol .svg.azure{color:#00aeef}.ap-symbol .svg.blood-orange{color:var(--ref-color-orange-100)}.ap-symbol .svg.purple{color:var(--ref-color-purple-100)}.ap-symbol .svg.electric-blue{color:var(--ref-color-electric-blue-100)}.ap-symbol .svg.grey{color:var(--ref-color-grey-150)}.ap-symbol .svg.grey-blue{color:var(--ref-color-grey-80)}.ap-symbol .svg.facebook{color:var(--ref-color-facebook-100)}.ap-symbol .svg.google{color:#4e85e8}.ap-symbol .svg.instagram,.ap-symbol .svg.facebook-instagram{color:var(--ref-color-instagram-100)}.ap-symbol .svg.linkedin{color:var(--ref-color-linkedin-100)}.ap-symbol .svg.twitter,.ap-symbol .svg.x{color:var(--ref-color-twitter-100)}.ap-symbol .svg.youtube{color:var(--ref-color-youtube-100)}.ap-symbol .svg.web{color:var(--ref-color-electric-blue-100)}.ap-symbol .svg.basic-grey{color:var(--ref-color-grey-100)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
770
770
|
}
|
|
771
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
771
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SymbolComponent, decorators: [{
|
|
772
772
|
type: Component,
|
|
773
773
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'ap-symbol', imports: [NgStyle, NgClass], host: {
|
|
774
774
|
'[attr.symbol-id]': 'symbolId'
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agorapulse/ui-symbol",
|
|
3
3
|
"description": "Agorapulse UI Symbol Library",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "18.0.0-beta.10",
|
|
5
5
|
"author": "Benoit Hediard",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
},
|
|
13
13
|
"homepage": "https://github.com/agorapulse/design",
|
|
14
14
|
"peerDependencies": {
|
|
15
|
-
"@agorapulse/ui-theme": "
|
|
16
|
-
"@angular/common": "
|
|
17
|
-
"@angular/core": "
|
|
15
|
+
"@agorapulse/ui-theme": "18.0.0-beta.10",
|
|
16
|
+
"@angular/common": "18.2.9",
|
|
17
|
+
"@angular/core": "18.2.9"
|
|
18
18
|
},
|
|
19
19
|
"module": "fesm2022/agorapulse-ui-symbol.mjs",
|
|
20
20
|
"typings": "index.d.ts",
|
|
Binary file
|