otimus-library 0.2.75 → 0.2.77

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.
Files changed (60) hide show
  1. package/README.md +26 -26
  2. package/esm2022/lib/components/oc-accordion/oc-accordion.component.mjs +3 -3
  3. package/esm2022/lib/components/oc-accordion-item/oc-accordion-item.component.mjs +3 -3
  4. package/esm2022/lib/components/oc-autocomplete/oc-autocomplete.component.mjs +6 -3
  5. package/esm2022/lib/components/oc-badge/oc-badge.component.mjs +3 -3
  6. package/esm2022/lib/components/oc-checkbox/oc-checkbox.component.mjs +7 -4
  7. package/esm2022/lib/components/oc-chip/oc-chip.component.mjs +3 -3
  8. package/esm2022/lib/components/oc-filter/oc-filter.component.mjs +3 -3
  9. package/esm2022/lib/components/oc-input/oc-input.component.mjs +3 -3
  10. package/esm2022/lib/components/oc-key-value/oc-key-value.component.mjs +3 -3
  11. package/esm2022/lib/components/oc-log/oc-log.component.mjs +3 -3
  12. package/esm2022/lib/components/oc-menu/oc-menu.component.mjs +3 -3
  13. package/esm2022/lib/components/oc-message/oc-message.component.mjs +3 -3
  14. package/esm2022/lib/components/oc-modal/oc-modal.component.mjs +3 -3
  15. package/esm2022/lib/components/oc-modal-footer/oc-modal-footer.component.mjs +3 -3
  16. package/esm2022/lib/components/oc-not-found/oc-not-found.component.mjs +3 -3
  17. package/esm2022/lib/components/oc-pagination/oc-pagination.component.mjs +3 -3
  18. package/esm2022/lib/components/oc-profile/oc-profile.component.mjs +3 -3
  19. package/esm2022/lib/components/oc-step/oc-step.component.mjs +12 -3
  20. package/esm2022/lib/components/oc-stepper/oc-stepper.component.mjs +7 -3
  21. package/esm2022/lib/components/oc-tab/oc-tab.component.mjs +3 -3
  22. package/esm2022/lib/components/oc-tabs/oc-tabs.component.mjs +3 -3
  23. package/esm2022/lib/components/oc-toast/oc-toast.component.mjs +3 -3
  24. package/esm2022/lib/components/oc-toggle/oc-toggle.component.mjs +7 -4
  25. package/esm2022/lib/directives/oc-tooltip/oc-tooltip.directive.mjs +1 -1
  26. package/esm2022/lib/interfaces/oc-autocomplete.mjs +1 -1
  27. package/esm2022/lib/interfaces/oc-menu.mjs +1 -1
  28. package/esm2022/lib/interfaces/oc-style-theme.mjs +1 -1
  29. package/esm2022/lib/interfaces/oc-toast.mjs +1 -1
  30. package/esm2022/lib/otimus-library.component.mjs +9 -9
  31. package/esm2022/lib/otimus-library.service.mjs +1 -1
  32. package/esm2022/lib/services/internationalization.service.mjs +1 -1
  33. package/esm2022/lib/services/oc-toast.service.mjs +1 -1
  34. package/esm2022/lib/services/style-theme.service.mjs +1 -1
  35. package/esm2022/public-api.mjs +1 -1
  36. package/fesm2022/otimus-library.mjs +78 -56
  37. package/fesm2022/otimus-library.mjs.map +1 -1
  38. package/lib/components/oc-autocomplete/oc-autocomplete.component.d.ts +2 -1
  39. package/lib/components/oc-checkbox/oc-checkbox.component.d.ts +2 -1
  40. package/lib/components/oc-step/oc-step.component.d.ts +3 -1
  41. package/lib/components/oc-stepper/oc-stepper.component.d.ts +2 -1
  42. package/lib/components/oc-toggle/oc-toggle.component.d.ts +2 -1
  43. package/package.json +1 -1
  44. package/styles/colors.scss +70 -70
  45. package/styles/components/buttons/buttons.scss +225 -225
  46. package/styles/components/buttons/buttons.shui.scss +61 -61
  47. package/styles/components/index.scss +2 -2
  48. package/styles/components/inputs/inputs.scss +248 -248
  49. package/styles/components/inputs/inputs.shui.scss +212 -212
  50. package/styles/components/table/table.scss +98 -98
  51. package/styles/components/table/table.shui.scss +50 -50
  52. package/styles/components/tooltip.scss +26 -26
  53. package/styles/grid.scss +1122 -1122
  54. package/styles/patterns/shui/colors.shui.scss +154 -154
  55. package/styles/patterns/shui/fonts.shui.scss +65 -65
  56. package/styles/patterns/shui/index.shui.scss +24 -24
  57. package/styles/patterns/shui/variables.shui.scss +22 -22
  58. package/styles/states.scss +5 -5
  59. package/styles/styles.scss +46 -46
  60. package/styles/variables.scss +47 -47
