warning : export 'ModalTemplate' was not found in 'ng2-semantic-ui'

[dev-fullstacktechnology]

Bug description: importing ModalTemplate cause warning for

export 'ModalTemplate' was not found in 'ng2-semantic-ui'

I had this error when I am using template based modal method for dialog.
I am not getting this type of error in plunker so I was putting snapshot of my project code.

Version of Angular, ng2-semantic-ui, Semantic UI

Angular: 4.2.2
ng2-semantic-ui: 0.8.2
Semantic UI: 2.2.2

I looked on internet but there is no such answer found for my solution.

Send me a reply if you need any other detail related to issue.

[sumitridhal]

@edcarroll This is a great project, thanks for all your hard work.

I'm getting the same error.

[edcarroll]

This is a webpack issue due to the fact that interfaces in Typescript are erased upon compilation.

A workaround (for now) is to make a new file called modal-template.ts (or anything you like) that has the contents:

import {ModalTemplate} from "ng2-semantic-ui";

export {ModalTemplate};

Then whenever you need ModalTemplate just import it from this new file (called a barrel).

I'll try to get a fix for this sorted next week, am currently on holiday so a workaround will have to do for now :)

[sumitridhal]

@edcarroll Thanks a lot 👍
Changes:
File: node_modules\ng2-semantic-ui\dist\modules\modal\classes\modal-template.ts

export declare class ModalTemplate<T, U = undefined, V = undefined> {
    context: T;
    constructor(context: T);
}

File: node_modules\ng2-semantic-ui\dist\modules\modal\index.js
Added : export * from "./classes/modal-template";

File: node_modules\ng2-semantic-ui\dist\modules\modal\public.js

Added: export { ...., ModalTemplate } from "./index";

Working fine for me.

[dev-fullstacktechnology]

Thanks for solutions. I will check for that solution. And one more thing is we don't have one type of multi select drop down is available. Do I need to open a new issue?

[edcarroll]

@dev-fullstacktechnology apologies, can't work out what you mean by your last message, is there a specific style of multi select not working?

[edcarroll]

0.9.3 is now live with a fix for this. This was actually happening due to how decorators are compiled into JS, since when you annotate something it keeps its type ready to be accessed. Since ModalTemplate was a type, it was erased and so didn't exist at runtime. I've changed ModalTemplate to be an abstract class so that it still exists at runtime and no longer will cause this warning. Thanks for your patience!!

[dev-fullstacktechnology]

This is the snippet for I want feature available in our project.

When I select multiple option from drop down it will show selected option with dark and only count of them is displaying on label box. So, we have multiple selection drop down feature allow to use where lake of space is there.
Let me know if you make another Issue for this feature or I can say improvement.

[edcarroll]

@dev-fullstacktechnology I see what you mean, essentially an option for it to not remove the labels from the list.

Could you please open a separate issue as a feature request so I can track it there and get it into a release?

[dev-fullstacktechnology]

ok, That is good for us