@lucca-front/ng 21.3.0-rc.1 → 21.3.0-rc.3
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,15 +1,15 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
|
|
3
3
|
|
|
4
|
-
class
|
|
4
|
+
class HighlightTextComponent {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.palette = input('product', ...(ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []));
|
|
7
7
|
this.paletteClass = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }), ...(ngDevMode ? [{ debugName: "paletteClass" }] : /* istanbul ignore next */ []));
|
|
8
8
|
}
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type:
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type:
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: HighlightTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: HighlightTextComponent, isStandalone: true, selector: "lu-highlight-text", inputs: { palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "strong" }, properties: { "class": "paletteClass()" }, classAttribute: "highlightText" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.highlightText{--components-highlightText-backgroundColor: var(--palettes-300, var(--palettes-product-300));--components-highlightText-backgroundDiameter: .25em;--components-highlightText-backgroundBlockSize: .5em;--components-highlightText-backgroundRadius: calc(var(--components-highlightText-backgroundDiameter) / 2);--components-highlightText-backgroundStart: var(--components-highlightText-backgroundRadius);--components-highlightText-backgroundEnd: calc(100% - var(--components-highlightText-backgroundRadius));padding-inline:.125em;margin-inline:-.125em;background-repeat:no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:inherit;background-image:linear-gradient(var(--components-highlightText-backgroundColor)),linear-gradient(var(--components-highlightText-backgroundColor)),radial-gradient(var(--components-highlightText-backgroundDiameter) circle at var(--components-highlightText-backgroundStart) var(--components-highlightText-backgroundEnd),var(--components-highlightText-backgroundColor) calc(50% - 1px),transparent 50%),radial-gradient(var(--components-highlightText-backgroundDiameter) circle at var(--components-highlightText-backgroundEnd) var(--components-highlightText-backgroundEnd),var(--components-highlightText-backgroundColor) calc(50% - 1px),transparent 50%),radial-gradient(var(--components-highlightText-backgroundDiameter) circle at var(--components-highlightText-backgroundStart) calc(100% - var(--components-highlightText-backgroundBlockSize) + var(--components-highlightText-backgroundRadius)),var(--components-highlightText-backgroundColor) calc(50% - 1px),transparent 50%),radial-gradient(var(--components-highlightText-backgroundDiameter) circle at var(--components-highlightText-backgroundEnd) calc(100% - var(--components-highlightText-backgroundBlockSize) + var(--components-highlightText-backgroundRadius)),var(--components-highlightText-backgroundColor) calc(50% - 1px),transparent 50%);background-size:100% calc(var(--components-highlightText-backgroundBlockSize) - var(--components-highlightText-backgroundDiameter)),calc(100% - var(--components-highlightText-backgroundDiameter)) var(--components-highlightText-backgroundBlockSize),100% 100%,100% 100%,100% 100%,100% 100%;background-position:50% calc(100% - var(--components-highlightText-backgroundRadius)),50% 100%,0 0,0 0,0 0,0 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type:
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: HighlightTextComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'lu-highlight-text', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
15
15
|
role: 'strong',
|
|
@@ -22,5 +22,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
22
22
|
* Generated bundle index. Do not edit.
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
|
-
export {
|
|
25
|
+
export { HighlightTextComponent };
|
|
26
26
|
//# sourceMappingURL=lucca-front-ng-highlight-text.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-highlight-text.mjs","sources":["../../../packages/ng/highlight-text/highlight-text.component.ts","../../../packages/ng/highlight-text/lucca-front-ng-highlight-text.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { DecorativePalette, Palette } from '@lucca/prisme/core';\n\n@Component({\n\tselector: 'lu-highlight-text',\n\ttemplate: '<ng-content />',\n\tstyleUrl: './highlight-text.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\trole: 'strong',\n\t\tclass: 'highlightText',\n\t\t'[class]': 'paletteClass()',\n\t},\n})\nexport class
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-highlight-text.mjs","sources":["../../../packages/ng/highlight-text/highlight-text.component.ts","../../../packages/ng/highlight-text/lucca-front-ng-highlight-text.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { DecorativePalette, Palette } from '@lucca/prisme/core';\n\n@Component({\n\tselector: 'lu-highlight-text',\n\ttemplate: '<ng-content />',\n\tstyleUrl: './highlight-text.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\trole: 'strong',\n\t\tclass: 'highlightText',\n\t\t'[class]': 'paletteClass()',\n\t},\n})\nexport class HighlightTextComponent {\n\treadonly palette = input<Palette | DecorativePalette>('product');\n\treadonly paletteClass = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAea,sBAAsB,CAAA;AAZnC,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAA8B,SAAS,8EAAC;QACvD,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAC7F,IAAA;+GAHY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,+UAVxB,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,g1EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUd,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;+BACC,mBAAmB,EAAA,QAAA,EACnB,gBAAgB,EAAA,aAAA,EAEX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,KAAK,EAAE,eAAe;AACtB,wBAAA,SAAS,EAAE,gBAAgB;AAC3B,qBAAA,EAAA,MAAA,EAAA,CAAA,g1EAAA,CAAA,EAAA;;;ACbF;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lucca-front/ng",
|
|
3
|
-
"version": "21.3.0-rc.
|
|
3
|
+
"version": "21.3.0-rc.3",
|
|
4
4
|
"description": "A library of icons made by the team @Lucca",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"@angular/core": "^21.2.4",
|
|
28
28
|
"@angular/cdk": "^21.0.0",
|
|
29
29
|
"@angular/animations": "^21.0.0",
|
|
30
|
-
"@lucca-front/icons": "21.3.0-rc.
|
|
31
|
-
"@lucca-front/scss": "21.3.0-rc.
|
|
32
|
-
"@lucca/prisme": "21.3.0-rc.
|
|
30
|
+
"@lucca-front/icons": "21.3.0-rc.3",
|
|
31
|
+
"@lucca-front/scss": "21.3.0-rc.3",
|
|
32
|
+
"@lucca/prisme": "21.3.0-rc.3",
|
|
33
33
|
"@types/dompurify": "^3.0.0",
|
|
34
34
|
"isomorphic-dompurify": "^2.17.0",
|
|
35
35
|
"date-fns": "^3.6.0",
|
|
@@ -20,9 +20,19 @@ exports.default = (options) => {
|
|
|
20
20
|
'--palettes-secondary-{val}': `--palettes-product-{val}`,
|
|
21
21
|
'--palettes-lucca-{val}': `--palettes-brand-{val}`,
|
|
22
22
|
'--colors-grey-{val}': `--palettes-neutral-{val}`,
|
|
23
|
-
'--palettes-{val}-text': `--palettes-{val}-0`,
|
|
24
23
|
'--colors-white-color': '--palettes-neutral-0',
|
|
25
|
-
'--colors-black-color': '--palettes-neutral-900'
|
|
24
|
+
'--colors-black-color': '--palettes-neutral-900',
|
|
25
|
+
'--palettes-grey-text': `--palettes-grey-0`,
|
|
26
|
+
'--palettes-neutral-text': `--palettes-neutral-0`,
|
|
27
|
+
'--palettes-primary-text': `--palettes-primary-0`,
|
|
28
|
+
'--palettes-secondary-text': `--palettes-secondary-0`,
|
|
29
|
+
'--palettes-product-text': `--palettes-product-0`,
|
|
30
|
+
'--palettes-lucca-text': `--palettes-lucca-0`,
|
|
31
|
+
'--palettes-brand-text': `--palettes-brand-0`,
|
|
32
|
+
'--palettes-success-text': `--palettes-success-0`,
|
|
33
|
+
'--palettes-warning-text': `--palettes-warning-0`,
|
|
34
|
+
'--palettes-error-text': `--palettes-error-0`,
|
|
35
|
+
'--palettes-critical-text': `--palettes-critical-0`,
|
|
26
36
|
},
|
|
27
37
|
mixins: {}
|
|
28
38
|
}, {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
|
|
3
|
-
declare class
|
|
3
|
+
declare class HighlightTextComponent {
|
|
4
4
|
readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "primary" | "grey" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
|
|
5
5
|
readonly paletteClass: _angular_core.Signal<{
|
|
6
6
|
[x: string]: boolean;
|
|
7
7
|
}>;
|
|
8
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
9
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
8
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HighlightTextComponent, never>;
|
|
9
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HighlightTextComponent, "lu-highlight-text", never, { "palette": { "alias": "palette"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
export {
|
|
12
|
+
export { HighlightTextComponent };
|