@colijnit/sharedcomponents 262.1.23 → 262.1.25

package/index.d.ts

@@ -61,7 +61,11 @@ import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report
 import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
 import { RelationLight } from '@colijnit/mainapi/build/model/relation-light.bo';
 import * as i3 from '@colijnit/corecomponents_v12';
-import { CoreDialogService, BaseModuleScreenConfigService, SimpleGridColumnTemplateType, OverlayService, ScreenConfigAdapterComponent, FormComponent, PromptService, FormMasterService, IconCacheService as IconCacheService$1, InputTextComponent, ColorSequenceService, IconListItem, ColorSequenceName } from '@colijnit/corecomponents_v12';
+import { CoreDialogService, BaseModuleScreenConfigService, SimpleGridColumnTemplateType, OverlayService, ScreenConfigAdapterComponent, FormComponent, PromptService, FormMasterService, IconCacheService as IconCacheService$1, InputTextComponent, ColorSequenceService, IconListItem, ColorSequenceName, CoreComponentsIcon } from '@colijnit/corecomponents_v12';
+import { UserGroup } from '@colijnit/mainapi/build/model/user-group.bo';
+import { PresetSearchRequest } from '@colijnit/mainapi/build/model/preset-search-request';
+import { PresetUser } from '@colijnit/mainapi/build/model/preset-user.bo';
+import { Preset } from '@colijnit/mainapi/build/model/preset.bo';
 import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
 import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
 import { PrintStockStickers as PrintStockStickers$1 } from '@colijnit/articleapi/build/model/print-stock-stickers';
@@ -109,6 +113,8 @@ import { FormQuestionResponse } from '@colijnit/mainapi/build/model/form-questio
 import { BusinessObjectIDType } from '@colijnit/ioneconnector/build/type/business-object-id-type';
 import { RelationKind as RelationKind$1 } from '@colijnit/mainapi/build/enum/relation-kind';
 import { Relation } from '@colijnit/relationapi/build/model/relation.bo';
