Ref: maxFontSize instead useMaxFontSize
This commit is contained in:
parent
ded7196bcc
commit
43d4cf66f4
11 changed files with 275 additions and 252 deletions
408
.idea/workspace.xml
generated
408
.idea/workspace.xml
generated
|
|
@ -5,8 +5,18 @@
|
||||||
</component>
|
</component>
|
||||||
<component name="ChangeListManager">
|
<component name="ChangeListManager">
|
||||||
<list default="true" id="6d9e6998-eced-4f47-8fb4-3257db3e18e7" name="Default" comment="">
|
<list default="true" id="6d9e6998-eced-4f47-8fb4-3257db3e18e7" name="Default" comment="">
|
||||||
|
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/dist/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/dist/README.md" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/examples/dev/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/examples/dev/package-lock.json" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/examples/dev/src/app/app.component.html" beforeDir="false" afterPath="$PROJECT_DIR$/examples/dev/src/app/app.component.html" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/examples/dev/src/app/app.module.ts" beforeDir="false" afterPath="$PROJECT_DIR$/examples/dev/src/app/app.module.ts" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts" beforeDir="false" afterPath="$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/package-lock.json" afterDir="false" />
|
||||||
<change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
|
<change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
|
||||||
<change beforePath="$PROJECT_DIR$/publishPackage.json" beforeDir="false" afterPath="$PROJECT_DIR$/publishPackage.json" afterDir="false" />
|
<change beforePath="$PROJECT_DIR$/publishPackage.json" beforeDir="false" afterPath="$PROJECT_DIR$/publishPackage.json" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/src/distPackage.json" beforeDir="false" />
|
||||||
</list>
|
</list>
|
||||||
<ignored path="$PROJECT_DIR$/.tmp/" />
|
<ignored path="$PROJECT_DIR$/.tmp/" />
|
||||||
<ignored path="$PROJECT_DIR$/temp/" />
|
<ignored path="$PROJECT_DIR$/temp/" />
|
||||||
|
|
@ -79,51 +89,54 @@
|
||||||
<session id="-1436062187">
|
<session id="-1436062187">
|
||||||
<usages-collector id="statistics.lifecycle.project">
|
<usages-collector id="statistics.lifecycle.project">
|
||||||
<counts>
|
<counts>
|
||||||
<entry key="project.closed" value="4" />
|
<entry key="project.closed" value="5" />
|
||||||
<entry key="project.open.time.0" value="2" />
|
<entry key="project.open.time.0" value="3" />
|
||||||
<entry key="project.open.time.1" value="2" />
|
<entry key="project.open.time.1" value="2" />
|
||||||
<entry key="project.open.time.8" value="1" />
|
<entry key="project.open.time.8" value="1" />
|
||||||
<entry key="project.open.time.9" value="1" />
|
<entry key="project.open.time.9" value="1" />
|
||||||
<entry key="project.opened" value="6" />
|
<entry key="project.opened" value="7" />
|
||||||
</counts>
|
</counts>
|
||||||
</usages-collector>
|
</usages-collector>
|
||||||
<usages-collector id="statistics.js.language.service.starts">
|
<usages-collector id="statistics.js.language.service.starts">
|
||||||
<counts>
|
<counts>
|
||||||
<entry key="Angular2LanguageService" value="4" />
|
<entry key="Angular2LanguageService" value="5" />
|
||||||
|
<entry key="TypeScriptServerServiceImpl" value="1" />
|
||||||
</counts>
|
</counts>
|
||||||
</usages-collector>
|
</usages-collector>
|
||||||
<usages-collector id="statistics.file.extensions.edit">
|
<usages-collector id="statistics.file.extensions.edit">
|
||||||
<counts>
|
<counts>
|
||||||
<entry key="html" value="4" />
|
<entry key="html" value="87" />
|
||||||
<entry key="json" value="193" />
|
<entry key="json" value="203" />
|
||||||
<entry key="ts" value="18" />
|
<entry key="md" value="84" />
|
||||||
|
<entry key="ts" value="151" />
|
||||||
</counts>
|
</counts>
|
||||||
</usages-collector>
|
</usages-collector>
|
||||||
<usages-collector id="statistics.file.types.edit">
|
<usages-collector id="statistics.file.types.edit">
|
||||||
<counts>
|
<counts>
|
||||||
<entry key="HTML" value="4" />
|
<entry key="HTML" value="87" />
|
||||||
<entry key="JSON" value="193" />
|
<entry key="JSON" value="203" />
|
||||||
<entry key="TypeScript" value="18" />
|
<entry key="PLAIN_TEXT" value="84" />
|
||||||
|
<entry key="TypeScript" value="151" />
|
||||||
</counts>
|
</counts>
|
||||||
</usages-collector>
|
</usages-collector>
|
||||||
<usages-collector id="statistics.file.extensions.open">
|
<usages-collector id="statistics.file.extensions.open">
|
||||||
<counts>
|
<counts>
|
||||||
<entry key="css" value="1" />
|
<entry key="css" value="1" />
|
||||||
<entry key="html" value="1" />
|
<entry key="html" value="2" />
|
||||||
<entry key="js" value="2" />
|
<entry key="js" value="3" />
|
||||||
<entry key="json" value="7" />
|
<entry key="json" value="11" />
|
||||||
<entry key="md" value="2" />
|
<entry key="md" value="4" />
|
||||||
<entry key="ts" value="1" />
|
<entry key="ts" value="5" />
|
||||||
</counts>
|
</counts>
|
||||||
</usages-collector>
|
</usages-collector>
|
||||||
<usages-collector id="statistics.file.types.open">
|
<usages-collector id="statistics.file.types.open">
|
||||||
<counts>
|
<counts>
|
||||||
<entry key="CSS" value="1" />
|
<entry key="CSS" value="1" />
|
||||||
<entry key="HTML" value="1" />
|
<entry key="HTML" value="2" />
|
||||||
<entry key="JSON" value="7" />
|
<entry key="JSON" value="11" />
|
||||||
<entry key="JavaScript" value="2" />
|
<entry key="JavaScript" value="3" />
|
||||||
<entry key="PLAIN_TEXT" value="2" />
|
<entry key="PLAIN_TEXT" value="4" />
|
||||||
<entry key="TypeScript" value="1" />
|
<entry key="TypeScript" value="5" />
|
||||||
</counts>
|
</counts>
|
||||||
</usages-collector>
|
</usages-collector>
|
||||||
</session>
|
</session>
|
||||||
|
|
@ -131,65 +144,83 @@
|
||||||
<component name="FileEditorManager">
|
<component name="FileEditorManager">
|
||||||
<leaf SIDE_TABS_SIZE_LIMIT_KEY="375">
|
<leaf SIDE_TABS_SIZE_LIMIT_KEY="375">
|
||||||
<file pinned="false" current-in-tab="false">
|
<file pinned="false" current-in-tab="false">
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.ts">
|
<entry file="file://$PROJECT_DIR$/README.md">
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
<state relative-caret-position="255">
|
<state relative-caret-position="425">
|
||||||
<caret line="15" lean-forward="true" selection-start-line="15" selection-end-line="15" />
|
<caret line="25" column="15" lean-forward="true" selection-end-line="133" />
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
</file>
|
</file>
|
||||||
|
<file pinned="false" current-in-tab="false">
|
||||||
|
<entry file="file://$PROJECT_DIR$/package.json">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="629">
|
||||||
|
<caret line="37" column="38" selection-start-line="37" selection-start-column="38" selection-end-line="37" selection-end-column="38" />
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
</file>
|
||||||
|
<file pinned="false" current-in-tab="false">
|
||||||
|
<entry file="file://$PROJECT_DIR$/dist/package.json">
|
||||||
|
<provider selected="true" editor-type-id="text-editor" />
|
||||||
|
</entry>
|
||||||
|
</file>
|
||||||
|
<file pinned="false" current-in-tab="false">
|
||||||
|
<entry file="file://$PROJECT_DIR$/dist/directives/ng2-fittext.directive.js">
|
||||||
|
<provider selected="true" editor-type-id="text-editor" />
|
||||||
|
</entry>
|
||||||
|
</file>
|
||||||
<file pinned="false" current-in-tab="true">
|
<file pinned="false" current-in-tab="true">
|
||||||
<entry file="file://$PROJECT_DIR$/package.json">
|
<entry file="file://$PROJECT_DIR$/dist/README.md">
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
<state relative-caret-position="204">
|
<state relative-caret-position="483">
|
||||||
<caret line="12" column="37" selection-start-line="12" selection-start-column="37" selection-end-line="12" selection-end-column="37" />
|
<caret line="107" column="61" lean-forward="true" selection-start-line="107" selection-start-column="61" selection-end-line="107" selection-end-column="61" />
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
</file>
|
</file>
|
||||||
<file pinned="false" current-in-tab="false">
|
<file pinned="false" current-in-tab="false">
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.module.ts">
|
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts">
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
<state relative-caret-position="51">
|
<state relative-caret-position="289">
|
||||||
<caret line="3" column="38" lean-forward="true" selection-start-line="3" selection-start-column="38" selection-end-line="3" selection-end-column="38" />
|
<caret line="17" column="39" selection-start-line="17" selection-start-column="39" selection-end-line="17" selection-end-column="39" />
|
||||||
|
<folding>
|
||||||
|
<element signature="e#0#154#0" expanded="true" />
|
||||||
|
</folding>
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
</file>
|
</file>
|
||||||
<file pinned="false" current-in-tab="false">
|
<file pinned="false" current-in-tab="false">
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/index.d.ts">
|
<entry file="file://$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts">
|
||||||
<provider selected="true" editor-type-id="text-editor" />
|
|
||||||
</entry>
|
|
||||||
</file>
|
|
||||||
<file pinned="false" current-in-tab="false">
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/angular.json">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="442">
|
|
||||||
<caret line="26" column="14" selection-start-line="26" selection-start-column="14" selection-end-line="26" selection-end-column="14" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
</file>
|
|
||||||
<file pinned="false" current-in-tab="false">
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/package.json">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="391">
|
|
||||||
<caret line="23" column="7" selection-start-line="23" selection-start-column="7" selection-end-line="23" selection-end-column="7" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
</file>
|
|
||||||
<file pinned="false" current-in-tab="false">
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/index.js">
|
|
||||||
<provider selected="true" editor-type-id="text-editor" />
|
|
||||||
</entry>
|
|
||||||
</file>
|
|
||||||
<file pinned="false" current-in-tab="false">
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/directives/ng2-fittext.directive.js">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
<state relative-caret-position="544">
|
<state relative-caret-position="544">
|
||||||
<caret line="32" column="52" lean-forward="true" selection-start-line="32" selection-start-column="52" selection-end-line="32" selection-end-column="52" />
|
<caret line="32" column="46" selection-start-line="32" selection-start-column="46" selection-end-line="32" selection-end-column="46" />
|
||||||
|
<folding>
|
||||||
|
<element signature="e#0#154#0" expanded="true" />
|
||||||
|
</folding>
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
</file>
|
||||||
|
<file pinned="false" current-in-tab="false">
|
||||||
|
<entry file="file://$PROJECT_DIR$/src/ng2-fittext.module.ts">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="289">
|
||||||
|
<caret line="17" column="16" selection-start-line="17" selection-start-column="16" selection-end-line="17" selection-end-column="16" />
|
||||||
|
<folding>
|
||||||
|
<element signature="e#0#73#0" expanded="true" />
|
||||||
|
</folding>
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
</file>
|
||||||
|
<file pinned="false" current-in-tab="false">
|
||||||
|
<entry file="file://$PROJECT_DIR$/src/index.ts">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="17">
|
||||||
|
<caret line="1" selection-start-line="1" selection-end-line="1" />
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
|
|
@ -197,22 +228,8 @@
|
||||||
<file pinned="false" current-in-tab="false">
|
<file pinned="false" current-in-tab="false">
|
||||||
<entry file="file://$PROJECT_DIR$/publishPackage.json">
|
<entry file="file://$PROJECT_DIR$/publishPackage.json">
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
<state relative-caret-position="272">
|
<state relative-caret-position="34">
|
||||||
<caret line="16" column="16" lean-forward="true" selection-start-line="16" selection-start-column="16" selection-end-line="16" selection-end-column="16" />
|
<caret line="2" column="19" selection-start-line="2" selection-start-column="19" selection-end-line="2" selection-end-column="19" />
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
</file>
|
|
||||||
<file pinned="false" current-in-tab="false">
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.html">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="340">
|
|
||||||
<caret line="20" lean-forward="true" selection-start-line="20" selection-end-line="20" />
|
|
||||||
<folding>
|
|
||||||
<element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
|
|
||||||
<element signature="n#style#0;n#div#1;n#!!top" expanded="true" />
|
|
||||||
<element signature="n#style#0;n#input#0;n#div#1;n#!!top" expanded="true" />
|
|
||||||
</folding>
|
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
|
|
@ -238,6 +255,10 @@
|
||||||
<find>ng2</find>
|
<find>ng2</find>
|
||||||
<find>Proxy</find>
|
<find>Proxy</find>
|
||||||
<find>tar</find>
|
<find>tar</find>
|
||||||
|
<find>maxFontSize</find>
|
||||||
|
<find>useMax</find>
|
||||||
|
<find>use</find>
|
||||||
|
<find>useFont</find>
|
||||||
</findStrings>
|
</findStrings>
|
||||||
<replaceStrings>
|
<replaceStrings>
|
||||||
<replace>Ngx</replace>
|
<replace>Ngx</replace>
|
||||||
|
|
@ -255,7 +276,6 @@
|
||||||
<option value="$PROJECT_DIR$/src/directives/ngx-fittext.directive.spec.ts" />
|
<option value="$PROJECT_DIR$/src/directives/ngx-fittext.directive.spec.ts" />
|
||||||
<option value="$PROJECT_DIR$/examples/dev/tsconfig.json" />
|
<option value="$PROJECT_DIR$/examples/dev/tsconfig.json" />
|
||||||
<option value="$PROJECT_DIR$/examples/dev/node_modules/rxjs/internal/types.d.ts" />
|
<option value="$PROJECT_DIR$/examples/dev/node_modules/rxjs/internal/types.d.ts" />
|
||||||
<option value="$PROJECT_DIR$/examples/dev/package.json" />
|
|
||||||
<option value="$PROJECT_DIR$/src/ngx-fittext.module.ts" />
|
<option value="$PROJECT_DIR$/src/ngx-fittext.module.ts" />
|
||||||
<option value="$PROJECT_DIR$/examples/dev/src/app/app.component.ts" />
|
<option value="$PROJECT_DIR$/examples/dev/src/app/app.component.ts" />
|
||||||
<option value="$PROJECT_DIR$/tsconfig.json" />
|
<option value="$PROJECT_DIR$/tsconfig.json" />
|
||||||
|
|
@ -263,14 +283,16 @@
|
||||||
<option value="$PROJECT_DIR$/examples/dev/src/app/ngx-fittext.directive.ts" />
|
<option value="$PROJECT_DIR$/examples/dev/src/app/ngx-fittext.directive.ts" />
|
||||||
<option value="$PROJECT_DIR$/rollup.config.js" />
|
<option value="$PROJECT_DIR$/rollup.config.js" />
|
||||||
<option value="$PROJECT_DIR$/src/distPackage.json" />
|
<option value="$PROJECT_DIR$/src/distPackage.json" />
|
||||||
|
<option value="$PROJECT_DIR$/src/ng2-fittext.module.ts" />
|
||||||
|
<option value="$PROJECT_DIR$/examples/dev/package.json" />
|
||||||
|
<option value="$PROJECT_DIR$/examples/dev/src/app/app.module.ts" />
|
||||||
|
<option value="$PROJECT_DIR$/examples/dev/src/app/app.component.html" />
|
||||||
<option value="$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts" />
|
<option value="$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts" />
|
||||||
<option value="$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts" />
|
<option value="$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts" />
|
||||||
<option value="$PROJECT_DIR$/src/ng2-fittext.module.ts" />
|
|
||||||
<option value="$PROJECT_DIR$/examples/dev/src/app/app.module.ts" />
|
|
||||||
<option value="$PROJECT_DIR$/README.md" />
|
<option value="$PROJECT_DIR$/README.md" />
|
||||||
<option value="$PROJECT_DIR$/examples/dev/src/app/app.component.html" />
|
|
||||||
<option value="$PROJECT_DIR$/publishPackage.json" />
|
|
||||||
<option value="$PROJECT_DIR$/package.json" />
|
<option value="$PROJECT_DIR$/package.json" />
|
||||||
|
<option value="$PROJECT_DIR$/publishPackage.json" />
|
||||||
|
<option value="$PROJECT_DIR$/dist/README.md" />
|
||||||
</list>
|
</list>
|
||||||
</option>
|
</option>
|
||||||
</component>
|
</component>
|
||||||
|
|
@ -303,6 +325,7 @@
|
||||||
<foldersAlwaysOnTop value="true" />
|
<foldersAlwaysOnTop value="true" />
|
||||||
</navigator>
|
</navigator>
|
||||||
<panes>
|
<panes>
|
||||||
|
<pane id="Scope" />
|
||||||
<pane id="ProjectPane">
|
<pane id="ProjectPane">
|
||||||
<subPane>
|
<subPane>
|
||||||
<expand>
|
<expand>
|
||||||
|
|
@ -315,6 +338,12 @@
|
||||||
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
|
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
|
||||||
<item name="dist" type="462c0819:PsiDirectoryNode" />
|
<item name="dist" type="462c0819:PsiDirectoryNode" />
|
||||||
</path>
|
</path>
|
||||||
|
<path>
|
||||||
|
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
|
||||||
|
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
|
||||||
|
<item name="dist" type="462c0819:PsiDirectoryNode" />
|
||||||
|
<item name="directives" type="462c0819:PsiDirectoryNode" />
|
||||||
|
</path>
|
||||||
<path>
|
<path>
|
||||||
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
|
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
|
||||||
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
|
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
|
||||||
|
|
@ -336,16 +365,18 @@
|
||||||
<path>
|
<path>
|
||||||
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
|
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
|
||||||
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
|
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
|
||||||
<item name="examples" type="462c0819:PsiDirectoryNode" />
|
|
||||||
<item name="dev" type="462c0819:PsiDirectoryNode" />
|
|
||||||
<item name="src" type="462c0819:PsiDirectoryNode" />
|
<item name="src" type="462c0819:PsiDirectoryNode" />
|
||||||
<item name="app" type="462c0819:PsiDirectoryNode" />
|
</path>
|
||||||
|
<path>
|
||||||
|
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
|
||||||
|
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
|
||||||
|
<item name="src" type="462c0819:PsiDirectoryNode" />
|
||||||
|
<item name="directives" type="462c0819:PsiDirectoryNode" />
|
||||||
</path>
|
</path>
|
||||||
</expand>
|
</expand>
|
||||||
<select />
|
<select />
|
||||||
</subPane>
|
</subPane>
|
||||||
</pane>
|
</pane>
|
||||||
<pane id="Scope" />
|
|
||||||
</panes>
|
</panes>
|
||||||
</component>
|
</component>
|
||||||
<component name="PropertiesComponent">
|
<component name="PropertiesComponent">
|
||||||
|
|
@ -443,23 +474,24 @@
|
||||||
<workItem from="1549407784543" duration="212000" />
|
<workItem from="1549407784543" duration="212000" />
|
||||||
<workItem from="1549461075124" duration="28000" />
|
<workItem from="1549461075124" duration="28000" />
|
||||||
<workItem from="1556891010603" duration="1687000" />
|
<workItem from="1556891010603" duration="1687000" />
|
||||||
|
<workItem from="1556894975082" duration="972000" />
|
||||||
</task>
|
</task>
|
||||||
<servers />
|
<servers />
|
||||||
</component>
|
</component>
|
||||||
<component name="TimeTrackingManager">
|
<component name="TimeTrackingManager">
|
||||||
<option name="totallyTimeSpent" value="12376000" />
|
<option name="totallyTimeSpent" value="13357000" />
|
||||||
</component>
|
</component>
|
||||||
<component name="ToolWindowManager">
|
<component name="ToolWindowManager">
|
||||||
<frame x="-1928" y="-8" width="1936" height="1176" extended-state="6" />
|
<frame x="-1928" y="-8" width="1936" height="1176" extended-state="6" />
|
||||||
<editor active="true" />
|
<editor active="true" />
|
||||||
<layout>
|
<layout>
|
||||||
<window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.26712328" />
|
<window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.26712328" />
|
||||||
<window_info id="Structure" order="1" weight="0.25" />
|
<window_info id="Structure" order="1" weight="0.25" />
|
||||||
<window_info id="npm" order="2" side_tool="true" />
|
<window_info id="npm" order="2" side_tool="true" />
|
||||||
<window_info id="Favorites" order="3" side_tool="true" />
|
<window_info id="Favorites" order="3" side_tool="true" />
|
||||||
<window_info anchor="bottom" id="Message" order="0" />
|
<window_info anchor="bottom" id="Message" order="0" />
|
||||||
<window_info anchor="bottom" id="Find" order="1" weight="0.32917467" />
|
<window_info anchor="bottom" id="Find" order="1" weight="0.32917467" />
|
||||||
<window_info active="true" anchor="bottom" id="Run" order="2" visible="true" weight="0.24184261" />
|
<window_info anchor="bottom" id="Run" order="2" weight="0.24184261" />
|
||||||
<window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
|
<window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
|
||||||
<window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
|
<window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
|
||||||
<window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
|
<window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
|
||||||
|
|
@ -476,6 +508,11 @@
|
||||||
</component>
|
</component>
|
||||||
<component name="TypeScriptGeneratedFilesManager">
|
<component name="TypeScriptGeneratedFilesManager">
|
||||||
<option name="version" value="1" />
|
<option name="version" value="1" />
|
||||||
|
<option name="additionalRoots">
|
||||||
|
<list>
|
||||||
|
<option value="$PROJECT_DIR$/node_modules/@angular/core" />
|
||||||
|
</list>
|
||||||
|
</option>
|
||||||
</component>
|
</component>
|
||||||
<component name="VcsContentAnnotationSettings">
|
<component name="VcsContentAnnotationSettings">
|
||||||
<option name="myLimit" value="2678400000" />
|
<option name="myLimit" value="2678400000" />
|
||||||
|
|
@ -483,9 +520,6 @@
|
||||||
<component name="editorHistoryManager">
|
<component name="editorHistoryManager">
|
||||||
<entry file="file://$PROJECT_DIR$/.erector" />
|
<entry file="file://$PROJECT_DIR$/.erector" />
|
||||||
<entry file="file://$PROJECT_DIR$/src/directives/ngx-fittext.directive.spec.ts" />
|
<entry file="file://$PROJECT_DIR$/src/directives/ngx-fittext.directive.spec.ts" />
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/package-lock.json">
|
|
||||||
<provider selected="true" editor-type-id="text-editor" />
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/rxjs/internal/types.d.ts">
|
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/rxjs/internal/types.d.ts">
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
<state relative-caret-position="671">
|
<state relative-caret-position="671">
|
||||||
|
|
@ -513,13 +547,6 @@
|
||||||
</entry>
|
</entry>
|
||||||
<entry file="file://$PROJECT_DIR$/src/test.js" />
|
<entry file="file://$PROJECT_DIR$/src/test.js" />
|
||||||
<entry file="file://$PROJECT_DIR$/src/vendor.ts" />
|
<entry file="file://$PROJECT_DIR$/src/vendor.ts" />
|
||||||
<entry file="file://$PROJECT_DIR$/src/index.ts">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="17">
|
|
||||||
<caret line="1" selection-start-line="1" selection-end-line="1" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/tsconfig.test.json" />
|
<entry file="file://$PROJECT_DIR$/tsconfig.test.json" />
|
||||||
<entry file="file://$PROJECT_DIR$/tsconfig.es5.json" />
|
<entry file="file://$PROJECT_DIR$/tsconfig.es5.json" />
|
||||||
<entry file="file://$PROJECT_DIR$/karma.conf.js" />
|
<entry file="file://$PROJECT_DIR$/karma.conf.js" />
|
||||||
|
|
@ -530,13 +557,7 @@
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
<entry file="file://$PROJECT_DIR$/node_modules/typescript/lib/lib.dom.d.ts">
|
<entry file="file://$PROJECT_DIR$/node_modules/typescript/lib/lib.dom.d.ts" />
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="339">
|
|
||||||
<caret line="2413" column="4" selection-start-line="2413" selection-start-column="4" selection-end-line="2413" selection-end-column="4" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/rollup.config.js" />
|
<entry file="file://$PROJECT_DIR$/rollup.config.js" />
|
||||||
<entry file="file://$PROJECT_DIR$/dist/directives/ngx-fittext.directive.js" />
|
<entry file="file://$PROJECT_DIR$/dist/directives/ngx-fittext.directive.js" />
|
||||||
<entry file="file://$PROJECT_DIR$/tsconfig.json">
|
<entry file="file://$PROJECT_DIR$/tsconfig.json">
|
||||||
|
|
@ -546,44 +567,6 @@
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
<entry file="file://$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="238">
|
|
||||||
<caret line="23" column="31" selection-start-line="23" selection-start-column="31" selection-end-line="23" selection-end-column="31" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="85">
|
|
||||||
<caret line="14" column="32" selection-start-line="14" selection-start-column="13" selection-end-line="14" selection-end-column="32" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/src/ng2-fittext.module.ts">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="238">
|
|
||||||
<caret line="16" column="22" selection-start-line="16" selection-start-column="22" selection-end-line="16" selection-end-column="22" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/README.md">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="340">
|
|
||||||
<caret line="20" column="45" selection-start-line="20" selection-start-column="45" selection-end-line="20" selection-end-column="45" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/dist/package.json">
|
|
||||||
<provider selected="true" editor-type-id="text-editor" />
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/src/distPackage.json">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="459">
|
|
||||||
<caret line="27" column="1" selection-start-line="27" selection-start-column="1" selection-end-line="27" selection-end-column="1" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/README.md">
|
<entry file="file://$PROJECT_DIR$/examples/dev/README.md">
|
||||||
<provider selected="true" editor-type-id="text-editor" />
|
<provider selected="true" editor-type-id="text-editor" />
|
||||||
</entry>
|
</entry>
|
||||||
|
|
@ -597,13 +580,6 @@
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.css">
|
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.css">
|
||||||
<provider selected="true" editor-type-id="text-editor" />
|
<provider selected="true" editor-type-id="text-editor" />
|
||||||
</entry>
|
</entry>
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.ts">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="255">
|
|
||||||
<caret line="15" lean-forward="true" selection-start-line="15" selection-end-line="15" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/directives/ng2-fittext.directive.js">
|
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/directives/ng2-fittext.directive.js">
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
<state relative-caret-position="544">
|
<state relative-caret-position="544">
|
||||||
|
|
@ -611,37 +587,50 @@
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/package.json">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="391">
|
|
||||||
<caret line="23" column="7" selection-start-line="23" selection-start-column="7" selection-end-line="23" selection-end-column="7" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/angular.json">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="442">
|
|
||||||
<caret line="26" column="14" selection-start-line="26" selection-start-column="14" selection-end-line="26" selection-end-column="14" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.module.ts">
|
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
|
||||||
<state relative-caret-position="51">
|
|
||||||
<caret line="3" column="38" lean-forward="true" selection-start-line="3" selection-start-column="38" selection-end-line="3" selection-end-column="38" />
|
|
||||||
</state>
|
|
||||||
</provider>
|
|
||||||
</entry>
|
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/index.d.ts">
|
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/index.d.ts">
|
||||||
<provider selected="true" editor-type-id="text-editor" />
|
<provider selected="true" editor-type-id="text-editor" />
|
||||||
</entry>
|
</entry>
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/index.js">
|
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/index.js">
|
||||||
<provider selected="true" editor-type-id="text-editor" />
|
<provider selected="true" editor-type-id="text-editor" />
|
||||||
</entry>
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/examples/dev/angular.json">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="442">
|
||||||
|
<caret line="26" column="14" selection-start-line="26" selection-start-column="14" selection-end-line="26" selection-end-column="14" />
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/examples/dev/package.json">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="459">
|
||||||
|
<caret line="27" column="31" selection-start-line="27" selection-start-column="31" selection-end-line="27" selection-end-column="31" />
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.ts">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="255">
|
||||||
|
<caret line="15" selection-start-line="15" selection-end-line="15" />
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/examples/dev/src/index.html">
|
||||||
|
<provider selected="true" editor-type-id="text-editor" />
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.module.ts">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="170">
|
||||||
|
<caret line="10" column="12" selection-start-line="10" selection-start-column="12" selection-end-line="10" selection-end-column="12" />
|
||||||
|
<folding>
|
||||||
|
<element signature="e#0#58#0" expanded="true" />
|
||||||
|
</folding>
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.html">
|
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.html">
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
<state relative-caret-position="340">
|
<state relative-caret-position="102">
|
||||||
<caret line="20" lean-forward="true" selection-start-line="20" selection-end-line="20" />
|
<caret line="6" selection-start-line="6" selection-end-line="6" />
|
||||||
<folding>
|
<folding>
|
||||||
<element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
|
<element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
|
||||||
<element signature="n#style#0;n#div#1;n#!!top" expanded="true" />
|
<element signature="n#style#0;n#div#1;n#!!top" expanded="true" />
|
||||||
|
|
@ -650,17 +639,84 @@
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/src/directives/ng2-fittext.directive.ts">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="544">
|
||||||
|
<caret line="32" column="46" selection-start-line="32" selection-start-column="46" selection-end-line="32" selection-end-column="46" />
|
||||||
|
<folding>
|
||||||
|
<element signature="e#0#154#0" expanded="true" />
|
||||||
|
</folding>
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
<entry file="file://$PROJECT_DIR$/publishPackage.json">
|
<entry file="file://$PROJECT_DIR$/publishPackage.json">
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
<state relative-caret-position="272">
|
<state relative-caret-position="34">
|
||||||
<caret line="16" column="16" lean-forward="true" selection-start-line="16" selection-start-column="16" selection-end-line="16" selection-end-column="16" />
|
<caret line="2" column="19" selection-start-line="2" selection-start-column="19" selection-end-line="2" selection-end-column="19" />
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/src/ng2-fittext.module.ts">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="289">
|
||||||
|
<caret line="17" column="16" selection-start-line="17" selection-start-column="16" selection-end-line="17" selection-end-column="16" />
|
||||||
|
<folding>
|
||||||
|
<element signature="e#0#73#0" expanded="true" />
|
||||||
|
</folding>
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/src/index.ts">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="17">
|
||||||
|
<caret line="1" selection-start-line="1" selection-end-line="1" />
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/src/distPackage.json">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="187">
|
||||||
|
<caret line="11" column="14" lean-forward="true" selection-start-line="11" selection-start-column="14" selection-end-line="11" selection-end-column="14" />
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/examples/dev/package-lock.json">
|
||||||
|
<provider selected="true" editor-type-id="text-editor" />
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/ng2-fittext.directive.ts">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="289">
|
||||||
|
<caret line="17" column="39" selection-start-line="17" selection-start-column="39" selection-end-line="17" selection-end-column="39" />
|
||||||
|
<folding>
|
||||||
|
<element signature="e#0#154#0" expanded="true" />
|
||||||
|
</folding>
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
<entry file="file://$PROJECT_DIR$/package.json">
|
<entry file="file://$PROJECT_DIR$/package.json">
|
||||||
<provider selected="true" editor-type-id="text-editor">
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
<state relative-caret-position="204">
|
<state relative-caret-position="629">
|
||||||
<caret line="12" column="37" selection-start-line="12" selection-start-column="37" selection-end-line="12" selection-end-column="37" />
|
<caret line="37" column="38" selection-start-line="37" selection-start-column="38" selection-end-line="37" selection-end-column="38" />
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/dist/directives/ng2-fittext.directive.js">
|
||||||
|
<provider selected="true" editor-type-id="text-editor" />
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/dist/package.json">
|
||||||
|
<provider selected="true" editor-type-id="text-editor" />
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/README.md">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="425">
|
||||||
|
<caret line="25" column="15" lean-forward="true" selection-end-line="133" />
|
||||||
|
</state>
|
||||||
|
</provider>
|
||||||
|
</entry>
|
||||||
|
<entry file="file://$PROJECT_DIR$/dist/README.md">
|
||||||
|
<provider selected="true" editor-type-id="text-editor">
|
||||||
|
<state relative-caret-position="483">
|
||||||
|
<caret line="107" column="61" lean-forward="true" selection-start-line="107" selection-start-column="61" selection-end-line="107" selection-end-column="61" />
|
||||||
</state>
|
</state>
|
||||||
</provider>
|
</provider>
|
||||||
</entry>
|
</entry>
|
||||||
|
|
|
||||||
10
README.md
10
README.md
|
|
@ -40,7 +40,7 @@ Import it in your Angular2 project like a module
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'label',
|
selector: 'label',
|
||||||
template: `<div #container>
|
template: `<div #container>
|
||||||
<div [fittext]="true" [activateOnResize]="true" [container]="container" [useMaxFontSize]="false">Bla bla bla...</div>
|
<div [fittext]="true" [activateOnResize]="true" [container]="container">Bla bla bla...</div>
|
||||||
</div>`
|
</div>`
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
@ -55,7 +55,7 @@ Import it in your Angular2 project like a module
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'label',
|
selector: 'label',
|
||||||
template: `<div>
|
template: `<div>
|
||||||
<div [fittext]="true" [activateOnResize]="true" [useMaxFontSize]="false">Bla bla bla...</div>
|
<div [fittext]="true" [activateOnResize]="true">Bla bla bla...</div>
|
||||||
</div>`
|
</div>`
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
@ -72,7 +72,7 @@ Import it in your Angular2 project like a module
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'inputbox',
|
selector: 'inputbox',
|
||||||
template: `<div #container>
|
template: `<div #container>
|
||||||
<input [fittext]="true" [activateOnResize]="true" [container]="container" [activateOnInputEvents]="true" [useMaxFontSize]="false">`,
|
<input [fittext]="true" [activateOnResize]="true" [container]="container" [activateOnInputEvents]="true">`,
|
||||||
</div>`
|
</div>`
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
@ -89,7 +89,7 @@ Import it in your Angular2 project like a module
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'inputbox',
|
selector: 'inputbox',
|
||||||
template: `<div>
|
template: `<div>
|
||||||
<input [fittext]="true" [activateOnResize]="true" [activateOnInputEvents]="true" [useMaxFontSize]="true">`,
|
<input [fittext]="true" [activateOnResize]="true" [activateOnInputEvents]="true" [minFontSize]="40" [maxFontSize]="100">`,
|
||||||
</div>`
|
</div>`
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
@ -105,7 +105,7 @@ Import it in your Angular2 project like a module
|
||||||
| container | the container to fit (if not present it fit default to parent container)| ElementRef
|
| container | the container to fit (if not present it fit default to parent container)| ElementRef
|
||||||
| activateOnResize | enable/disable the autofit in case of window resize | true or false (default false)
|
| activateOnResize | enable/disable the autofit in case of window resize | true or false (default false)
|
||||||
| activateOnInputEvents | enbale/disable the autofit in case of input box events (keydown, keyup etc..) | true or false (default false)
|
| activateOnInputEvents | enbale/disable the autofit in case of input box events (keydown, keyup etc..) | true or false (default false)
|
||||||
| useMaxFontSize | Use font-size from element as maximum font-size | enable/disable the usage of max font-size of the lement
|
| maxFontSize | maximal font size | number, default is 1000
|
||||||
| minFontSize | minimal font size | number, default is 7
|
| minFontSize | minimal font size | number, default is 7
|
||||||
| modelToWatch | pass model to watch, when this model changes -> font size is automatically recalculated | any type of model
|
| modelToWatch | pass model to watch, when this model changes -> font size is automatically recalculated | any type of model
|
||||||
|
|
||||||
|
|
|
||||||
6
examples/dev/package-lock.json
generated
6
examples/dev/package-lock.json
generated
|
|
@ -6450,9 +6450,9 @@
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"ng2-fittext": {
|
"ng2-fittext": {
|
||||||
"version": "1.2.1",
|
"version": "1.2.2",
|
||||||
"resolved": "https://registry.npmjs.org/ng2-fittext/-/ng2-fittext-1.2.1.tgz",
|
"resolved": "https://registry.npmjs.org/ng2-fittext/-/ng2-fittext-1.2.2.tgz",
|
||||||
"integrity": "sha512-jPv7VDa1Buk0+UWev6MzGB9K0rFq4CiCnEvHpWvigG4MJ6xeGbGfyiEVejZ9v58K+IFnbKKdQgOUqi8zoWH8dQ=="
|
"integrity": "sha512-19nLCEXk0ig0Tzk8RlkUwdlTxyo2YyFViwV0yPZCvNlaPLUE84bmUkJ0iA8Bn1pV3eOJcBk/DRWA8Kggd7fVTQ=="
|
||||||
},
|
},
|
||||||
"nice-try": {
|
"nice-try": {
|
||||||
"version": "1.0.5",
|
"version": "1.0.5",
|
||||||
|
|
|
||||||
|
|
@ -2,8 +2,9 @@
|
||||||
<div style="border: 2px solid; overflow:hidden; width:100%; height:300px; font-size:520px;">
|
<div style="border: 2px solid; overflow:hidden; width:100%; height:300px; font-size:520px;">
|
||||||
<div [fittext]="true"
|
<div [fittext]="true"
|
||||||
[modelToWatch]="title"
|
[modelToWatch]="title"
|
||||||
[activateOnResize]="true"
|
[maxFontSize]="50"
|
||||||
[useMaxFontSize]="true">{{title}}</div>
|
[minFontSize]="30"
|
||||||
|
[activateOnResize]="true">{{title}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button (click)="click('add')"> ADD text</button>
|
<button (click)="click('add')"> ADD text</button>
|
||||||
|
|
|
||||||
|
|
@ -1,17 +1,17 @@
|
||||||
import { BrowserModule } from '@angular/platform-browser';
|
import { BrowserModule } from '@angular/platform-browser';
|
||||||
import { NgModule } from '@angular/core';
|
import { NgModule } from '@angular/core';
|
||||||
import { AppComponent } from './app.component';
|
import { AppComponent } from './app.component';
|
||||||
import {Ng2FittextModule} from 'ng2-fittext';
|
import {Ng2FittextDirective} from './ng2-fittext.directive';
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
declarations: [
|
declarations: [
|
||||||
AppComponent
|
AppComponent,
|
||||||
|
Ng2FittextDirective
|
||||||
],
|
],
|
||||||
imports: [
|
imports: [
|
||||||
BrowserModule,
|
BrowserModule
|
||||||
Ng2FittextModule
|
|
||||||
],
|
],
|
||||||
providers: [],
|
providers: [Ng2FittextDirective],
|
||||||
bootstrap: [AppComponent]
|
bootstrap: [AppComponent]
|
||||||
})
|
})
|
||||||
export class AppModule { }
|
export class AppModule { }
|
||||||
|
|
|
||||||
|
|
@ -18,10 +18,9 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
|
||||||
@Input('activateOnResize') activateOnResize: boolean;
|
@Input('activateOnResize') activateOnResize: boolean;
|
||||||
@Input('container') container: HTMLElement;
|
@Input('container') container: HTMLElement;
|
||||||
@Input('activateOnInputEvents') activateOnInputEvents: boolean;
|
@Input('activateOnInputEvents') activateOnInputEvents: boolean;
|
||||||
@Input('useMaxFontSize') useMaxFontSize: boolean;
|
|
||||||
@Input('minFontSize') minFontSize = 7;
|
@Input('minFontSize') minFontSize = 7;
|
||||||
|
@Input('maxFontSize') maxFontSize = 1000;
|
||||||
@Input('modelToWatch') modelToWatch: any;
|
@Input('modelToWatch') modelToWatch: any;
|
||||||
private maxFontSize = 1000;
|
|
||||||
private fontSize = 1000;
|
private fontSize = 1000;
|
||||||
private speed = 1.05;
|
private speed = 1.05;
|
||||||
private done = false;
|
private done = false;
|
||||||
|
|
@ -35,6 +34,9 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
|
||||||
// force that font size will never be lower than minimal allowed font size
|
// force that font size will never be lower than minimal allowed font size
|
||||||
fontSize = this.minFontSize;
|
fontSize = this.minFontSize;
|
||||||
}
|
}
|
||||||
|
if(fontSize > this.maxFontSize){
|
||||||
|
fontSize = this.maxFontSize;
|
||||||
|
}
|
||||||
|
|
||||||
this.fontSize = fontSize;
|
this.fontSize = fontSize;
|
||||||
return this.el.nativeElement.style.setProperty('font-size', (fontSize).toString() + 'px');
|
return this.el.nativeElement.style.setProperty('font-size', (fontSize).toString() + 'px');
|
||||||
|
|
@ -77,13 +79,10 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
|
||||||
|
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.done = false;
|
this.done = false;
|
||||||
if (this.useMaxFontSize) {
|
|
||||||
const fontSize = this.getComputetStyle().fontSize;
|
const fontSize = this.getComputetStyle().fontSize;
|
||||||
if (fontSize) {
|
if (fontSize) {
|
||||||
this.maxFontSize = parseInt(fontSize, undefined);
|
this.maxFontSize = parseInt(fontSize, undefined);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
if (this.fittext) {
|
if (this.fittext) {
|
||||||
this.setFontSize(this.maxFontSize);
|
this.setFontSize(this.maxFontSize);
|
||||||
}
|
}
|
||||||
|
|
@ -104,7 +103,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
|
||||||
this.ngAfterViewInit();
|
this.ngAfterViewInit();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (this.useMaxFontSize) {
|
|
||||||
if (this.fontSize > this.maxFontSize) {
|
if (this.fontSize > this.maxFontSize) {
|
||||||
const fontSize = this.getComputetStyle().fontSize;
|
const fontSize = this.getComputetStyle().fontSize;
|
||||||
if (fontSize) {
|
if (fontSize) {
|
||||||
|
|
@ -112,7 +110,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
|
||||||
this.setFontSize(this.maxFontSize);
|
this.setFontSize(this.maxFontSize);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
this.done = true;
|
this.done = true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
package-lock.json
generated
2
package-lock.json
generated
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "ng2-fittext",
|
"name": "ng2-fittext",
|
||||||
"version": "1.2.1",
|
"version": "1.2.3",
|
||||||
"lockfileVersion": 1,
|
"lockfileVersion": 1,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "ng2-fittext",
|
"name": "ng2-fittext",
|
||||||
"version": "1.2.2",
|
"version": "1.2.3",
|
||||||
"description": "Ng2 Fittext, an Angular library",
|
"description": "Ng2 Fittext, an Angular library",
|
||||||
"main": "./bundles/ng2-fittext.umd.js",
|
"main": "./bundles/ng2-fittext.umd.js",
|
||||||
"module": "./ng2-fittext.es5.js",
|
"module": "./ng2-fittext.es5.js",
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "ng2-fittext",
|
"name": "ng2-fittext",
|
||||||
"version": "1.2.2",
|
"version": "1.2.3",
|
||||||
"description": "Ng2-fittext: An Angular2+ directive that change the font size until it fit the upper level container dimension.",
|
"description": "Ng2-fittext: An Angular2+ directive that change the font size until it fit the upper level container dimension.",
|
||||||
"main": "./bundles/ng2-fittext.umd.js",
|
"main": "./bundles/ng2-fittext.umd.js",
|
||||||
"module": "./ng2-fittext.es5.js",
|
"module": "./ng2-fittext.es5.js",
|
||||||
|
|
|
||||||
|
|
@ -18,10 +18,9 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
|
||||||
@Input('activateOnResize') activateOnResize: boolean;
|
@Input('activateOnResize') activateOnResize: boolean;
|
||||||
@Input('container') container: HTMLElement;
|
@Input('container') container: HTMLElement;
|
||||||
@Input('activateOnInputEvents') activateOnInputEvents: boolean;
|
@Input('activateOnInputEvents') activateOnInputEvents: boolean;
|
||||||
@Input('useMaxFontSize') useMaxFontSize: boolean;
|
|
||||||
@Input('minFontSize') minFontSize = 7;
|
@Input('minFontSize') minFontSize = 7;
|
||||||
|
@Input('maxFontSize') maxFontSize = 1000;
|
||||||
@Input('modelToWatch') modelToWatch: any;
|
@Input('modelToWatch') modelToWatch: any;
|
||||||
private maxFontSize = 1000;
|
|
||||||
private fontSize = 1000;
|
private fontSize = 1000;
|
||||||
private speed = 1.05;
|
private speed = 1.05;
|
||||||
private done = false;
|
private done = false;
|
||||||
|
|
@ -35,6 +34,9 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
|
||||||
// force that font size will never be lower than minimal allowed font size
|
// force that font size will never be lower than minimal allowed font size
|
||||||
fontSize = this.minFontSize;
|
fontSize = this.minFontSize;
|
||||||
}
|
}
|
||||||
|
if(fontSize > this.maxFontSize){
|
||||||
|
fontSize = this.maxFontSize;
|
||||||
|
}
|
||||||
|
|
||||||
this.fontSize = fontSize;
|
this.fontSize = fontSize;
|
||||||
return this.el.nativeElement.style.setProperty('font-size', (fontSize).toString() + 'px');
|
return this.el.nativeElement.style.setProperty('font-size', (fontSize).toString() + 'px');
|
||||||
|
|
@ -77,13 +79,10 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
|
||||||
|
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.done = false;
|
this.done = false;
|
||||||
if (this.useMaxFontSize) {
|
|
||||||
const fontSize = this.getComputetStyle().fontSize;
|
const fontSize = this.getComputetStyle().fontSize;
|
||||||
if (fontSize) {
|
if (fontSize) {
|
||||||
this.maxFontSize = parseInt(fontSize, undefined);
|
this.maxFontSize = parseInt(fontSize, undefined);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
if (this.fittext) {
|
if (this.fittext) {
|
||||||
this.setFontSize(this.maxFontSize);
|
this.setFontSize(this.maxFontSize);
|
||||||
}
|
}
|
||||||
|
|
@ -104,7 +103,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
|
||||||
this.ngAfterViewInit();
|
this.ngAfterViewInit();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (this.useMaxFontSize) {
|
|
||||||
if (this.fontSize > this.maxFontSize) {
|
if (this.fontSize > this.maxFontSize) {
|
||||||
const fontSize = this.getComputetStyle().fontSize;
|
const fontSize = this.getComputetStyle().fontSize;
|
||||||
if (fontSize) {
|
if (fontSize) {
|
||||||
|
|
@ -112,7 +110,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
|
||||||
this.setFontSize(this.maxFontSize);
|
this.setFontSize(this.maxFontSize);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
this.done = true;
|
this.done = true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
{
|
|
||||||
"name": "angular-amazing",
|
|
||||||
"version": "1.0.0",
|
|
||||||
"description": "An amazing module for Angular.",
|
|
||||||
"main": "bundles/amazing.umd.js",
|
|
||||||
"module": "index.js",
|
|
||||||
"typings": "index.d.ts",
|
|
||||||
"keywords": [
|
|
||||||
"angular",
|
|
||||||
"angular2",
|
|
||||||
"angular 2",
|
|
||||||
"angular4"
|
|
||||||
],
|
|
||||||
"author": "Your name",
|
|
||||||
"license": "MIT",
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "https://github.com/youraccount/angular-amazing.git"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/youraccount/angular-amazing",
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/youraccount/angular-amazing/issues"
|
|
||||||
},
|
|
||||||
"peerDependencies": {
|
|
||||||
"@angular/core": "^2.4.0 || ^4.0.0",
|
|
||||||
"rxjs": "^5.0.1"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue