loke/ng2-fittext
1
0
Fork 0
Code Issues 2 Pull requests 2 Projects Releases 3 Packages Wiki Activity Actions

Ref: maxFontSize instead useMaxFontSize

Browse source
This commit is contained in:
Lorenzo Iovino 2019-05-03 17:07:42 +02:00
parent ded7196bcc
commit 43d4cf66f4
11 changed files with 275 additions and 252 deletions
Download patch file Download diff file Expand all files Collapse all files

408
.idea/workspace.xml generated
View file

@ -5,8 +5,18 @@
</component>
<component name="ChangeListManager">
<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$/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>
<ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" />
@ -79,51 +89,54 @@
<session id="-1436062187">
<usages-collector id="statistics.lifecycle.project">
<counts>
<entry key="project.closed" value="4" />
<entry key="project.open.time.0" value="2" />
<entry key="project.closed" value="5" />
<entry key="project.open.time.0" value="3" />
<entry key="project.open.time.1" value="2" />
<entry key="project.open.time.8" value="1" />
<entry key="project.open.time.9" value="1" />
<entry key="project.opened" value="6" />
<entry key="project.opened" value="7" />
</counts>
</usages-collector>
<usages-collector id="statistics.js.language.service.starts">
<counts>
<entry key="Angular2LanguageService" value="4" />
<entry key="Angular2LanguageService" value="5" />
<entry key="TypeScriptServerServiceImpl" value="1" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.edit">
<counts>
<entry key="html" value="4" />
<entry key="json" value="193" />
<entry key="ts" value="18" />
<entry key="html" value="87" />
<entry key="json" value="203" />
<entry key="md" value="84" />
<entry key="ts" value="151" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.edit">
<counts>
<entry key="HTML" value="4" />
<entry key="JSON" value="193" />
<entry key="TypeScript" value="18" />
<entry key="HTML" value="87" />
<entry key="JSON" value="203" />
<entry key="PLAIN_TEXT" value="84" />
<entry key="TypeScript" value="151" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.open">
<counts>
<entry key="css" value="1" />
<entry key="html" value="1" />
<entry key="js" value="2" />
<entry key="json" value="7" />
<entry key="md" value="2" />
<entry key="ts" value="1" />
<entry key="html" value="2" />
<entry key="js" value="3" />
<entry key="json" value="11" />
<entry key="md" value="4" />
<entry key="ts" value="5" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.open">
<counts>
<entry key="CSS" value="1" />
<entry key="HTML" value="1" />
<entry key="JSON" value="7" />
<entry key="JavaScript" value="2" />
<entry key="PLAIN_TEXT" value="2" />
<entry key="TypeScript" value="1" />
<entry key="HTML" value="2" />
<entry key="JSON" value="11" />
<entry key="JavaScript" value="3" />
<entry key="PLAIN_TEXT" value="4" />
<entry key="TypeScript" value="5" />
</counts>
</usages-collector>
</session>
@ -131,65 +144,83 @@
<component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="375">
<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">
<state relative-caret-position="255">
<caret line="15" lean-forward="true" selection-start-line="15" selection-end-line="15" />
<state relative-caret-position="425">
<caret line="25" column="15" lean-forward="true" selection-end-line="133" />
</state>
</provider>
</entry>
</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">
<entry file="file://$PROJECT_DIR$/package.json">
<entry file="file://$PROJECT_DIR$/dist/README.md">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="204">
<caret line="12" column="37" selection-start-line="12" selection-start-column="37" selection-end-line="12" selection-end-column="37" />
<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>
</provider>
</entry>
</file>
<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">
<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 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>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/index.d.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">
<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="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>
</provider>
</entry>
@ -197,22 +228,8 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/publishPackage.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="272">
<caret line="16" column="16" lean-forward="true" selection-start-line="16" selection-start-column="16" selection-end-line="16" selection-end-column="16" />
</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 relative-caret-position="34">
<caret line="2" column="19" selection-start-line="2" selection-start-column="19" selection-end-line="2" selection-end-column="19" />
</state>
</provider>
</entry>
@ -238,6 +255,10 @@
<find>ng2</find>
<find>Proxy</find>
<find>tar</find>
<find>maxFontSize</find>
<find>useMax</find>
<find>use</find>
<find>useFont</find>
</findStrings>
<replaceStrings>
<replace>Ngx</replace>
@ -255,7 +276,6 @@
<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/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$/examples/dev/src/app/app.component.ts" />
<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$/rollup.config.js" />
<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$/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$/examples/dev/src/app/app.component.html" />
<option value="$PROJECT_DIR$/publishPackage.json" />
<option value="$PROJECT_DIR$/package.json" />
<option value="$PROJECT_DIR$/publishPackage.json" />
<option value="$PROJECT_DIR$/dist/README.md" />
</list>
</option>
</component>
@ -303,6 +325,7 @@
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="Scope" />
<pane id="ProjectPane">
<subPane>
<expand>
@ -315,6 +338,12 @@
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
<item name="dist" type="462c0819:PsiDirectoryNode" />
</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>
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
<item name="ng2-fittext" type="462c0819:PsiDirectoryNode" />
@ -336,16 +365,18 @@
<path>
<item name="ng2-fittext" type="b2602c69:ProjectViewProjectNode" />
<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="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>
</expand>
<select />
</subPane>
</pane>
<pane id="Scope" />
</panes>
</component>
<component name="PropertiesComponent">
@ -443,23 +474,24 @@
<workItem from="1549407784543" duration="212000" />
<workItem from="1549461075124" duration="28000" />
<workItem from="1556891010603" duration="1687000" />
<workItem from="1556894975082" duration="972000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="12376000" />
<option name="totallyTimeSpent" value="13357000" />
</component>
<component name="ToolWindowManager">
<frame x="-1928" y="-8" width="1936" height="1176" extended-state="6" />
<editor active="true" />
<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="npm" order="2" 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="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="Cvs" order="4" weight="0.25" />
<window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
@ -476,6 +508,11 @@
</component>
<component name="TypeScriptGeneratedFilesManager">
<option name="version" value="1" />
<option name="additionalRoots">
<list>
<option value="$PROJECT_DIR$/node_modules/@angular/core" />
</list>
</option>
</component>
<component name="VcsContentAnnotationSettings">
<option name="myLimit" value="2678400000" />
@ -483,9 +520,6 @@
<component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/.erector" />
<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">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="671">
@ -513,13 +547,6 @@
</entry>
<entry file="file://$PROJECT_DIR$/src/test.js" />
<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.es5.json" />
<entry file="file://$PROJECT_DIR$/karma.conf.js" />
@ -530,13 +557,7 @@
</state>
</provider>
</entry>
<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$/node_modules/typescript/lib/lib.dom.d.ts" />
<entry file="file://$PROJECT_DIR$/rollup.config.js" />
<entry file="file://$PROJECT_DIR$/dist/directives/ngx-fittext.directive.js" />
<entry file="file://$PROJECT_DIR$/tsconfig.json">
@ -546,44 +567,6 @@
</state>
</provider>
</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">
<provider selected="true" editor-type-id="text-editor" />
</entry>
@ -597,13 +580,6 @@
<entry file="file://$PROJECT_DIR$/examples/dev/src/app/app.component.css">
<provider selected="true" editor-type-id="text-editor" />
</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">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="544">
@ -611,37 +587,50 @@
</state>
</provider>
</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">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/examples/dev/node_modules/ng2-fittext/index.js">
<provider selected="true" editor-type-id="text-editor" />
</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">
<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" />
<state relative-caret-position="102">
<caret line="6" selection-start-line="6" selection-end-line="6" />
<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" />
@ -650,17 +639,84 @@
</state>
</provider>
</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">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="272">
<caret line="16" column="16" lean-forward="true" selection-start-line="16" selection-start-column="16" selection-end-line="16" selection-end-column="16" />
<state relative-caret-position="34">
<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>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="204">
<caret line="12" column="37" selection-start-line="12" selection-start-column="37" selection-end-line="12" selection-end-column="37" />
<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>
<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>
</provider>
</entry>