+import { PresetModule } from '@colijnit/mainapi/build/enum/preset-module.enum';
+import { PresetElement } from '@colijnit/mainapi/build/enum/preset-element.enum';
 import { Options } from '@colijnit/ioneconnector/build/model/options';
 
 interface TextDimension {
@@ -288,12 +294,13 @@ declare class OptionsService {
 declare class SharedConnectorService {
     private _optionsService;
     private _dialogService;
+    private _dictionaryService;
     articleConnector: Articles;
     sharedConnector: Sharedapi;
     mainConnector: MainApi;
     relationConnector: RelationApi;
     private _boFactory;
-    constructor(_optionsService: OptionsService, _dialogService: CoreDialogService);
+    constructor(_optionsService: OptionsService, _dialogService: CoreDialogService, _dictionaryService: SharedComponentsDictionaryService);
     connect(): Promise<void>;
     getConfiguration(module: string, params: string[]): Promise<ObjectConfiguration[]>;
     getSequenceValue(seq: SequenceName): Promise<number>;
@@ -352,6 +359,14 @@ declare class SharedConnectorService {
     lockFormResponse(formResponseId: number): Promise<boolean>;
     unlockFormResponse(formResponseId: number): Promise<boolean>;
     getBranchesByWarehouseNumber(warehouseNo: number): Promise<RelationLight[]>;
+    getUserGroups(): Promise<UserGroup[]>;
+    getPresets(request: PresetSearchRequest): Promise<Preset[]>;
+    savePreset(preset: Preset): Promise<boolean>;
+    deletePreset(preset: Preset): Promise<boolean>;
+    updatePreset(preset: Preset): Promise<boolean>;
+    getPresetUsers(request: PresetSearchRequest): Promise<PresetUser[]>;
+    getPinnedPresetUsers(request: PresetSearchRequest): Promise<PresetUser[]>;
+    updatePresetUsers(presetUser: PresetUser): Promise<boolean>;
     getStockStickerEmailLayouts(): Promise<ReportLayoutSelectionEmail[]>;
     getStockStickerPrintLayouts(): Promise<ReportLayoutSelectionPrint[]>;
     printStockStickers(printStockStickersRequest: PrintStockStickersRequest): Promise<boolean>;
@@ -359,6 +374,8 @@ declare class SharedConnectorService {
     printTransferStickers(printTransferStickerRequest: PrintTransferStickersRequest): Promise<boolean>;
     commit(): Promise<boolean>;
     private _handleExceptionFromResponse;
+    private _messageAsValidationError;
+    private _messageDetails;
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedConnectorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SharedConnectorService>;
 }
@@ -443,6 +460,7 @@ declare enum Icon {
     Employee = "employee",
     EnvelopeRegular = "envelope_regular",
     EyeRegular = "eye_regular",
+    EyeSlashRegular = "eye_slash_regular",
     FileExportRegular = "file_export_regular",
     FileExportSolid = "file_export_solid",
     FileMagnifyingGlass = "file_magnifying_glass",
@@ -454,6 +472,8 @@ declare enum Icon {
     IoneWorkflow = "ione_workflow",
     ListUlRegular = "list_ul_regular",
     Lock = "lock",
+    LockRegular = "lock_regular",
+    LockSolid = "lock_solid",
     MessageSmsRegular = "message_sms_regular",
     MessageSmsSolid = "message_sms_solid",
     MinusSimple = "minus_simple",
@@ -478,6 +498,7 @@ declare enum Icon {
     Task = "task",
     Trashbin = "trashbin",
     TrashCanRegular = "trash_can_regular",
+    UserSolid = "user_solid",
     WorkInProgress = "work_in_progress",
     WorkInProgressRoundOpen = "work_in_progress_round_open",
     Xml = "xml",
@@ -3396,6 +3417,7 @@ declare class TaskModifierComponent implements OnDestroy {
     updateEditActivity(activity: Activity): void;
     handleTriggerFired(): void;
     enableEmailOnNextSave(): void;
+    protected readonly ActivityType: typeof ActivityType;
     static ɵfac: i0.ɵɵFactoryDeclaration<TaskModifierComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TaskModifierComponent, "co-task-modifier", never, { "taskCfgNames": { "alias": "taskCfgNames"; "required": false; }; "workflowCategory": { "alias": "workflowCategory"; "required": false; }; "reference": { "alias": "reference"; "required": false; }; "referenceId": { "alias": "referenceId"; "required": false; }; "userGroupId": { "alias": "userGroupId"; "required": false; }; "relationId": { "alias": "relationId"; "required": false; }; "branchNo": { "alias": "branchNo"; "required": false; }; "createTaskOperation": { "alias": "createTaskOperation"; "required": false; }; "forceReadonly": { "alias": "forceReadonly"; "required": false; }; }, { "editingComplete": "editingComplete"; "activitySaved": "activitySaved"; "activityDeleted": "activityDeleted"; "closedWithoutComplete": "closedWithoutComplete"; "showWorkLog": "showWorkLog"; "taskCreated": "taskCreated"; "taskModified": "taskModified"; "triggerFired": "triggerFired"; }, never, never, false, never>;
 }
@@ -4953,6 +4975,157 @@ declare class ActivityTimelineModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ActivityTimelineModule>;
 }
 
+declare class SearchPresetsService {
+    private _sharedConnector;
+    relationId: number;
+    isAdmin: boolean;
+    presetUserCollection: PresetUser[];
+    constructor(_sharedConnector: SharedConnectorService);
+    savePreset(preset: Preset): Promise<boolean>;
+    updatePreset(preset: Preset): Promise<boolean>;
+    deletePreset(preset: Preset): Promise<boolean>;
+    getPresets(request: PresetSearchRequest): Promise<Preset[]>;
+    getPresetUsers(request: PresetSearchRequest): Promise<PresetUser[]>;
+    getPinnedPresetUsers(request: PresetSearchRequest): Promise<PresetUser[]>;
+    updatePresetUsers(presetUser: PresetUser): Promise<boolean>;
+    getUserGroups(): Promise<UserGroup[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPresetsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SearchPresetsService>;
+}
+
+declare class SearchPresetOverviewComponent {
+    private _prompt;
+    private _searchPresetService;
+    showSavePresetDialog: boolean;
+    showAllPresets: boolean;
+    showStoreAsCopy: boolean;
+    storeAsCopy: boolean;
+    pinnedPresetUserCollection: PresetUser[];
+    currentActivePreset: Preset;
+    searchRequest: Object;
+    presetModule: PresetModule;
+    presetElement: PresetElement;
+    searchRequestChange: EventEmitter<Object>;
+    searchRequested: EventEmitter<void>;
+    resetFilterClick: EventEmitter<void>;
+    showClass(): boolean;
+    constructor(_prompt: PromptService, _searchPresetService: SearchPresetsService);
+    presetSelectedFromPinnedOptions(selectedPresetUser: PresetUser): void;
+    showAllPresetsClicked(): void;
+    saveDialogCancelClicked(): void;
+    saveDialogSaveClicked(saveAsNew: boolean): Promise<void>;
+    savePresetAsNew(): Promise<boolean>;
+    getPresetsUsers(autoload?: boolean): Promise<void>;
+    getPinnedPresets(): Promise<void>;
+    checkAndApplyDefaultPreset(): void;
+    showAllCloseClicked(): Promise<void>;
+    deletePreset(selectedPreset: Preset): Promise<void>;
+    presetSelectedFromOverview(selectedPresetUser: PresetUser): Promise<void>;
+    refreshPresetsNoAutoLoad(): Promise<void>;
+    private _applyPreset;
+    private _presetAndSearchReset;
+    private _updatePreset;
+    private _savePreset;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPresetOverviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchPresetOverviewComponent, "co-search-preset-overview-component", never, { "presetModule": { "alias": "presetModule"; "required": false; }; "presetElement": { "alias": "presetElement"; "required": false; }; }, { "searchRequestChange": "searchRequestChange"; "searchRequested": "searchRequested"; "resetFilterClick": "resetFilterClick"; }, never, never, false, never>;
+}
+
+declare class SearchPresetsPinnedComponent {
+    private _searchPresetsService;
+    private _presetElement;
+    activePreset: Preset;
+    component: string;
+    presetUserCollection: PresetUser[];
+    presetModule: PresetModule;
+    set presetElement(element: PresetElement);
+    presetChosen: EventEmitter<any>;
+    showAll: EventEmitter<any>;
+    showClass(): boolean;
+    constructor(_searchPresetsService: SearchPresetsService);
+    presetClicked(selectedPresetUser: PresetUser): void;
+    showAllClicked(): void;
+    getPinned(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPresetsPinnedComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchPresetsPinnedComponent, "co-search-preset-pinned", never, { "activePreset": { "alias": "activePreset"; "required": false; }; "component": { "alias": "component"; "required": false; }; "presetUserCollection": { "alias": "presetUserCollection"; "required": false; }; "presetModule": { "alias": "presetModule"; "required": false; }; "presetElement": { "alias": "presetElement"; "required": false; }; }, { "presetChosen": "presetChosen"; "showAll": "showAll"; }, never, never, false, never>;
+}
+
+declare class SearchPresetsPinnedModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPresetsPinnedModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SearchPresetsPinnedModule, [typeof SearchPresetsPinnedComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof SharedComponentsTranslationModule], [typeof SearchPresetsPinnedComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SearchPresetsPinnedModule>;
+}
+
+declare class SearchPresetOverviewDialogComponent implements OnInit {
+    coreIconCacheService: IconCacheService$1;
+    iconCacheService: IconCacheService;
+    searchPresetsService: SearchPresetsService;
+    readonly simpleGridColumnTemplateType: typeof SimpleGridColumnTemplateType;
+    readonly icons: typeof Icon;
+    readonly coreIcons: typeof CoreComponentsIcon;
+    presetModule: PresetModule;
+    presetElement: PresetElement;
+    presetSelected: EventEmitter<PresetUser>;
+    presetDeleted: EventEmitter<Preset>;
+    closeClicked: EventEmitter<void>;
+    requestRefresh: EventEmitter<void>;
+    selectedPreset: PresetUser;
+    showDelete: boolean;
+    showClass(): boolean;
+    constructor(coreIconCacheService: IconCacheService$1, iconCacheService: IconCacheService, searchPresetsService: SearchPresetsService);
+    ngOnInit(): Promise<void>;
+    openPresetClicked(selectedPresetUser: PresetUser): void;
+    cancelButtonClicked(): void;
+    handleRowSelect(presetUser: any): void;
+    handleRowDelete(event: any): void;
+    standardChanged(alteredPresetUser: PresetUser): Promise<void>;
+    autoLoadChanged(alteredPresetUser: PresetUser): Promise<void>;
+    pinOnScreenChanged(alteredPresetUser: PresetUser): Promise<void>;
+    private _upsertPreset;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPresetOverviewDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchPresetOverviewDialogComponent, "co-search-preset-overview-dialog", never, { "presetModule": { "alias": "presetModule"; "required": false; }; "presetElement": { "alias": "presetElement"; "required": false; }; }, { "presetSelected": "presetSelected"; "presetDeleted": "presetDeleted"; "closeClicked": "closeClicked"; "requestRefresh": "requestRefresh"; }, never, never, false, never>;
+}
+
+declare class SearchPresetOverviewDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPresetOverviewDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SearchPresetOverviewDialogModule, [typeof SearchPresetOverviewDialogComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i3.CoDialogModule, typeof i3.IconModule, typeof i3.InputCheckboxModule, typeof i3.SimpleGridModule, typeof SharedComponentsTranslationModule], [typeof SearchPresetOverviewDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SearchPresetOverviewDialogModule>;
+}
+
+declare class SearchPresetSaveDialogComponent {
+    iconCacheService: IconCacheService;
+    searchPresetService: SearchPresetsService;
+    protected readonly icons: typeof Icon;
+    userGroupCollection: UserGroup[];
+    userGroupsChosen: UserGroup[];
+    storeAsCopyVisible: boolean;
+    storeAsCopy: boolean;
+    set preset(newPreset: Preset);
+    saveClicked: EventEmitter<boolean>;
+    cancelClicked: EventEmitter<void>;
+    currentPreset: Preset;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, searchPresetService: SearchPresetsService);
+    userGroupsChanged(): void;
+    saveButtonClicked(): void;
+    cancelButtonClicked(): void;
+    private getUserGroups;
+    private setUserGroups;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPresetSaveDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchPresetSaveDialogComponent, "co-search-preset-save-dialog", never, { "storeAsCopyVisible": { "alias": "storeAsCopyVisible"; "required": false; }; "storeAsCopy": { "alias": "storeAsCopy"; "required": false; }; "preset": { "alias": "preset"; "required": false; }; }, { "saveClicked": "saveClicked"; "cancelClicked": "cancelClicked"; }, never, never, false, never>;
+}
+
+declare class SearchPresetSaveDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPresetSaveDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SearchPresetSaveDialogModule, [typeof SearchPresetSaveDialogComponent], [typeof i2.CommonModule, typeof i3.InputTextModule, typeof i3.ListOfValuesModule, typeof i3.InputCheckboxModule, typeof i3.CoDialogModule, typeof i3.ButtonModule, typeof SharedComponentsTranslationModule], [typeof SearchPresetSaveDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SearchPresetSaveDialogModule>;
+}
+
+declare class SearchPresetOverviewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPresetOverviewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SearchPresetOverviewModule, [typeof SearchPresetOverviewComponent], [typeof i2.CommonModule, typeof SearchPresetsPinnedModule, typeof SearchPresetOverviewDialogModule, typeof SearchPresetSaveDialogModule], [typeof SearchPresetOverviewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SearchPresetOverviewModule>;
+}
+
 interface FingerPrintResult {
     fingerPrint?: string;
     deviceLabel?: string;
@@ -5239,5 +5412,5 @@ interface TreeViewNodeItemOptions {
     leafConditionField: string;
 }
 
-export { ActivityListComponent, ActivityListModule, ActivityTimelineComponent, ActivityTimelineModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DateRange, Day, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, FingerPrintService, FormBuilderUserFormComponent, FormBuilderUserFormModule, GaugeColor$1 as GaugeColor, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, Month, NULL_AGENDA_EVENT, NULL_AGENDA_EVENT_PER_DAY, NULL_DAY, NULL_MONTH, NULL_WEEK, PreferredPlanningComponent, PreferredPlanningModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SendMethod, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedEventService, SharedLocalizePipe, SharedService, SharedSettings, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StatusbarPopupComponent, StockComponent, StockModule, TagTreeItem, TaskCreatorComponent, TaskCreatorModule, TimeWindow, TreeObject, TreeView, TreeViewNode, UserFormMode, Week, WeekStart, Weekday, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon };
+export { ActivityListComponent, ActivityListModule, ActivityTimelineComponent, ActivityTimelineModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DateRange, Day, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, FingerPrintService, FormBuilderUserFormComponent, FormBuilderUserFormModule, GaugeColor$1 as GaugeColor, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, Month, NULL_AGENDA_EVENT, NULL_AGENDA_EVENT_PER_DAY, NULL_DAY, NULL_MONTH, NULL_WEEK, PreferredPlanningComponent, PreferredPlanningModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SearchPresetOverviewComponent, SearchPresetOverviewModule, SearchPresetsService, SendMethod, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedEventService, SharedLocalizePipe, SharedService, SharedSettings, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StatusbarPopupComponent, StockComponent, StockModule, TagTreeItem, TaskCreatorComponent, TaskCreatorModule, TimeWindow, TreeObject, TreeView, TreeViewNode, UserFormMode, Week, WeekStart, Weekday, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon };
 export type { StatusbarData, TextDimension, TreeViewModel, TreeViewNodeItemOptions, TreeViewNodeModel };

package/lib/components/search-presets/search-preset-overview-component/style/_layout.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-search-preset-overview-component-layout') {
+  .co-search-preset-overview-component {
+  }
+}

package/lib/components/search-presets/search-preset-overview-component/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-search-preset-overview-component-theme') {
+  .co-search-preset-overview-component {
+  }
+}

package/lib/components/search-presets/search-preset-overview-component/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/search-presets/search-preset-overview-dialog-component/style/_layout.scss

@@ -0,0 +1,8 @@
+@include export-module('cc-search-preset-overview-dialog-layout') {
+  .co-search-preset-overview-dialog {
+    .co-dialog-wrapper {
+      max-width: 800px;
+      height: 600px;
+    }
+  }
+}

package/lib/components/search-presets/search-preset-overview-dialog-component/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-search-preset-overview-component.scss-theme') {
+  .co-search-preset-overview {
+  }
+}

package/lib/components/search-presets/search-preset-overview-dialog-component/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/search-presets/search-preset-save-dialog/style/_layout.scss

@@ -0,0 +1,26 @@
+@include export-module('cc-search-preset-save-dialog-layout') {
+  .co-search-preset-save-dialog {
+    #preset-save-dialog:not(.is-mobile) .co-dialog-wrapper {
+      width: 400px;
+      min-height: 200px;
+      max-height: 500px;
+
+      .save-dialog-contents {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        row-gap: 10px;
+        padding: 10px;
+
+        .co-input-text {
+          width: 100%;
+        }
+
+        .co-list-of-values {
+          width: 100%;
+        }
+      }
+    }
+
+  }
+}

package/lib/components/search-presets/search-preset-save-dialog/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-search-preset-save-dialog-theme') {
+  .co-search-preset-save-dialog {
+  }
+}

package/lib/components/search-presets/search-preset-save-dialog/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/search-presets/search-presets-pinned/style/_layout.scss

@@ -0,0 +1,59 @@
+@include export-module('cc-co-search-preset-pinned-layout') {
+  .co-search-preset-pinned {
+    width: 100%;
+    padding: 2px;
+    min-height: 30px;
+    display: flex;
+    .preset-button {
+      display: block;
+    }
+    .pinned-presets-row {
+      width: 100%;
+      display: flex;
+      flex-direction: row;
+      column-gap: 5px;
+      padding: 10px 10px 10px 20px;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+    }
+    .presets-wrapper {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 5px
+    }
+    .presets {
+      height: 16px;
+      font-size: 10px;
+      color: #000000;
+      background: #f5f5fa;
+      border-radius: 5px;
+      padding: 2px 7px;
+      user-select: none;
+
+      &.active {
+        color: #FFFFFF;
+        background: red;
+      }
+    }
+
+    .show-all-button {
+      height: 16px;
+      font-size: 10px;
+      color: #000000;
+      display: flex;
+      align-items: center;
+      background: #FFFFFF;
+      border: 1px solid;
+      border-radius: 5px;
+      padding: 2px 7px;
+      cursor: pointer;
+
+      &:hover {
+        background: #1A73E8;
+        color: #FFF;
+        filter: none;
+      }
+    }
+  }
+}

package/lib/components/search-presets/search-presets-pinned/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-co-search-preset-pinned-theme') {
+  .co-search-preset-pinned {
+  }
+}

package/lib/components/search-presets/search-presets-pinned/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "262.1.23",
+  "version": "262.1.25",
   "private": false,
   "dependencies": {
     "chart.js": "4.3.0",
@@ -11,7 +11,7 @@
     "@angular/common": "^20.3.16",
     "@angular/core": "^20.3.16",
     "@colijnit/articleapi": ">=262.1.0",
-    "@colijnit/mainapi": ">=262.1.18",
+    "@colijnit/mainapi": ">=262.1.19",
     "@colijnit/corecomponents_v12": ">=262.1.0",
     "@colijnit/ioneconnector": ">=262.1.0",
     "@colijnit/sharedapi": ">=1.0.20",