@softheon/armature 17.27.1 → 17.28.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/assets/styles/_typography.scss +5 -0
- package/assets/styles/{material-override/_chip.scss → deprecated/_chip-deprecated.scss} +1 -1
- package/assets/styles/sof-styles.scss +1 -1
- package/esm2022/lib/base-components/base-component-api.mjs +2 -1
- package/esm2022/lib/base-components/sof-callout/sof-callout.component.mjs +1 -4
- package/esm2022/lib/base-components/sof-chip/sof-chip.component.mjs +62 -0
- package/esm2022/lib/header/components/sof-header/sof-header.component.mjs +3 -3
- package/esm2022/lib/mfe/components/entity-inject-wrapper/entity-inject-wrapper.component.mjs +40 -0
- package/esm2022/lib/mfe/models/entity-dto.mjs +4 -1
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/softheon-armature.mjs +112 -21
- package/fesm2022/softheon-armature.mjs.map +1 -1
- package/lib/base-components/base-component-api.d.ts +1 -0
- package/lib/base-components/sof-callout/sof-callout.component.d.ts +0 -3
- package/lib/base-components/sof-chip/sof-chip.component.d.ts +55 -0
- package/lib/mfe/components/entity-inject-wrapper/entity-inject-wrapper.component.d.ts +15 -0
- package/lib/mfe/models/entity-dto.d.ts +183 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -35,7 +35,6 @@
|
|
|
35
35
|
@use "./material-override/button-toggle-group";
|
|
36
36
|
@use "./material-override/calendar";
|
|
37
37
|
@use "./material-override/checkbox";
|
|
38
|
-
@use "./material-override/chip";
|
|
39
38
|
@use "./material-override/form-field";
|
|
40
39
|
@use "./material-override/menu";
|
|
41
40
|
@use "./material-override/radio-button";
|
|
@@ -48,6 +47,7 @@
|
|
|
48
47
|
Comments indicate the preferred alternative, helping users transition away from deprecated classes in favor of newer components or styles.
|
|
49
48
|
*/
|
|
50
49
|
@use "./deprecated/button-deprecated"; // replace with "/material-override/button"
|
|
50
|
+
@use "./deprecated/chip-deprecated"; // replace with "sof-chip" component
|
|
51
51
|
@use "./deprecated/dialog-deprecated"; // replace with "sof-modal" component
|
|
52
52
|
@use "./deprecated/material-override-deprecated"; // currently no replacement
|
|
53
53
|
@use "./deprecated/table-deprecated"; // replace with ag-grid table component
|
|
@@ -19,4 +19,5 @@ export * from './confirm-address/sof-confirm-address/compare-address-pipe/compar
|
|
|
19
19
|
export * from './sof-callout/sof-callout.component';
|
|
20
20
|
export * from './sof-context/sof-context.component';
|
|
21
21
|
export * from './sof-bottom-sheet/sof-bottom-sheet.component';
|
|
22
|
-
|
|
22
|
+
export * from './sof-chip/sof-chip.component';
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1jb21wb25lbnQtYXBpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsYUFBYTtBQUNiLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMscUVBQXFFLENBQUM7QUFDcEYsY0FBYyxpR0FBaUcsQ0FBQztBQUNoSCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsaUZBQWlGLENBQUM7QUFDaEcsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYmFzZS1jb21wb25lbnQubW9kdWxlJztcclxuLy8gY29tcG9uZW50c1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1wcm9ncmVzcy1iYXIvc29mLXByb2dyZXNzLWJhci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1iYW5uZXIvc29mLWJhbm5lci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1hbGVydC9zb2YtYWxlcnQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtbW9kYWwvc29mLW1vZGFsLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWJ1dHRvbi10b2dnbGUtZ3JvdXAvc29mLWJ1dHRvbi10b2dnbGUtZ3JvdXAuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2Ytc3Rhci1yYXRpbmcvc29mLXN0YXItcmF0aW5nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWJhZGdlL3NvZi1iYWRnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1pbWFnZS1jaGVja2JveC9zb2YtaW1hZ2UtY2hlY2tib3guY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2Ytc2ltcGxlLWFsZXJ0L3NvZi1zaW1wbGUtYWxlcnQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jb25maXJtLWFkZHJlc3Mvc29mLWNvbmZpcm0tYWRkcmVzcy9zb2YtY29uZmlybS1hZGRyZXNzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY29uZmlybS1hZGRyZXNzL3NvZi1jb25maXJtLWFkZHJlc3MtY291bnR5LWNoYW5nZS9zb2YtY29uZmlybS1hZGRyZXNzLWNvdW50eS1jaGFuZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtcmFkaW8tY2FyZC9zb2YtcmFkaW8tY2FyZC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1pbnB1dC1zdGVwcGVyL3NvZi1pbnB1dC1zdGVwcGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWhhbmRsZS9zb2YtaGFuZGxlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLXV0aWxpdHktYnV0dG9uL3NvZi11dGlsaXR5LWJ1dHRvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbmZpcm0tYWRkcmVzcy9zb2YtY29uZmlybS1hZGRyZXNzL2NvbXBhcmUtYWRkcmVzcy1waXBlL2NvbXBhcmUtYWRkcmVzcy5waXBlJztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtY2FsbG91dC9zb2YtY2FsbG91dC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1jb250ZXh0L3NvZi1jb250ZXh0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWJvdHRvbS1zaGVldC9zb2YtYm90dG9tLXNoZWV0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWNoaXAvc29mLWNoaXAuY29tcG9uZW50JzsiXX0=
|
|
@@ -7,9 +7,6 @@ import * as i1 from "@ngx-translate/core";
|
|
|
7
7
|
* @note If you need to include some custom HTML you can inject an -
|
|
8
8
|
*
|
|
9
9
|
* `<ng-container callout-custom-content>`
|
|
10
|
-
*
|
|
11
|
-
* @note This component is standalone,
|
|
12
|
-
* and must be included in the `imports` array of your module.
|
|
13
10
|
*/
|
|
14
11
|
export class SofCalloutComponent {
|
|
15
12
|
constructor() {
|
|
@@ -72,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
72
69
|
}], dismissEvent: [{
|
|
73
70
|
type: Output
|
|
74
71
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLWNhbGxvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWNhbGxvdXQvc29mLWNhbGxvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWNhbGxvdXQvc29mLWNhbGxvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQUV0RDs7Ozs7RUFLRTtBQVNGLE1BQU0sT0FBTyxtQkFBbUI7SUFSaEM7UUFVRSxxQkFBcUI7UUFDWixPQUFFLEdBQVcsR0FBRyxDQUFDO1FBa0IxQjs7Ozs7Ozs7VUFRRTtRQUNPLGFBQVEsR0FBc0IsT0FBTyxDQUFDO1FBUy9DOzs7O1VBSUU7UUFDTyxlQUFVLEdBQVksSUFBSSxDQUFDO1FBRXBDOzs7Ozs7VUFNRTtRQUNRLGlCQUFZLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEUsMkJBQTJCO1FBQ25CLFNBQUksR0FBNEIsTUFBTSxDQUFDLENBQUEsVUFBdUIsQ0FBQSxDQUFDLENBQUM7S0FPekU7SUFMQyx3QkFBd0I7SUFDakIsY0FBYztRQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ25DLENBQUM7OEdBOURVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDBSQ3pCaEMsaTdDQTBDQSw0L2lCRHBCWSxlQUFlOzsyRkFHZCxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUdYLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQyxtQkFDVCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUt0QyxFQUFFO3NCQUFWLEtBQUs7Z0JBR21CLElBQUk7c0JBQTVCLEtBQUs7dUJBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDO2dCQU1FLElBQUk7c0JBQTVCLEtBQUs7dUJBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDO2dCQU9kLFlBQVk7c0JBQXBCLEtBQUs7Z0JBV0csUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBT0csVUFBVTtzQkFBbEIsS0FBSztnQkFTSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFxyXG4gIENvbXBvbmVudCwgXHJcbiAgRWxlbWVudFJlZiwgXHJcbiAgRXZlbnRFbWl0dGVyLCBcclxuICBpbmplY3QsIFxyXG4gIElucHV0LCBcclxuICBPdXRwdXQgXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFRoZSBDYWxsb3V0IGNvbXBvbmVudFxyXG4gKiBAbm90ZSBJZiB5b3UgbmVlZCB0byBpbmNsdWRlIHNvbWUgY3VzdG9tIEhUTUwgeW91IGNhbiBpbmplY3QgYW4gLSBcclxuICogXHJcbiAqIGA8bmctY29udGFpbmVyIGNhbGxvdXQtY3VzdG9tLWNvbnRlbnQ+YFxyXG4qL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NvZi1jYWxsb3V0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29mLWNhbGxvdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zb2YtY2FsbG91dC5jb21wb25lbnQuc2NzcycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbVHJhbnNsYXRlTW9kdWxlXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU29mQ2FsbG91dENvbXBvbmVudCB7XHJcblxyXG4gIC8qKiBUaGUgY2FsbG91dCBpZCAqL1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSBcIjFcIjtcclxuXHJcbiAgLyoqIFRoZSBjYWxsb3V0IHR5cGUgKi9cclxuICBASW5wdXQoe3JlcXVpcmVkOiB0cnVlfSkgdHlwZSE6ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdlcnJvcicgfCAnc3VjY2VzcycgfCAnbmV1dHJhbCc7XHJcblxyXG4gIC8qKiBcclxuICAgKiBUaGUgY2FsbG91dCB0ZXh0IFxyXG4gICAqIEBub3RlIENhbiBiZSBhIHRyYW5zbGF0aW9uIGtleVxyXG4gICovXHJcbiAgQElucHV0KHtyZXF1aXJlZDogdHJ1ZX0pIHRleHQhOiBzdHJpbmc7XHJcblxyXG4gIC8qKiBcclxuICAgKiBUaGUgY2FsbG91dCBleHRlbmRlZCBtZXNzYWdlIFxyXG4gICAqIEBvcHRpb25hbFxyXG4gICAqIEBub3RlIENhbiBiZSBhIHRyYW5zbGF0aW9uIGtleVxyXG4gICovXHJcbiAgQElucHV0KCkgZXh0ZW5kZWRUZXh0Pzogc3RyaW5nO1xyXG5cclxuICAvKiogXHJcbiAgICogVGhlIHRleHQgc2l6ZSBcclxuICAgKiBAb3B0aW9uYWxcclxuICAgKiBcclxuICAgKiBAbm90ZSBcImJvZHkxXCIgPSBmb250LXNpemU6IDE2cHgsXHJcbiAgICogXHJcbiAgICogXCJib2R5MlwiID0gZm9udC1zaXplOiAxNHB4LFxyXG4gICAqIEBkZWZhdWx0IFwiYm9keTFcIlxyXG4gICovXHJcbiAgQElucHV0KCkgdGV4dFNpemU6ICdib2R5MScgfCAnYm9keTInID0gJ2JvZHkxJztcclxuXHJcbiAgLyoqIFxyXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGljb24gd2l0aCBhbnkgcGhvc3Bob3IgaWNvbiBjbGFzcyBcclxuICAgKiBAbm90ZSBzaG91bGQgYmUgdXNpbmcgdGhlICdwaC1ib2xkJyBpY29uIHR5cGVcclxuICAgKiBAc2VlIFtQaG9zcGhvciBJY29ucy9ib2xkXSh7QGxpbmsgaHR0cHM6Ly9waG9zcGhvcmljb25zLmNvbS8/d2VpZ2h0PSUyMmJvbGQlMjJ9KVxyXG4gICovXHJcbiAgQElucHV0KCkgaWNvbk92ZXJyaWRlQ2xhc3M/OiBzdHJpbmc7XHJcblxyXG4gIC8qKiBcclxuICAgKiBTaG93IGNsb3NlIGljb24gYnV0dG9uIFxyXG4gICAqIEBvcHRpb25hbFxyXG4gICAqIEBkZWZhdWx0IHRydWVcclxuICAqL1xyXG4gIEBJbnB1dCgpIGNhbkRpc21pc3M6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAvKiogXHJcbiAgICogT3V0cHV0IHdoZW4gY2xvc2UgaXMgY2xpY2tlZCBcclxuICAgKiBAb3B0aW9uYWxcclxuICAgKiBAbm90ZSBUaGlzIGNvbXBvbmVudCB3aWxsIGNsb3NlIGl0c2VsZi4gXHJcbiAgICogXHJcbiAgICogVGhpcyBldmVudCBpcyBmb3IgaWYgdGhlIHBhcmVudCBjb21wb25lbnQgbmVlZHMgdG8gZG8gYW55dGhpbmcgb24gY2xvc2UuXHJcbiAgKi9cclxuICBAT3V0cHV0KCkgZGlzbWlzc0V2ZW50OiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIC8qKiBUaGUgaG9zdCBlbGVtZW50IHJlZiAqL1xyXG4gIHByaXZhdGUgaG9zdDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gPSBpbmplY3QoRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pO1xyXG5cclxuICAvKiogQ2xvc2UgdGhlIGNhbGxvdXQgKi9cclxuICBwdWJsaWMgZGlzbWlzc0NhbGxvdXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc21pc3NFdmVudC5lbWl0KCk7XHJcbiAgICB0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5yZW1vdmUoKTtcclxuICB9XHJcbn1cclxuIiwiXHJcbjxkaXYgXHJcbiAgY2xhc3M9XCJjYWxsb3V0IGNhbGxvdXQtLXt7dHlwZX19XCJcclxuICByb2xlPVwiYWxlcnRcIiBpZD1cImNhbGxvdXQte3tpZH19XCI+XHJcbiAgPGRpdiBjbGFzcz1cImNhbGxvdXRfX2ljb25cIiBbY2xhc3Muc21hbGxdPVwidGV4dFNpemUgPT09ICdib2R5MidcIj5cclxuICAgIEBpZiAoISFpY29uT3ZlcnJpZGVDbGFzcykge1xyXG4gICAgICA8aSBjbGFzcz1cInt7aWNvbk92ZXJyaWRlQ2xhc3N9fVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cclxuICAgIH0gQGVsc2Uge1xyXG4gICAgICBAc3dpdGNoICh0eXBlKSB7XHJcbiAgICAgICAgQGNhc2UgKCd3YXJuaW5nJykge1xyXG4gICAgICAgICAgPGkgY2xhc3M9XCJwaC1ib2xkIHBoLXdhcm5pbmdcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgnZXJyb3InKSB7XHJcbiAgICAgICAgICA8aSBjbGFzcz1cInBoLWJvbGQgcGgtd2FybmluZy1jaXJjbGVcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgnc3VjY2VzcycpIHtcclxuICAgICAgICAgIDxpIGNsYXNzPVwicGgtYm9sZCBwaC1jaGVjay1jaXJjbGVcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBkZWZhdWx0IHtcclxuICAgICAgICAgIDxpIGNsYXNzPVwicGgtYm9sZCBwaC1pbmZvXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJjYWxsb3V0X19jb250ZW50XCIgW2NsYXNzLmhhcy1leHRlbmRlZF09XCIhIWV4dGVuZGVkVGV4dFwiPlxyXG4gICAgPHAgY2xhc3M9XCJ7e3RleHRTaXplfX0gZnctNjAwXCI+e3t0ZXh0IHwgdHJhbnNsYXRlfX08L3A+XHJcbiAgICBAaWYgKCEhZXh0ZW5kZWRUZXh0KSB7XHJcbiAgICAgIDxwIGNsYXNzPVwie3t0ZXh0U2l6ZX19XCI+e3tleHRlbmRlZFRleHQgfCB0cmFuc2xhdGV9fTwvcD5cclxuICAgIH1cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYWxsb3V0LWN1c3RvbS1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuICBAaWYgKGNhbkRpc21pc3MpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJjYWxsb3V0X19jbG9zZVwiPlxyXG4gICAgICA8YnV0dG9uIFxyXG4gICAgICAgIChjbGljayk9XCJkaXNtaXNzQ2FsbG91dCgpXCIgXHJcbiAgICAgICAgaWQ9XCJjYWxsb3V0LWNsb3NlLXt7aWR9fVwiIFxyXG4gICAgICAgIGFyaWEtbGFiZWw9XCJkaXNtaXNzIGFsZXJ0XCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJwaC1ib2xkIHBoLXhcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@ngx-translate/core";
|
|
5
|
+
/**
|
|
6
|
+
* The sof-chip component
|
|
7
|
+
*/
|
|
8
|
+
export class SofChipComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
/**
|
|
11
|
+
* Can the chip be removed
|
|
12
|
+
* @optional
|
|
13
|
+
* @default true
|
|
14
|
+
*/
|
|
15
|
+
this.canRemove = true;
|
|
16
|
+
/**
|
|
17
|
+
* Theme for the chip
|
|
18
|
+
* @optional
|
|
19
|
+
* @default 'neutral'
|
|
20
|
+
*/
|
|
21
|
+
this.theme = "neutral";
|
|
22
|
+
/**
|
|
23
|
+
* The id for the remove button
|
|
24
|
+
* @optional needed if canRemove is true
|
|
25
|
+
* @note Can simply be the index of the <Chip> array
|
|
26
|
+
*/
|
|
27
|
+
this.removeButtonId = "";
|
|
28
|
+
/** Event to emit the chip's label for removal */
|
|
29
|
+
this.removeEvent = new EventEmitter();
|
|
30
|
+
}
|
|
31
|
+
/** If canRemove is null|undefined onChanges, set to true */
|
|
32
|
+
ngOnChanges(changes) {
|
|
33
|
+
if (changes.canRemove) {
|
|
34
|
+
const canRemove = changes.canRemove.currentValue ?? true;
|
|
35
|
+
this.canRemove = canRemove;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
/** Emit the chip's label for removal */
|
|
39
|
+
onRemove() {
|
|
40
|
+
this.removeEvent.emit(this.label);
|
|
41
|
+
}
|
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: SofChipComponent, isStandalone: true, selector: "sof-chip", inputs: { label: "label", canRemove: "canRemove", theme: "theme", iconClass: "iconClass", removeButtonId: "removeButtonId" }, outputs: { removeEvent: "removeEvent" }, usesOnChanges: true, ngImport: i0, template: "<div \r\n class=\"sof-chip\" \r\n [class.no-remove]=\"!canRemove\"\r\n [attr.theme]=\"theme ?? 'neutral'\">\r\n @if (iconClass) {\r\n <i [class]=\"iconClass\" aria-hidden=\"true\"></i>\r\n }\r\n <span>{{ label | translate }}</span>\r\n @if (canRemove) {\r\n <button \r\n (click)=\"onRemove()\"\r\n [attr.aria-label]=\"'Remove ' + label\"\r\n [id]=\"'chip-remove-btn-' + removeButtonId\">\r\n <i class=\"ph-fill ph-x-circle\" aria-hidden=\"true\"></i>\r\n </button>\r\n }\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A50-parts: rgba(20, 110, 246, .04);--primary-color-A100-parts: rgba(20, 110, 246, .08);--primary-color-A200-parts: rgba(20, 110, 246, .16);--primary-color-A300-parts: rgba(20, 110, 246, .24);--primary-color-A400-parts: rgba(20, 110, 246, .32);--primary-color-A500-parts: rgba(20, 110, 246, .4);--primary-color-A600-parts: rgba(20, 110, 246, .48);--primary-color-A700-parts: rgba(20, 110, 246, .56);--primary-color-A800-parts: rgba(20, 110, 246, .64);--primary-color-A900-parts: rgba(20, 110, 246, .72);--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A500-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A600-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A800-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A900-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A50-parts: rgba(0, 150, 136, .04);--accent-color-A100-parts: rgba(0, 150, 136, .08);--accent-color-A200-parts: rgba(0, 150, 136, .16);--accent-color-A300-parts: rgba(0, 150, 136, .24);--accent-color-A400-parts: rgba(0, 150, 136, .32);--accent-color-A500-parts: rgba(0, 150, 136, .4);--accent-color-A600-parts: rgba(0, 150, 136, .48);--accent-color-A700-parts: rgba(0, 150, 136, .56);--accent-color-A800-parts: rgba(0, 150, 136, .64);--accent-color-A900-parts: rgba(0, 150, 136, .72);--accent-color-contrast-50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-500-parts: rgba(255, 255, 255, 1);--accent-color-contrast-600-parts: rgba(255, 255, 255, 1);--accent-color-contrast-700-parts: rgba(255, 255, 255, 1);--accent-color-contrast-800-parts: rgba(255, 255, 255, 1);--accent-color-contrast-900-parts: rgba(255, 255, 255, 1);--accent-color-contrast-A50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A500-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A600-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A700-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A800-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A900-parts: rgba(0, 0, 0, .87);--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--warn-color-50-parts: #fceee3;--warn-color-100-parts: #f8d4b9;--warn-color-200-parts: #f4b78b;--warn-color-300-parts: #ef9a5d;--warn-color-400-parts: #eb843a;--warn-color-500-parts: #e86e17;--warn-color-600-parts: #e56614;--warn-color-700-parts: #e25b11;--warn-color-800-parts: #de510d;--warn-color-900-parts: #d83f07;--warn-color-A50-parts: rgba(232, 110, 23, .04);--warn-color-A100-parts: rgba(232, 110, 23, .08);--warn-color-A200-parts: rgba(232, 110, 23, .16);--warn-color-A300-parts: rgba(232, 110, 23, .24);--warn-color-A400-parts: rgba(232, 110, 23, .32);--warn-color-A500-parts: rgba(232, 110, 23, .4);--warn-color-A600-parts: rgba(232, 110, 23, .48);--warn-color-A700-parts: rgba(232, 110, 23, .56);--warn-color-A800-parts: rgba(232, 110, 23, .64);--warn-color-A900-parts: rgba(232, 110, 23, .72);--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(255, 255, 255, 1);--warn-color-contrast-A50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A900-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 252, 238, 227;--warn-color-100-parts-rgb: 248, 212, 185;--warn-color-200-parts-rgb: 244, 183, 139;--warn-color-300-parts-rgb: 239, 154, 93;--warn-color-400-parts-rgb: 235, 132, 58;--warn-color-500-parts-rgb: 232, 110, 23;--warn-color-600-parts-rgb: 229, 102, 20;--warn-color-700-parts-rgb: 226, 91, 17;--warn-color-800-parts-rgb: 222, 81, 13;--warn-color-900-parts-rgb: 216, 63, 7;--info-color-50-parts: #edf4ff;--info-color-100-parts: #b9d4fc;--info-color-200-parts: #8ab7fb;--info-color-300-parts: #5b9af9;--info-color-400-parts: #3784f7;--info-color-500-parts: #146ef6;--info-color-600-parts: #1266f5;--info-color-700-parts: #0e5bf3;--info-color-800-parts: #0b51f2;--info-color-900-parts: #063fef;--info-color-A50-parts: rgba(20, 110, 246, .04);--info-color-A100-parts: rgba(20, 110, 246, .08);--info-color-A200-parts: rgba(20, 110, 246, .16);--info-color-A300-parts: rgba(20, 110, 246, .24);--info-color-A400-parts: rgba(20, 110, 246, .32);--info-color-A500-parts: rgba(20, 110, 246, .4);--info-color-A600-parts: rgba(20, 110, 246, .48);--info-color-A700-parts: rgba(20, 110, 246, .56);--info-color-A800-parts: rgba(20, 110, 246, .64);--info-color-A900-parts: rgba(20, 110, 246, .72);--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(0, 0, 0, .87);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A50-parts: rgba(0, 0, 0, .87);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A300-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A500-parts: rgba(0, 0, 0, .87);--info-color-contrast-A600-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-contrast-A800-parts: rgba(0, 0, 0, .87);--info-color-contrast-A900-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 237, 244, 255;--info-color-100-parts-rgb: 185, 212, 252;--info-color-200-parts-rgb: 138, 183, 251;--info-color-300-parts-rgb: 91, 154, 249;--info-color-400-parts-rgb: 55, 132, 247;--info-color-500-parts-rgb: 20, 110, 246;--info-color-600-parts-rgb: 18, 102, 245;--info-color-700-parts-rgb: 14, 91, 243;--info-color-800-parts-rgb: 11, 81, 242;--info-color-900-parts-rgb: 6, 63, 239;--success-color-50-parts: #e7f0e6;--success-color-100-parts: #c4dac1;--success-color-200-parts: #9cc198;--success-color-300-parts: #74a86e;--success-color-400-parts: #57954f;--success-color-500-parts: #398230;--success-color-600-parts: #337a2b;--success-color-700-parts: #2c6f24;--success-color-800-parts: #24651e;--success-color-900-parts: #175213;--success-color-A50-parts: rgba(57, 130, 48, .04);--success-color-A100-parts: rgba(57, 130, 48, .08);--success-color-A200-parts: rgba(57, 130, 48, .16);--success-color-A300-parts: rgba(57, 130, 48, .24);--success-color-A400-parts: rgba(57, 130, 48, .32);--success-color-A500-parts: rgba(57, 130, 48, .4);--success-color-A600-parts: rgba(57, 130, 48, .48);--success-color-A700-parts: rgba(57, 130, 48, .56);--success-color-A800-parts: rgba(57, 130, 48, .64);--success-color-A900-parts: rgba(57, 130, 48, .72);--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(255, 255, 255, 1);--success-color-contrast-600-parts: rgba(255, 255, 255, 1);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A50-parts: rgba(0, 0, 0, .87);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A300-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A500-parts: rgba(0, 0, 0, .87);--success-color-contrast-A600-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-contrast-A800-parts: rgba(0, 0, 0, .87);--success-color-contrast-A900-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 231, 240, 230;--success-color-100-parts-rgb: 196, 218, 193;--success-color-200-parts-rgb: 156, 193, 152;--success-color-300-parts-rgb: 116, 168, 110;--success-color-400-parts-rgb: 87, 149, 79;--success-color-500-parts-rgb: 57, 130, 48;--success-color-600-parts-rgb: 51, 122, 43;--success-color-700-parts-rgb: 44, 111, 36;--success-color-800-parts-rgb: 36, 101, 30;--success-color-900-parts-rgb: 23, 82, 19;--error-color-50-parts: #fae5e4;--error-color-100-parts: #f3bdba;--error-color-200-parts: #eb928d;--error-color-300-parts: #e3665f;--error-color-400-parts: #dd453c;--error-color-500-parts: #d7241a;--error-color-600-parts: #d32017;--error-color-700-parts: #cd1b13;--error-color-800-parts: #c7160f;--error-color-900-parts: #be0d08;--error-color-A50-parts: rgba(215, 36, 26, .04);--error-color-A100-parts: rgba(215, 36, 26, .08);--error-color-A200-parts: rgba(215, 36, 26, .16);--error-color-A300-parts: rgba(215, 36, 26, .24);--error-color-A400-parts: rgba(215, 36, 26, .32);--error-color-A500-parts: rgba(215, 36, 26, .4);--error-color-A600-parts: rgba(215, 36, 26, .48);--error-color-A700-parts: rgba(215, 36, 26, .56);--error-color-A800-parts: rgba(215, 36, 26, .64);--error-color-A900-parts: rgba(215, 36, 26, .72);--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A50-parts: rgba(0, 0, 0, .87);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A300-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A500-parts: rgba(0, 0, 0, .87);--error-color-contrast-A600-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-contrast-A800-parts: rgba(0, 0, 0, .87);--error-color-contrast-A900-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 250, 229, 228;--error-color-100-parts-rgb: 243, 189, 186;--error-color-200-parts-rgb: 235, 146, 141;--error-color-300-parts-rgb: 227, 102, 95;--error-color-400-parts-rgb: 221, 69, 60;--error-color-500-parts-rgb: 215, 36, 26;--error-color-600-parts-rgb: 211, 32, 23;--error-color-700-parts-rgb: 205, 27, 19;--error-color-800-parts-rgb: 199, 22, 15;--error-color-900-parts-rgb: 190, 13, 8;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A50-parts: rgba(81, 81, 81, .04);--neutral-color-A100-parts: rgba(81, 81, 81, .08);--neutral-color-A200-parts: rgba(81, 81, 81, .16);--neutral-color-A300-parts: rgba(81, 81, 81, .24);--neutral-color-A400-parts: rgba(81, 81, 81, .32);--neutral-color-A500-parts: rgba(81, 81, 81, .4);--neutral-color-A600-parts: rgba(81, 81, 81, .48);--neutral-color-A700-parts: rgba(81, 81, 81, .56);--neutral-color-A800-parts: rgba(81, 81, 81, .64);--neutral-color-A900-parts: rgba(81, 81, 81, .72);--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A500-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A600-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A800-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A900-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20}.sof-chip{display:flex;align-items:center;height:24px;width:fit-content;border-radius:4px;padding-left:4px;background-color:var(--neutral-color-A100-parts)}.sof-chip:hover:not(.no-remove){background-color:var(--neutral-color-A200-parts)}.sof-chip *{box-sizing:border-box}.sof-chip.no-remove{padding-right:4px}.sof-chip[theme=neutral]{background-color:var(--neutral-color-A100-parts)}.sof-chip[theme=neutral]:hover:not(.no-remove){background-color:var(--neutral-color-A200-parts)}.sof-chip[theme=info]{background-color:var(--info-color-A100-parts)}.sof-chip[theme=info]:hover:not(.no-remove){background-color:var(--info-color-A200-parts)}.sof-chip:focus-within{outline:3px solid;outline-offset:2px;outline-color:var(--primary-color-300-parts)}.sof-chip i{margin-right:4px}.sof-chip span{text-transform:capitalize;font-weight:600}.sof-chip span,.sof-chip i{font-size:12px;color:#000000de;cursor:default}.sof-chip button{border:none;background:transparent;height:100%;padding:0;display:flex;align-items:center;justify-content:center;width:24px;cursor:pointer}.sof-chip button:focus{outline:none}.sof-chip button i{margin:0;font-size:16px;cursor:pointer;color:var(--neutral-color-500-parts)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
44
|
+
}
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofChipComponent, decorators: [{
|
|
46
|
+
type: Component,
|
|
47
|
+
args: [{ selector: 'sof-chip', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TranslateModule], template: "<div \r\n class=\"sof-chip\" \r\n [class.no-remove]=\"!canRemove\"\r\n [attr.theme]=\"theme ?? 'neutral'\">\r\n @if (iconClass) {\r\n <i [class]=\"iconClass\" aria-hidden=\"true\"></i>\r\n }\r\n <span>{{ label | translate }}</span>\r\n @if (canRemove) {\r\n <button \r\n (click)=\"onRemove()\"\r\n [attr.aria-label]=\"'Remove ' + label\"\r\n [id]=\"'chip-remove-btn-' + removeButtonId\">\r\n <i class=\"ph-fill ph-x-circle\" aria-hidden=\"true\"></i>\r\n </button>\r\n }\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A50-parts: rgba(20, 110, 246, .04);--primary-color-A100-parts: rgba(20, 110, 246, .08);--primary-color-A200-parts: rgba(20, 110, 246, .16);--primary-color-A300-parts: rgba(20, 110, 246, .24);--primary-color-A400-parts: rgba(20, 110, 246, .32);--primary-color-A500-parts: rgba(20, 110, 246, .4);--primary-color-A600-parts: rgba(20, 110, 246, .48);--primary-color-A700-parts: rgba(20, 110, 246, .56);--primary-color-A800-parts: rgba(20, 110, 246, .64);--primary-color-A900-parts: rgba(20, 110, 246, .72);--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A500-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A600-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A800-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A900-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A50-parts: rgba(0, 150, 136, .04);--accent-color-A100-parts: rgba(0, 150, 136, .08);--accent-color-A200-parts: rgba(0, 150, 136, .16);--accent-color-A300-parts: rgba(0, 150, 136, .24);--accent-color-A400-parts: rgba(0, 150, 136, .32);--accent-color-A500-parts: rgba(0, 150, 136, .4);--accent-color-A600-parts: rgba(0, 150, 136, .48);--accent-color-A700-parts: rgba(0, 150, 136, .56);--accent-color-A800-parts: rgba(0, 150, 136, .64);--accent-color-A900-parts: rgba(0, 150, 136, .72);--accent-color-contrast-50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-500-parts: rgba(255, 255, 255, 1);--accent-color-contrast-600-parts: rgba(255, 255, 255, 1);--accent-color-contrast-700-parts: rgba(255, 255, 255, 1);--accent-color-contrast-800-parts: rgba(255, 255, 255, 1);--accent-color-contrast-900-parts: rgba(255, 255, 255, 1);--accent-color-contrast-A50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A500-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A600-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A700-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A800-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A900-parts: rgba(0, 0, 0, .87);--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--warn-color-50-parts: #fceee3;--warn-color-100-parts: #f8d4b9;--warn-color-200-parts: #f4b78b;--warn-color-300-parts: #ef9a5d;--warn-color-400-parts: #eb843a;--warn-color-500-parts: #e86e17;--warn-color-600-parts: #e56614;--warn-color-700-parts: #e25b11;--warn-color-800-parts: #de510d;--warn-color-900-parts: #d83f07;--warn-color-A50-parts: rgba(232, 110, 23, .04);--warn-color-A100-parts: rgba(232, 110, 23, .08);--warn-color-A200-parts: rgba(232, 110, 23, .16);--warn-color-A300-parts: rgba(232, 110, 23, .24);--warn-color-A400-parts: rgba(232, 110, 23, .32);--warn-color-A500-parts: rgba(232, 110, 23, .4);--warn-color-A600-parts: rgba(232, 110, 23, .48);--warn-color-A700-parts: rgba(232, 110, 23, .56);--warn-color-A800-parts: rgba(232, 110, 23, .64);--warn-color-A900-parts: rgba(232, 110, 23, .72);--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(255, 255, 255, 1);--warn-color-contrast-A50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A900-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 252, 238, 227;--warn-color-100-parts-rgb: 248, 212, 185;--warn-color-200-parts-rgb: 244, 183, 139;--warn-color-300-parts-rgb: 239, 154, 93;--warn-color-400-parts-rgb: 235, 132, 58;--warn-color-500-parts-rgb: 232, 110, 23;--warn-color-600-parts-rgb: 229, 102, 20;--warn-color-700-parts-rgb: 226, 91, 17;--warn-color-800-parts-rgb: 222, 81, 13;--warn-color-900-parts-rgb: 216, 63, 7;--info-color-50-parts: #edf4ff;--info-color-100-parts: #b9d4fc;--info-color-200-parts: #8ab7fb;--info-color-300-parts: #5b9af9;--info-color-400-parts: #3784f7;--info-color-500-parts: #146ef6;--info-color-600-parts: #1266f5;--info-color-700-parts: #0e5bf3;--info-color-800-parts: #0b51f2;--info-color-900-parts: #063fef;--info-color-A50-parts: rgba(20, 110, 246, .04);--info-color-A100-parts: rgba(20, 110, 246, .08);--info-color-A200-parts: rgba(20, 110, 246, .16);--info-color-A300-parts: rgba(20, 110, 246, .24);--info-color-A400-parts: rgba(20, 110, 246, .32);--info-color-A500-parts: rgba(20, 110, 246, .4);--info-color-A600-parts: rgba(20, 110, 246, .48);--info-color-A700-parts: rgba(20, 110, 246, .56);--info-color-A800-parts: rgba(20, 110, 246, .64);--info-color-A900-parts: rgba(20, 110, 246, .72);--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(0, 0, 0, .87);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A50-parts: rgba(0, 0, 0, .87);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A300-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A500-parts: rgba(0, 0, 0, .87);--info-color-contrast-A600-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-contrast-A800-parts: rgba(0, 0, 0, .87);--info-color-contrast-A900-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 237, 244, 255;--info-color-100-parts-rgb: 185, 212, 252;--info-color-200-parts-rgb: 138, 183, 251;--info-color-300-parts-rgb: 91, 154, 249;--info-color-400-parts-rgb: 55, 132, 247;--info-color-500-parts-rgb: 20, 110, 246;--info-color-600-parts-rgb: 18, 102, 245;--info-color-700-parts-rgb: 14, 91, 243;--info-color-800-parts-rgb: 11, 81, 242;--info-color-900-parts-rgb: 6, 63, 239;--success-color-50-parts: #e7f0e6;--success-color-100-parts: #c4dac1;--success-color-200-parts: #9cc198;--success-color-300-parts: #74a86e;--success-color-400-parts: #57954f;--success-color-500-parts: #398230;--success-color-600-parts: #337a2b;--success-color-700-parts: #2c6f24;--success-color-800-parts: #24651e;--success-color-900-parts: #175213;--success-color-A50-parts: rgba(57, 130, 48, .04);--success-color-A100-parts: rgba(57, 130, 48, .08);--success-color-A200-parts: rgba(57, 130, 48, .16);--success-color-A300-parts: rgba(57, 130, 48, .24);--success-color-A400-parts: rgba(57, 130, 48, .32);--success-color-A500-parts: rgba(57, 130, 48, .4);--success-color-A600-parts: rgba(57, 130, 48, .48);--success-color-A700-parts: rgba(57, 130, 48, .56);--success-color-A800-parts: rgba(57, 130, 48, .64);--success-color-A900-parts: rgba(57, 130, 48, .72);--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(255, 255, 255, 1);--success-color-contrast-600-parts: rgba(255, 255, 255, 1);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A50-parts: rgba(0, 0, 0, .87);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A300-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A500-parts: rgba(0, 0, 0, .87);--success-color-contrast-A600-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-contrast-A800-parts: rgba(0, 0, 0, .87);--success-color-contrast-A900-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 231, 240, 230;--success-color-100-parts-rgb: 196, 218, 193;--success-color-200-parts-rgb: 156, 193, 152;--success-color-300-parts-rgb: 116, 168, 110;--success-color-400-parts-rgb: 87, 149, 79;--success-color-500-parts-rgb: 57, 130, 48;--success-color-600-parts-rgb: 51, 122, 43;--success-color-700-parts-rgb: 44, 111, 36;--success-color-800-parts-rgb: 36, 101, 30;--success-color-900-parts-rgb: 23, 82, 19;--error-color-50-parts: #fae5e4;--error-color-100-parts: #f3bdba;--error-color-200-parts: #eb928d;--error-color-300-parts: #e3665f;--error-color-400-parts: #dd453c;--error-color-500-parts: #d7241a;--error-color-600-parts: #d32017;--error-color-700-parts: #cd1b13;--error-color-800-parts: #c7160f;--error-color-900-parts: #be0d08;--error-color-A50-parts: rgba(215, 36, 26, .04);--error-color-A100-parts: rgba(215, 36, 26, .08);--error-color-A200-parts: rgba(215, 36, 26, .16);--error-color-A300-parts: rgba(215, 36, 26, .24);--error-color-A400-parts: rgba(215, 36, 26, .32);--error-color-A500-parts: rgba(215, 36, 26, .4);--error-color-A600-parts: rgba(215, 36, 26, .48);--error-color-A700-parts: rgba(215, 36, 26, .56);--error-color-A800-parts: rgba(215, 36, 26, .64);--error-color-A900-parts: rgba(215, 36, 26, .72);--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A50-parts: rgba(0, 0, 0, .87);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A300-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A500-parts: rgba(0, 0, 0, .87);--error-color-contrast-A600-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-contrast-A800-parts: rgba(0, 0, 0, .87);--error-color-contrast-A900-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 250, 229, 228;--error-color-100-parts-rgb: 243, 189, 186;--error-color-200-parts-rgb: 235, 146, 141;--error-color-300-parts-rgb: 227, 102, 95;--error-color-400-parts-rgb: 221, 69, 60;--error-color-500-parts-rgb: 215, 36, 26;--error-color-600-parts-rgb: 211, 32, 23;--error-color-700-parts-rgb: 205, 27, 19;--error-color-800-parts-rgb: 199, 22, 15;--error-color-900-parts-rgb: 190, 13, 8;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A50-parts: rgba(81, 81, 81, .04);--neutral-color-A100-parts: rgba(81, 81, 81, .08);--neutral-color-A200-parts: rgba(81, 81, 81, .16);--neutral-color-A300-parts: rgba(81, 81, 81, .24);--neutral-color-A400-parts: rgba(81, 81, 81, .32);--neutral-color-A500-parts: rgba(81, 81, 81, .4);--neutral-color-A600-parts: rgba(81, 81, 81, .48);--neutral-color-A700-parts: rgba(81, 81, 81, .56);--neutral-color-A800-parts: rgba(81, 81, 81, .64);--neutral-color-A900-parts: rgba(81, 81, 81, .72);--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A500-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A600-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A800-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A900-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20}.sof-chip{display:flex;align-items:center;height:24px;width:fit-content;border-radius:4px;padding-left:4px;background-color:var(--neutral-color-A100-parts)}.sof-chip:hover:not(.no-remove){background-color:var(--neutral-color-A200-parts)}.sof-chip *{box-sizing:border-box}.sof-chip.no-remove{padding-right:4px}.sof-chip[theme=neutral]{background-color:var(--neutral-color-A100-parts)}.sof-chip[theme=neutral]:hover:not(.no-remove){background-color:var(--neutral-color-A200-parts)}.sof-chip[theme=info]{background-color:var(--info-color-A100-parts)}.sof-chip[theme=info]:hover:not(.no-remove){background-color:var(--info-color-A200-parts)}.sof-chip:focus-within{outline:3px solid;outline-offset:2px;outline-color:var(--primary-color-300-parts)}.sof-chip i{margin-right:4px}.sof-chip span{text-transform:capitalize;font-weight:600}.sof-chip span,.sof-chip i{font-size:12px;color:#000000de;cursor:default}.sof-chip button{border:none;background:transparent;height:100%;padding:0;display:flex;align-items:center;justify-content:center;width:24px;cursor:pointer}.sof-chip button:focus{outline:none}.sof-chip button i{margin:0;font-size:16px;cursor:pointer;color:var(--neutral-color-500-parts)}\n"] }]
|
|
48
|
+
}], propDecorators: { label: [{
|
|
49
|
+
type: Input,
|
|
50
|
+
args: [{ required: true }]
|
|
51
|
+
}], canRemove: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], theme: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], iconClass: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], removeButtonId: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], removeEvent: [{
|
|
60
|
+
type: Output
|
|
61
|
+
}] } });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWNoaXAvc29mLWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWNoaXAvc29mLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFFdEQ7O0VBRUU7QUFTRixNQUFNLE9BQU8sZ0JBQWdCO0lBUjdCO1FBZ0JFOzs7O1dBSUc7UUFDTSxjQUFTLEdBQWEsSUFBSSxDQUFDO1FBRXBDOzs7O1VBSUU7UUFDTyxVQUFLLEdBQXNCLFNBQVMsQ0FBQztRQVU5Qzs7OztVQUlFO1FBQ08sbUJBQWMsR0FBcUIsRUFBRSxDQUFDO1FBRS9DLGlEQUFpRDtRQUN2QyxnQkFBVyxHQUEwQixJQUFJLFlBQVksRUFBVSxDQUFDO0tBYzNFO0lBWkMsNERBQTREO0lBQ3JELFdBQVcsQ0FBQyxPQUFzQjtRQUN2QyxJQUFJLE9BQU8sQ0FBQyxTQUFTLEVBQUU7WUFDckIsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLFNBQVMsQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDO1lBQ3pELElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO1NBQzVCO0lBQ0gsQ0FBQztJQUVELHdDQUF3QztJQUNqQyxRQUFRO1FBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7OEdBbkRVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLGdRQ3RCN0IsMmdCQWlCQSw4MWlCREdZLGVBQWU7OzJGQUVkLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsZUFBZSxDQUFDOzhCQVFELEtBQUs7c0JBQTdCLEtBQUs7dUJBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDO2dCQU9kLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csS0FBSztzQkFBYixLQUFLO2dCQVFHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csY0FBYztzQkFBdEIsS0FBSztnQkFHSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFxyXG4gIENvbXBvbmVudCwgXHJcbiAgRXZlbnRFbWl0dGVyLCBcclxuICBJbnB1dCwgXHJcbiAgT25DaGFuZ2VzLCBcclxuICBPdXRwdXQsIFxyXG4gIFNpbXBsZUNoYW5nZXNcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcblxyXG4vKiogXHJcbiAqIFRoZSBzb2YtY2hpcCBjb21wb25lbnQgXHJcbiovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc29mLWNoaXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb2YtY2hpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc29mLWNoaXAuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtUcmFuc2xhdGVNb2R1bGVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2ZDaGlwQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICAvKiogXHJcbiAgICogVGhlIGNoaXAncyBsYWJlbCBcclxuICAgKiBAcmVxdWlyZWRcclxuICAgKiBAbm90ZSBDYW4gYmUgYSB0cmFuc2xhdGlvbiBrZXlcclxuICAqL1xyXG4gIEBJbnB1dCh7cmVxdWlyZWQ6IHRydWV9KSBsYWJlbCE6IHN0cmluZztcclxuXHJcbiAgLyoqIFxyXG4gICAqIENhbiB0aGUgY2hpcCBiZSByZW1vdmVkIFxyXG4gICAqIEBvcHRpb25hbFxyXG4gICAqIEBkZWZhdWx0IHRydWVcclxuICAgKi9cclxuICBASW5wdXQoKSBjYW5SZW1vdmU/OiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgLyoqIFxyXG4gICAqIFRoZW1lIGZvciB0aGUgY2hpcCBcclxuICAgKiBAb3B0aW9uYWxcclxuICAgKiBAZGVmYXVsdCAnbmV1dHJhbCdcclxuICAqL1xyXG4gIEBJbnB1dCgpIHRoZW1lPzogXCJuZXV0cmFsXCJ8XCJpbmZvXCIgPSBcIm5ldXRyYWxcIjtcclxuXHJcbiAgLyoqIFxyXG4gICAqIEljb24gY2xhc3MgZm9yIHRoZSBjaGlwIFxyXG4gICAqIEBvcHRpb25hbCBpZiBvbWl0dGVkIG5vIGljb24gd2lsbCBiZSBzaG93blxyXG4gICAqIEBub3RlIHNob3VsZCBiZSB1c2luZyB0aGUgJ3BoLWJvbGQnIGljb24gdHlwZVxyXG4gICAqIEBzZWUgW1Bob3NwaG9yIEljb25zL2JvbGRdKHtAbGluayBodHRwczovL3Bob3NwaG9yaWNvbnMuY29tLz93ZWlnaHQ9JTIyYm9sZCUyMn0pXHJcbiAgKi9cclxuICBASW5wdXQoKSBpY29uQ2xhc3M/OiBzdHJpbmc7XHJcblxyXG4gIC8qKiBcclxuICAgKiBUaGUgaWQgZm9yIHRoZSByZW1vdmUgYnV0dG9uXHJcbiAgICogQG9wdGlvbmFsIG5lZWRlZCBpZiBjYW5SZW1vdmUgaXMgdHJ1ZVxyXG4gICAqIEBub3RlIENhbiBzaW1wbHkgYmUgdGhlIGluZGV4IG9mIHRoZSA8Q2hpcD4gYXJyYXlcclxuICAqL1xyXG4gIEBJbnB1dCgpIHJlbW92ZUJ1dHRvbklkPzogc3RyaW5nIHwgbnVtYmVyID0gXCJcIjtcclxuXHJcbiAgLyoqIEV2ZW50IHRvIGVtaXQgdGhlIGNoaXAncyBsYWJlbCBmb3IgcmVtb3ZhbCAqL1xyXG4gIEBPdXRwdXQoKSByZW1vdmVFdmVudD86IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIC8qKiBJZiBjYW5SZW1vdmUgaXMgbnVsbHx1bmRlZmluZWQgb25DaGFuZ2VzLCBzZXQgdG8gdHJ1ZSAqL1xyXG4gIHB1YmxpYyBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBpZiAoY2hhbmdlcy5jYW5SZW1vdmUpIHtcclxuICAgICAgY29uc3QgY2FuUmVtb3ZlID0gY2hhbmdlcy5jYW5SZW1vdmUuY3VycmVudFZhbHVlID8/IHRydWU7XHJcbiAgICAgIHRoaXMuY2FuUmVtb3ZlID0gY2FuUmVtb3ZlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqIEVtaXQgdGhlIGNoaXAncyBsYWJlbCBmb3IgcmVtb3ZhbCAqL1xyXG4gIHB1YmxpYyBvblJlbW92ZSgpOiB2b2lkIHtcclxuICAgIHRoaXMucmVtb3ZlRXZlbnQuZW1pdCh0aGlzLmxhYmVsKTtcclxuICB9XHJcbn1cclxuXHJcbi8qKiBcclxuICogVGhlIENoaXAgaW50ZXJmYWNlIFxyXG4gKiBAZGVzY3JpcHRpb24gVXNlIHRvIGRpc3BsYXkgY2hpcHMgZnJvbSBhbiBBcnJheSZsdDtDaGlwJmd0Oy5cclxuKi9cclxuZXhwb3J0IGludGVyZmFjZSBDaGlwIHtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIGljb25DbGFzcz86IHN0cmluZztcclxuICBjYW5SZW1vdmU/OiBib29sZWFuO1xyXG59XHJcbiIsIjxkaXYgXHJcbiAgY2xhc3M9XCJzb2YtY2hpcFwiIFxyXG4gIFtjbGFzcy5uby1yZW1vdmVdPVwiIWNhblJlbW92ZVwiXHJcbiAgW2F0dHIudGhlbWVdPVwidGhlbWUgPz8gJ25ldXRyYWwnXCI+XHJcbiAgQGlmIChpY29uQ2xhc3MpIHtcclxuICAgIDxpIFtjbGFzc109XCJpY29uQ2xhc3NcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgfVxyXG4gIDxzcGFuPnt7IGxhYmVsIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gIEBpZiAoY2FuUmVtb3ZlKSB7XHJcbiAgICA8YnV0dG9uIFxyXG4gICAgICAoY2xpY2spPVwib25SZW1vdmUoKVwiXHJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ1JlbW92ZSAnICsgbGFiZWxcIlxyXG4gICAgICBbaWRdPVwiJ2NoaXAtcmVtb3ZlLWJ0bi0nICsgcmVtb3ZlQnV0dG9uSWRcIj5cclxuICAgICAgPGkgY2xhc3M9XCJwaC1maWxsIHBoLXgtY2lyY2xlXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxyXG4gICAgPC9idXR0b24+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19
|