10
README.md
View file

@ -40,7 +40,7 @@ Import it in your Angular2 project like a module
@Component({
selector: 'label',
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>`
})
@ -55,7 +55,7 @@ Import it in your Angular2 project like a module
@Component({
selector: 'label',
template: `<div>
<div [fittext]="true" [activateOnResize]="true" [useMaxFontSize]="false">Bla bla bla...</div>
<div [fittext]="true" [activateOnResize]="true">Bla bla bla...</div>
</div>`
})
@ -72,7 +72,7 @@ Import it in your Angular2 project like a module
@Component({
selector: 'inputbox',
template: `<div #container>
<input [fittext]="true" [activateOnResize]="true" [container]="container" [activateOnInputEvents]="true" [useMaxFontSize]="false">`,
<input [fittext]="true" [activateOnResize]="true" [container]="container" [activateOnInputEvents]="true">`,
</div>`
})
@ -89,7 +89,7 @@ Import it in your Angular2 project like a module
@Component({
selector: 'inputbox',
template: `<div>
<input [fittext]="true" [activateOnResize]="true" [activateOnInputEvents]="true" [useMaxFontSize]="true">`,
<input [fittext]="true" [activateOnResize]="true" [activateOnInputEvents]="true" [minFontSize]="40" [maxFontSize]="100">`,
</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
| 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)
| 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
| 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
View file

@ -6450,9 +6450,9 @@
"dev": true
},
"ng2-fittext": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/ng2-fittext/-/ng2-fittext-1.2.1.tgz",
"integrity": "sha512-jPv7VDa1Buk0+UWev6MzGB9K0rFq4CiCnEvHpWvigG4MJ6xeGbGfyiEVejZ9v58K+IFnbKKdQgOUqi8zoWH8dQ=="
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/ng2-fittext/-/ng2-fittext-1.2.2.tgz",
"integrity": "sha512-19nLCEXk0ig0Tzk8RlkUwdlTxyo2YyFViwV0yPZCvNlaPLUE84bmUkJ0iA8Bn1pV3eOJcBk/DRWA8Kggd7fVTQ=="
},
"nice-try": {
"version": "1.0.5",

5
examples/dev/src/app/app.component.html
View file

@ -2,8 +2,9 @@
<div style="border: 2px solid; overflow:hidden; width:100%; height:300px; font-size:520px;">
<div [fittext]="true"
[modelToWatch]="title"
[activateOnResize]="true"
[useMaxFontSize]="true">{{title}}</div>
[maxFontSize]="50"
[minFontSize]="30"
[activateOnResize]="true">{{title}}</div>
</div>
<button (click)="click('add')"> ADD text</button>

10
examples/dev/src/app/app.module.ts
View file

@ -1,17 +1,17 @@
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {Ng2FittextModule} from 'ng2-fittext';
import {Ng2FittextDirective} from './ng2-fittext.directive';
@NgModule({
declarations: [
AppComponent
AppComponent,
Ng2FittextDirective
],
imports: [
BrowserModule,
Ng2FittextModule
BrowserModule
],
providers: [],
providers: [Ng2FittextDirective],
bootstrap: [AppComponent]
})
export class AppModule { }

11
examples/dev/src/app/ng2-fittext.directive.ts
View file

@ -18,10 +18,9 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
@Input('activateOnResize') activateOnResize: boolean;
@Input('container') container: HTMLElement;
@Input('activateOnInputEvents') activateOnInputEvents: boolean;
@Input('useMaxFontSize') useMaxFontSize: boolean;
@Input('minFontSize') minFontSize = 7;
@Input('maxFontSize') maxFontSize = 1000;
@Input('modelToWatch') modelToWatch: any;
private maxFontSize = 1000;
private fontSize = 1000;
private speed = 1.05;
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
fontSize = this.minFontSize;
}
if(fontSize > this.maxFontSize){
fontSize = this.maxFontSize;
}
this.fontSize = fontSize;
return this.el.nativeElement.style.setProperty('font-size', (fontSize).toString() + 'px');
@ -77,13 +79,10 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
ngOnInit() {
this.done = false;
if (this.useMaxFontSize) {
const fontSize = this.getComputetStyle().fontSize;
if (fontSize) {
this.maxFontSize = parseInt(fontSize, undefined);
}
}
if (this.fittext) {
this.setFontSize(this.maxFontSize);
}
@ -104,7 +103,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
this.ngAfterViewInit();
}
} else {
if (this.useMaxFontSize) {
if (this.fontSize > this.maxFontSize) {
const fontSize = this.getComputetStyle().fontSize;
if (fontSize) {
@ -112,7 +110,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
this.setFontSize(this.maxFontSize);
}
}
}
this.done = true;
}
}

2
package-lock.json generated
View file

@ -1,6 +1,6 @@
{
"name": "ng2-fittext",
"version": "1.2.1",
"version": "1.2.3",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "ng2-fittext",
"version": "1.2.2",
"version": "1.2.3",
"description": "Ng2 Fittext, an Angular library",
"main": "./bundles/ng2-fittext.umd.js",
"module": "./ng2-fittext.es5.js",

2
publishPackage.json
View file

@ -1,6 +1,6 @@
{
"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.",
"main": "./bundles/ng2-fittext.umd.js",
"module": "./ng2-fittext.es5.js",

11
src/directives/ng2-fittext.directive.ts
View file

@ -18,10 +18,9 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
@Input('activateOnResize') activateOnResize: boolean;
@Input('container') container: HTMLElement;
@Input('activateOnInputEvents') activateOnInputEvents: boolean;
@Input('useMaxFontSize') useMaxFontSize: boolean;
@Input('minFontSize') minFontSize = 7;
@Input('maxFontSize') maxFontSize = 1000;
@Input('modelToWatch') modelToWatch: any;
private maxFontSize = 1000;
private fontSize = 1000;
private speed = 1.05;
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
fontSize = this.minFontSize;
}
if(fontSize > this.maxFontSize){
fontSize = this.maxFontSize;
}
this.fontSize = fontSize;
return this.el.nativeElement.style.setProperty('font-size', (fontSize).toString() + 'px');
@ -77,13 +79,10 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
ngOnInit() {
this.done = false;
if (this.useMaxFontSize) {
const fontSize = this.getComputetStyle().fontSize;
if (fontSize) {
this.maxFontSize = parseInt(fontSize, undefined);
}
}
if (this.fittext) {
this.setFontSize(this.maxFontSize);
}
@ -104,7 +103,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
this.ngAfterViewInit();
}
} else {
if (this.useMaxFontSize) {
if (this.fontSize > this.maxFontSize) {
const fontSize = this.getComputetStyle().fontSize;
if (fontSize) {
@ -112,7 +110,6 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit, OnChanges, Af
this.setFontSize(this.maxFontSize);
}
}
}
this.done = true;
}
}

28
src/distPackage.json
View file

@ -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"
}
}