@@ -40,6 +40,7 @@ export declare class OcAutocompleteComponent implements AfterViewInit, OnChanges
40
40
  ocTabIndex?: number;
41
41
  iconSize: 'small' | 'medium' | 'large';
42
42
  ocSelectByTyping: boolean;
43
+ ocDisabled: boolean;
43
44
  ocHasDeleteButton?: boolean;
44
45
  ocValueChange: EventEmitter<string>;
45
46
  ocChange: EventEmitter<string | null>;
@@ -68,5 +69,5 @@ export declare class OcAutocompleteComponent implements AfterViewInit, OnChanges
68
69
  selectValue(value: any): void;
69
70
  clearValue(): void;
70
71
  static ɵfac: i0.ɵɵFactoryDeclaration<OcAutocompleteComponent, never>;
71
- static ɵcmp: i0.ɵɵComponentDeclaration<OcAutocompleteComponent, "oc-autocomplete", never, { "ocData": { "alias": "ocData"; "required": false; }; "ocPlaceholder": { "alias": "ocPlaceholder"; "required": false; }; "ocError": { "alias": "ocError"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocValue": { "alias": "ocValue"; "required": false; }; "ocClearOnChange": { "alias": "ocClearOnChange"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMinWidth": { "alias": "ocMinWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocOptionsMaxHeight": { "alias": "ocOptionsMaxHeight"; "required": false; }; "ocOptionsWidth": { "alias": "ocOptionsWidth"; "required": false; }; "ocRequired": { "alias": "ocRequired"; "required": false; }; "ocMaxResults": { "alias": "ocMaxResults"; "required": false; }; "ocAllowNotListedValue": { "alias": "ocAllowNotListedValue"; "required": false; }; "ocNoAvailableOptionsText": { "alias": "ocNoAvailableOptionsText"; "required": false; }; "ocTypeForMoreResultsText": { "alias": "ocTypeForMoreResultsText"; "required": false; }; "ocLoading": { "alias": "ocLoading"; "required": false; }; "ocSemanticLike": { "alias": "ocSemanticLike"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocTabIndex": { "alias": "ocTabIndex"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "ocSelectByTyping": { "alias": "ocSelectByTyping"; "required": false; }; "ocHasDeleteButton": { "alias": "ocHasDeleteButton"; "required": false; }; }, { "ocValueChange": "ocValueChange"; "ocChange": "ocChange"; "ocOptionNotFound": "ocOptionNotFound"; "ocClick": "ocClick"; }, ["ocPrefix", "ocSuffix"], ["*", "ocPrefix", "ocSuffix"], true, never>;
72
+ static ɵcmp: i0.ɵɵComponentDeclaration<OcAutocompleteComponent, "oc-autocomplete", never, { "ocData": { "alias": "ocData"; "required": false; }; "ocPlaceholder": { "alias": "ocPlaceholder"; "required": false; }; "ocError": { "alias": "ocError"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocValue": { "alias": "ocValue"; "required": false; }; "ocClearOnChange": { "alias": "ocClearOnChange"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMinWidth": { "alias": "ocMinWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocOptionsMaxHeight": { "alias": "ocOptionsMaxHeight"; "required": false; }; "ocOptionsWidth": { "alias": "ocOptionsWidth"; "required": false; }; "ocRequired": { "alias": "ocRequired"; "required": false; }; "ocMaxResults": { "alias": "ocMaxResults"; "required": false; }; "ocAllowNotListedValue": { "alias": "ocAllowNotListedValue"; "required": false; }; "ocNoAvailableOptionsText": { "alias": "ocNoAvailableOptionsText"; "required": false; }; "ocTypeForMoreResultsText": { "alias": "ocTypeForMoreResultsText"; "required": false; }; "ocLoading": { "alias": "ocLoading"; "required": false; }; "ocSemanticLike": { "alias": "ocSemanticLike"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocTabIndex": { "alias": "ocTabIndex"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "ocSelectByTyping": { "alias": "ocSelectByTyping"; "required": false; }; "ocDisabled": { "alias": "ocDisabled"; "required": false; }; "ocHasDeleteButton": { "alias": "ocHasDeleteButton"; "required": false; }; }, { "ocValueChange": "ocValueChange"; "ocChange": "ocChange"; "ocOptionNotFound": "ocOptionNotFound"; "ocClick": "ocClick"; }, ["ocPrefix", "ocSuffix"], ["*", "ocPrefix", "ocSuffix"], true, never>;
72
73
  }
@@ -21,6 +21,7 @@ export declare class OcCheckboxComponent implements ControlValueAccessor, AfterV
21
21
  formControl?: FormControl;
22
22
  ocTabIndex?: number;
23
23
  disableDoubleClickCheck: boolean;
24
+ ocDisabled: boolean;
24
25
  private onChange?;
25
26
  private onTouched;
26
27
  ngAfterViewInit(): void;
@@ -32,5 +33,5 @@ export declare class OcCheckboxComponent implements ControlValueAccessor, AfterV
32
33
  protected onDoubleClick(): void;
33
34
  toggleChecked(): void;
34
35
  static ɵfac: i0.ɵɵFactoryDeclaration<OcCheckboxComponent, never>;
35
- static ɵcmp: i0.ɵɵComponentDeclaration<OcCheckboxComponent, "oc-checkbox", never, { "ocChecked": { "alias": "ocChecked"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocLabel": { "alias": "ocLabel"; "required": false; }; "ocName": { "alias": "ocName"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocBorderColor": { "alias": "ocBorderColor"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "ocTabIndex": { "alias": "ocTabIndex"; "required": false; }; "disableDoubleClickCheck": { "alias": "disableDoubleClickCheck"; "required": false; }; }, { "ocChange": "ocChange"; "ocCheckedChange": "ocCheckedChange"; "ocDoubleClick": "ocDoubleClick"; }, never, ["*"], true, never>;
36
+ static ɵcmp: i0.ɵɵComponentDeclaration<OcCheckboxComponent, "oc-checkbox", never, { "ocChecked": { "alias": "ocChecked"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocLabel": { "alias": "ocLabel"; "required": false; }; "ocName": { "alias": "ocName"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocBorderColor": { "alias": "ocBorderColor"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "ocTabIndex": { "alias": "ocTabIndex"; "required": false; }; "disableDoubleClickCheck": { "alias": "disableDoubleClickCheck"; "required": false; }; "ocDisabled": { "alias": "ocDisabled"; "required": false; }; }, { "ocChange": "ocChange"; "ocCheckedChange": "ocCheckedChange"; "ocDoubleClick": "ocDoubleClick"; }, never, ["*"], true, never>;
36
37
  }
@@ -10,6 +10,8 @@ export declare class OcStepComponent implements AfterViewInit {
10
10
  ocColor: 'purple' | 'green';
11
11
  ocCompleted: boolean;
12
12
  ocStyle: OcStyleThemeType;
13
+ ocType: 'history' | 'default';
14
+ ocExpandable?: boolean;
13
15
  ocClick: EventEmitter<any>;
14
16
  stepIndex: number;
15
17
  selectedIndex: number;
@@ -18,5 +20,5 @@ export declare class OcStepComponent implements AfterViewInit {
18
20
  protected handleStepClick(stepIndex: number): void;
19
21
  selectStep: (index: number) => void;
20
22
  static ɵfac: i0.ɵɵFactoryDeclaration<OcStepComponent, never>;
21
- static ɵcmp: i0.ɵɵComponentDeclaration<OcStepComponent, "oc-step", never, { "ocIsActive": { "alias": "ocIsActive"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocCompleted": { "alias": "ocCompleted"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "selectStep": { "alias": "selectStep"; "required": false; }; }, { "ocClick": "ocClick"; }, never, ["*"], true, never>;
23
+ static ɵcmp: i0.ɵɵComponentDeclaration<OcStepComponent, "oc-step", never, { "ocIsActive": { "alias": "ocIsActive"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocCompleted": { "alias": "ocCompleted"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocType": { "alias": "ocType"; "required": false; }; "ocExpandable": { "alias": "ocExpandable"; "required": false; }; "selectStep": { "alias": "selectStep"; "required": false; }; }, { "ocClick": "ocClick"; }, never, ["*"], true, never>;
22
24
  }
@@ -12,6 +12,7 @@ export declare class OcStepperComponent implements AfterViewInit {
12
12
  ocCurrentIndex: number;
13
13
  ocSaveCompletedSteps: boolean;
14
14
  ocStyle: OcStyleThemeType;
15
+ ocType: 'history' | 'default';
15
16
  private completedSteps;
16
17
  ngAfterViewInit(): void;
17
18
  private setCompletedSteps;
@@ -20,5 +21,5 @@ export declare class OcStepperComponent implements AfterViewInit {
20
21
  nextStep(event: Event): void;
21
22
  previousStep(event: Event): void;
22
23
  static ɵfac: i0.ɵɵFactoryDeclaration<OcStepperComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<OcStepperComponent, "oc-stepper", never, { "ocAllowNavigation": { "alias": "ocAllowNavigation"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocCurrentIndex": { "alias": "ocCurrentIndex"; "required": false; }; "ocSaveCompletedSteps": { "alias": "ocSaveCompletedSteps"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, {}, ["ocSteps"], ["*"], true, never>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<OcStepperComponent, "oc-stepper", never, { "ocAllowNavigation": { "alias": "ocAllowNavigation"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocCurrentIndex": { "alias": "ocCurrentIndex"; "required": false; }; "ocSaveCompletedSteps": { "alias": "ocSaveCompletedSteps"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocType": { "alias": "ocType"; "required": false; }; }, {}, ["ocSteps"], ["*"], true, never>;
24
25
  }
@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class OcToggleComponent {
4
4
  _ocChecked: boolean;
5
+ ocDisabled: boolean;
5
6
  ocSize: 'medium' | 'large';
6
7
  set ocChecked(value: boolean);
7
8
  get ocChecked(): boolean;
@@ -9,5 +10,5 @@ export declare class OcToggleComponent {
9
10
  ocCheckedChange: EventEmitter<boolean>;
10
11
  toggleChecked(): void;
11
12
  static ɵfac: i0.ɵɵFactoryDeclaration<OcToggleComponent, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<OcToggleComponent, "oc-toggle", never, { "ocSize": { "alias": "ocSize"; "required": false; }; "ocChecked": { "alias": "ocChecked"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; }, { "ocCheckedChange": "ocCheckedChange"; }, never, never, true, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<OcToggleComponent, "oc-toggle", never, { "ocDisabled": { "alias": "ocDisabled"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocChecked": { "alias": "ocChecked"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; }, { "ocCheckedChange": "ocCheckedChange"; }, never, never, true, never>;
13
14
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "otimus-library",
3
- "version": "0.2.75",
3
+ "version": "0.2.77",
4
4
  "license": "MIT",
5
5
  "peerDependencies": {
6
6
  "@angular/cdk": "^18.2.14",
@@ -1,71 +1,71 @@
1
- @use './variables.scss';
2
-
3
- .oc.color {
4
- // Purple Colors
5
- &.p-1 {
6
- color: variables.$color-brand-p-1;
7
- }
8
- &.p-2 {
9
- color: variables.$color-brand-dp-1;
10
- }
11
- &.p-3 {
12
- color: variables.$color-brand-p-3;
13
- }
14
- &.p-4 {
15
- color: variables.$color-brand-p-4;
16
- }
17
- &.p-5 {
18
- color: variables.$color-brand-p-5;
19
- }
20
- &.p-6 {
21
- color: variables.$color-brand-p-6;
22
- }
23
-
24
- // Dark Purple Colors
25
- &.dp-1 {
26
- color: variables.$color-brand-dp-1;
27
- }
28
- &.dp-2 {
29
- color: variables.$color-brand-dp-2;
30
- }
31
- &.dp-3 {
32
- color: variables.$color-brand-dp-3;
33
- }
34
- &.dp-4 {
35
- color: variables.$color-brand-dp-4;
36
- }
37
- &.dp-5 {
38
- color: variables.$color-brand-dp-5;
39
- }
40
-
41
- // Green Colors
42
- &.g-1 {
43
- color: variables.$color-brand-g-1;
44
- }
45
- &.g-2 {
46
- color: variables.$color-brand-g-2;
47
- }
48
- &.g-3 {
49
- color: variables.$color-brand-g-3;
50
- }
51
- &.g-4 {
52
- color: variables.$color-brand-g-4;
53
- }
54
- &.g-5 {
55
- color: variables.$color-brand-g-5;
56
- }
57
- &.g-6 {
58
- color: variables.$color-brand-g-6;
59
- }
60
-
61
- // Status Colors
62
- &.error {
63
- color: variables.$color-error;
64
- }
65
- &.success {
66
- color: variables.$color-success;
67
- }
68
- &.error {
69
- color: variables.$color-error;
70
- }
1
+ @use './variables.scss';
2
+
3
+ .oc.color {
4
+ // Purple Colors
5
+ &.p-1 {
6
+ color: variables.$color-brand-p-1;
7
+ }
8
+ &.p-2 {
9
+ color: variables.$color-brand-dp-1;
10
+ }
11
+ &.p-3 {
12
+ color: variables.$color-brand-p-3;
13
+ }
14
+ &.p-4 {
15
+ color: variables.$color-brand-p-4;
16
+ }
17
+ &.p-5 {
18
+ color: variables.$color-brand-p-5;
19
+ }
20
+ &.p-6 {
21
+ color: variables.$color-brand-p-6;
22
+ }
23
+
24
+ // Dark Purple Colors
25
+ &.dp-1 {
26
+ color: variables.$color-brand-dp-1;
27
+ }
28
+ &.dp-2 {
29
+ color: variables.$color-brand-dp-2;
30
+ }
31
+ &.dp-3 {
32
+ color: variables.$color-brand-dp-3;
33
+ }
34
+ &.dp-4 {
35
+ color: variables.$color-brand-dp-4;
36
+ }
37
+ &.dp-5 {
38
+ color: variables.$color-brand-dp-5;
39
+ }
40
+
41
+ // Green Colors
42
+ &.g-1 {
43
+ color: variables.$color-brand-g-1;
44
+ }
45
+ &.g-2 {
46
+ color: variables.$color-brand-g-2;
47
+ }
48
+ &.g-3 {
49
+ color: variables.$color-brand-g-3;
50
+ }
51
+ &.g-4 {
52
+ color: variables.$color-brand-g-4;
53
+ }
54
+ &.g-5 {
55
+ color: variables.$color-brand-g-5;
56
+ }
57
+ &.g-6 {
58
+ color: variables.$color-brand-g-6;
59
+ }
60
+
61
+ // Status Colors
62
+ &.error {
63
+ color: variables.$color-error;
64
+ }
65
+ &.success {
66
+ color: variables.$color-success;
67
+ }
68
+ &.error {
69
+ color: variables.$color-error;
70
+ }
71
71
  }