Member Junction
    Preparing search index...

    Class BrandKitCreatorComponent

    Single-screen Brand Kit creator (mj-brand-kit-creator).

    L2 reusable component in @memberjunction/ng-brand-kits with form on the left and a live preview (gallery card + 16:9 title frame) on the right. Reads and writes via ProviderToUse, attaches an uploaded logo as the primary Logo asset via CreateBrandKitAssetFromUpload, samples logo colors via SuggestColorsFromRgbaPixels, and emits Saved with the new kit ID.

    Hierarchy (View Summary)

    Implements

    • OnInit
    Index

    Constructors

    constructor

    Properties

    AllowGeneratedImages AllowGeneratedVideo AllowSyntheticPeople AvailableCompanies AvoidItemsText BodyFontFamily Cancelled Companies FontSuggestions HeadingFontFamily ImageryStyle InitialCompanyId IsDefault KeepItemsText LogoPreviewUrl MaxSwatches Name NeverInventItems NewNeverInventInput OpenMoreSettings Palette PendingLogoFileName PendingLogoUpload Provider Saved SavedKitId SaveError Saving SelectedCompanyId SuggestingColors SyntheticPeopleWarning ɵdir ɵfac

    Accessors

    AccentSwatchColor CanAddSwatch PreviewDisplayName PrimarySwatchColor ProviderToUse RunQueryToUse RunViewToUse SecondarySwatchColor SelectedCompanyName

    Methods

    AddNeverInventItem AddSwatch ApplySuggestedColorsFromPixels BuildGenerationPolicyObject BuildStyleObject LoadCompanies ngOnInit NormalizeColorInputValue OnCancel OnLogoFileUploaded OnNeverInventKeydown OnOpenMoreSettings OnSwatchColorPickerChange OnSwatchHexTextChange RemoveNeverInventItem RemoveSwatch Save SuggestColorsFromLogo

    Constructors

    Properties

    AllowGeneratedImages: boolean = DEFAULT_BRAND_GENERATION_POLICY.AllowGeneratedImages
    AllowGeneratedVideo: boolean = DEFAULT_BRAND_GENERATION_POLICY.AllowGeneratedVideo
    AllowSyntheticPeople: boolean = false
    AvailableCompanies: BrandKitCompanyOption[] = []
    AvoidItemsText: string = ''
    BodyFontFamily: string = 'Inter'
    Cancelled: EventEmitter<void> = ...
    Companies: BrandKitCompanyOption[] | null = null
    FontSuggestions: readonly string[] = COMMON_BRAND_FONT_FAMILIES
    HeadingFontFamily: string = 'Inter'
    ImageryStyle: string = ''
    InitialCompanyId: string | null = null
    IsDefault: boolean = false
    KeepItemsText: string = ''
    LogoPreviewUrl: string | null = null
    MaxSwatches: 6 = MAX_BRAND_KIT_SWATCHES
    Name: string = ''
    NeverInventItems: string[] = []
    NewNeverInventInput: string = ''
    OpenMoreSettings: EventEmitter<string> = ...
    Palette: MJBrandKitEntity_IBrandColor[] = ...
    PendingLogoFileName: string | null = null
    PendingLogoUpload: FileUploadEvent | null = null
    Provider: IMetadataProvider | null

    If specified, this provider will be used for communication and for all metadata purposes. By default, if not provided, the Metadata and RunView classes are used for this and the default GraphQLDataProvider is used which is connected to the same back-end MJAPI instance as the Metadata and RunView classes. If you want to have this component connect to a different MJAPI back-end, create an instance of a ProviderBase sub-class like GraphQLDataProvider/etc, and configure it as appropriate to connect to the MJAPI back-end you want to use, and then pass it in here.

    Saved: EventEmitter<string> = ...
    SavedKitId: string | null = null
    SaveError: string | null = null
    Saving: boolean = false
    SelectedCompanyId: string = ''
    SuggestingColors: boolean = false
    SyntheticPeopleWarning: "A generated person may never be presented as a member, customer, employee or speaker." = SYNTHETIC_PEOPLE_POLICY_WARNING
    "ɵdir": unknown
    "ɵfac": ɵɵFactoryDeclaration<BaseAngularComponent, never>

    Accessors

    • get ProviderToUse(): IMetadataProvider

      Returns either the default Metadata provider or the one specified in the Provider property, if it was specified

      Returns IMetadataProvider

    • get RunQueryToUse(): IRunQueryProvider

      Returns either the default RunQuery provider or the one specified in the Provider property, if it was specified

      Returns IRunQueryProvider

    • get RunViewToUse(): IRunViewProvider

      Returns either the default RunView provider or the one specified in the Provider property, if it was specified

      Returns IRunViewProvider

    Methods

    • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

      Returns Promise<void>

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods